Team:Buenos Aires/Pruebas
From 2013.igem.org
(Difference between revisions)
Line 7: | Line 7: | ||
<link rel="stylesheet" type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:Buenos_Aires/css/style.css?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:Buenos_Aires/css/style.css?action=raw&ctype=text/css" /> | ||
+ | |||
<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" /> | <link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" /> | ||
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.css?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.css?action=raw&ctype=text/css" /> | ||
Line 115: | Line 116: | ||
<!--Objetive--> | <!--Objetive--> | ||
<!-- <iframe class="restricted" id="textObj" scrolling="no"--> | <!-- <iframe class="restricted" id="textObj" scrolling="no"--> | ||
- | <div class="text_loading"> | + | <div class="text_loading"></div> |
<div class="texto" id="textObj"> | <div class="texto" id="textObj"> | ||
Line 170: | Line 171: | ||
$ac_bgimage = $ac_background.find('.ac_bgimage'), | $ac_bgimage = $ac_background.find('.ac_bgimage'), | ||
$ac_loading = $ac_background.find('.ac_loading'), | $ac_loading = $ac_background.find('.ac_loading'), | ||
- | + | ||
$ac_content = $('#ac_content'), | $ac_content = $('#ac_content'), | ||
Line 204: | Line 205: | ||
5- initializes the menu items events | 5- initializes the menu items events | ||
*/ | */ | ||
- | + | ||
$ac_loading.show();//show loading status image | $ac_loading.show();//show loading status image | ||
$.when(loadImages()).done(function(){ | $.when(loadImages()).done(function(){ | ||
Line 218: | Line 219: | ||
}); | }); | ||
}, | }, | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
Line 299: | Line 285: | ||
$sub_menu = $item.find('.ac_subitem'), | $sub_menu = $item.find('.ac_subitem'), | ||
$ac_close = $sub_menu.find('.ac_close'); | $ac_close = $sub_menu.find('.ac_close'); | ||
+ | $text_loading = $('.text_loading'); | ||
Line 323: | Line 310: | ||
var currentId = $(this).attr('id'); | var currentId = $(this).attr('id'); | ||
- | + | ||
+ | /* all other text display is none*/ | ||
$('.texto').css({opacity:'0.0',display: 'none'}); | $('.texto').css({opacity:'0.0',display: 'none'}); | ||
- | + | /* show text: */ | |
+ | $text_loading.show(); | ||
+ | alert("tx"); | ||
+ | $.when(loadDiv(this)).done(function(){ | ||
+ | $text_loading.hide();}); | ||
$('#text' + currentId).css({display: 'block'}); | $('#text' + currentId).css({display: 'block'}); | ||
$('#text' + currentId).stop() | $('#text' + currentId).stop() | ||
Line 335: | Line 327: | ||
}); | }); | ||
+ | }, | ||
+ | |||
+ | |||
+ | //Load external in div | ||
+ | loadDiv = function(link) { | ||
+ | $('#textObj').load($(link).attr('href')+ " #cargado"); // Load its linked page into the div | ||
+ | return false; // And prevent it following the link | ||
+ | |||
}, | }, | ||
Revision as of 04:57, 2 June 2013