Team:UNITN-Trento/JS/Team

From 2013.igem.org

(Difference between revisions)
m
m
Line 41: Line 41:
$('body').append(div);
$('body').append(div);
} else {
} else {
-
alert("E");
+
$('#tn-content .tag').removeClass( 'active' );
 +
_self = $(this);
 +
_self.addClass( 'active' );
 +
 
 +
div = $('<div/>');
 +
$(div).addClass( 'tn-hoverTag' );
 +
 
 +
$(div).append( '<span>Click to exit</span><br/>' );
 +
$(div).append( '<iframe src="' + $(_self).attr('href') + '" />' );
 +
$(div).children().wrapAll( '<div/>' );
 +
 
 +
$(div).click(function(e) {
 +
e.preventDefault();
 +
$(div).remove();
 +
$('#tn-content .tag').removeClass( 'active' );
 +
});
 +
$('body').append(div);
}
}
});
});
});
});
});
});

Revision as of 08:16, 13 August 2013

function swapBg(img) { alt = $(img).attr('data-alt'); src = $(img).attr('src'); $(img).fadeOut('fast', function() { $(img).attr('src',alt); $(img).attr('data-alt',src); $(img).fadeIn(); }); }

$(document).ready(function() { $( '#jms-slideshow' ).jmslideshow();

$('#jms-slideshow .image').each(function() { $(this).click(function(e) { e.preventDefault(); swapBg($(this).children('img')); }); });

$('#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( 'Click to exit
' ); $(div).append( '<img src="' + $(_self).attr('href') + '" />' ); $(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( 'Click to exit
' ); $(div).append( '<iframe src="' + $(_self).attr('href') + '" />' ); $(div).children().wrapAll( '<div/>' );

$(div).click(function(e) { e.preventDefault(); $(div).remove(); $('#tn-content .tag').removeClass( 'active' ); }); $('body').append(div); } }); }); });