Team:UNITN-Trento/JS/Team
From 2013.igem.org
m |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
$(document).ready(function() { | $(document).ready(function() { | ||
- | $( '#jms-slideshow' ).jmslideshow( | + | $('#jms-slideshow').jmslideshow(); |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
$('#tn-content .tag').each(function() { | $('#tn-content .tag').each(function() { | ||
$(this).click(function(e) { | $(this).click(function(e) { | ||
e.preventDefault(); | e.preventDefault(); | ||
- | if ( $(this).attr( 'data-type' ) === "img" && !$(this).hasClass( 'active' ) ) { | + | if ($(this).attr('data-type') === "img" && !$(this).hasClass('active')) { |
- | $('#tn-content .tag').removeClass( 'active' ); | + | $('#tn-content .tag').removeClass('active'); |
_self = $(this); | _self = $(this); | ||
- | _self.addClass( 'active' ); | + | _self.addClass('active'); |
div = $('<div/>'); | div = $('<div/>'); | ||
- | $(div).addClass( 'tn-hoverTag' ); | + | $(div).addClass('tn-hoverTag'); |
- | $(div).append( '<span class="title">' + $(_self).html() + '</span><br/>' ); | + | $(div).append('<span class="title">' + $(_self).html() + '</span><br/>'); |
- | $(div).append( '<img src="' + $(_self).attr('href') + '" />' ); | + | $(div).append('<img src="' + $(_self).attr('href') + '" />'); |
- | $(div).append( '<br/><span class="msg">Click to exit</span>' ); | + | $(div).append('<br/><span class="msg">Click to exit</span>'); |
- | $(div).children().wrapAll( '<div/>' ); | + | $(div).children().wrapAll('<div/>'); |
$(div).click(function(e) { | $(div).click(function(e) { | ||
e.preventDefault(); | e.preventDefault(); | ||
$(div).remove(); | $(div).remove(); | ||
- | $('#tn-content .tag').removeClass( 'active' ); | + | $('#tn-content .tag').removeClass('active'); |
}); | }); | ||
$('body').append(div); | $('body').append(div); | ||
} else { | } else { | ||
- | $('#tn-content .tag').removeClass( 'active' ); | + | $('#tn-content .tag').removeClass('active'); |
_self = $(this); | _self = $(this); | ||
- | _self.addClass( 'active' ); | + | _self.addClass('active'); |
div = $('<div/>'); | div = $('<div/>'); | ||
- | $(div).addClass( 'tn-hoverTag' ); | + | $(div).addClass('tn-hoverTag'); |
- | $(div).append( '<span class="title">' + $(_self).html() + '</span><br/>' ); | + | $(div).append('<span class="title">' + $(_self).html() + '</span><br/>'); |
- | $(div).append( '<iframe width="560" height="315" src="' + $(_self).attr('href') + '" frameborder="0" allowfullscreen></iframe>' ); | + | $(div).append('<iframe width="560" height="315" src="' + $(_self).attr('href') + '" frameborder="0" allowfullscreen></iframe>'); |
- | $(div).append( '<br/><span class="msg">Click to exit</span>' ); | + | $(div).append('<br/><span class="msg">Click to exit</span>'); |
- | $(div).children().wrapAll( '<div/>' ); | + | $(div).children().wrapAll('<div/>'); |
$(div).click(function(e) { | $(div).click(function(e) { | ||
e.preventDefault(); | e.preventDefault(); | ||
$(div).remove(); | $(div).remove(); | ||
- | $('#tn-content .tag').removeClass( 'active' ); | + | $('#tn-content .tag').removeClass('active'); |
}); | }); | ||
$('body').append(div); | $('body').append(div); |
Revision as of 09:35, 26 August 2013
$(document).ready(function() { $('#jms-slideshow').jmslideshow();
$('#tn-content .tag').each(function() { $(this).click(function(e) { e.preventDefault(); if ($(this).attr('data-type') === "img" && !$(this).hasClass('active')) { $('#tn-content .tag').removeClass('active'); _self = $(this); _self.addClass('active');
div = $('<div/>'); $(div).addClass('tn-hoverTag');
$(div).append('' + $(_self).html() + '
');
$(div).append('<img src="' + $(_self).attr('href') + '" />');
$(div).append('
Click to exit');
$(div).children().wrapAll('<div/>');
$(div).click(function(e) { e.preventDefault(); $(div).remove(); $('#tn-content .tag').removeClass('active'); }); $('body').append(div); } else { $('#tn-content .tag').removeClass('active'); _self = $(this); _self.addClass('active');
div = $('<div/>'); $(div).addClass('tn-hoverTag');
$(div).append('' + $(_self).html() + '
');
$(div).append('<iframe width="560" height="315" src="' + $(_self).attr('href') + '" frameborder="0" allowfullscreen></iframe>');
$(div).append('
Click to exit');
$(div).children().wrapAll('<div/>');
$(div).click(function(e) { e.preventDefault(); $(div).remove(); $('#tn-content .tag').removeClass('active'); }); $('body').append(div); } }); }); });