Team:Lyon-INSA/home

From 2012.igem.org

(Difference between revisions)
Line 7: Line 7:
   <script href="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>   
   <script href="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>   
   <script>
   <script>
-
 
 
-
var globalDay;
 
-
var globalMonth;
 
-
 
   $(document).ready(function(){
   $(document).ready(function(){
   $(".choixMenu").mouseover(function(){
   $(".choixMenu").mouseover(function(){
Line 58: Line 54:
       $(this).css("font-size","15px");
       $(this).css("font-size","15px");
     });
     });
-
   
 
-
$(".month").click(function(){
 
-
selectMonth($(this).text());
 
-
});
 
-
  $("#backMenu").click(function(){
 
-
      $("#page").animate({opacity:0},500,'linear',function(){
 
-
          $("#page").hide();     
 
-
          $("#menu").show();       
 
-
          $("#menu").animate({width:'100%'});
 
-
      });
 
-
  });   
 
-
$("#boutonNotebook").click(function(){
 
-
$("#projectDescriptionContent").hide();
 
-
    $("#projectDescriptionContent").css("opacity","0");     
 
-
$("#notebookContent").show();
 
-
    $("#notebookContent").animate({opacity:1});
 
-
});
 
-
 
-
$("#boutonProjectDescription").click(function(){
 
-
$("#notebookContent").hide();
 
-
    $("#notebookContent").css("opacity","0");
 
-
$("#projectDescriptionContent").show();
 
-
    $("#projectDescriptionContent").animate({opacity:1});   
 
-
});
 
-
 
 
-
  $("#backMenu").mouseover(function(){
 
-
    $(this).css("opacity","0.6");         
 
-
});
 
-
 
-
$("#backMenu").mouseout(function(){
 
-
    $(this).css("opacity","1");
 
-
  });
 
-
 
-
$(".boutonOnglet").mouseover(function(){
 
-
    $(this).css("opacity","0.6");         
 
-
});
 
-
 
-
$(".boutonOnglet").mouseout(function(){
 
-
    $(this).css("opacity","1");
 
-
  });     
 
-
 
 
-
  $("#jourPrecedent").click(function(){previousDay(globalMonth,globalDay)});
 
-
 
 
-
  $("#jourSuivant").click(function(){nextDay(globalMonth,globalDay)});
 
});
});
-
 
-
 
-
function selectMonth(month_name)
 
-
{
 
-
$(".textContent").html("");
 
-
if (window.XMLHttpRequest)
 
-
  {// code for IE7+, Firefox, Chrome, Opera, Safari
 
-
  xmlhttp=new XMLHttpRequest();
 
-
  }
 
-
else
 
-
  {// code for IE6, IE5
 
-
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 
-
  }
 
-
xmlhttp.open("GET","https://static.igem.org/mediawiki/2012/f/f5/Journal.txt",false);
 
-
xmlhttp.send();
 
-
xmlDoc=xmlhttp.responseXML;
 
-
 
-
var x=xmlDoc.getElementsByTagName("month");
 
-
for (i=0;i<x.length;i++)
 
-
{
 
-
  if (x[i].getAttribute("name")==month_name)
 
-
{
 
-
  var jour=x[i].getElementsByTagName("jour");
 
-
  $(".textContent").append("<div class='titreExp'></div>");
 
-
  $(".titreExp").append(jour[0].getElementsByTagName("titre")[0].childNodes[0].nodeValue);  
 
-
  $(".textContent").append("<div class='dateExp'></div>");
 
-
  $(".dateExp").append(" - " + jour[0].getElementsByTagName("date")[0].childNodes[0].nodeValue);  
 
-
  $(".textContent").append("<div class='descExp'></div>");
 
-
  $(".descExp").append(jour[0].getElementsByTagName("description")[0].childNodes[0].nodeValue);  
 
-
  $(".textContent").append(" <object width='480' height='350'><param name='allowFullScreen' value='true'></param><param name='allowScriptAccess' value='always'></param> <embed class='diapoExp' src='no' type='application/x-shockwave-flash' width='480' height='350' allowscriptaccess='always' allowfullscreen='true'></embed></object>");
 
-
  $(".diapoExp").attr("src","http://pf.kizoa.com/sflite.swf?did="+jour[0].getElementsByTagName('diaporama')[0].getAttribute('did')+"&k="+jour[0].getElementsByTagName('diaporama')[0].getAttribute('pk')+"");      
 
-
}  
 
-
}          
 
-
globalDay=0;
 
-
globalMonth=month_name;
 
-
}
 
-
 
-
function nextDay(month_name,day)
 
-
{
 
-
$(".textContent").html("");
 
-
if (window.XMLHttpRequest)
 
-
  {// code for IE7+, Firefox, Chrome, Opera, Safari
 
-
xmlhttp=new XMLHttpRequest();
 
-
  }
 
-
else
 
-
  {// code for IE6, IE5
 
-
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 
-
  }
 
-
xmlhttp.open("GET","https://static.igem.org/mediawiki/2012/f/f5/Journal.txt",false);
 
-
xmlhttp.send();
 
-
xmlDoc=xmlhttp.responseXML;
 
-
var newDay=day+1;
 
-
var x=xmlDoc.getElementsByTagName("month");
 
-
for (i=0;i<x.length;i++)
 
-
{
 
-
  if (x[i].getAttribute("name")==month_name)
 
-
{
 
-
var jour=x[i].getElementsByTagName("jour");
 
-
if (jour.length>newDay)
 
-
{
 
-
$(".textContent").append("<div class='titreExp'></div>");
 
-
$(".titreExp").append(jour[newDay].getElementsByTagName("titre")[0].childNodes[0].nodeValue);  
 
-
$(".textContent").append("<div class='dateExp'></div>");
 
-
$(".dateExp").append(" - " + jour[newDay].getElementsByTagName("date")[0].childNodes[0].nodeValue);  
 
-
$(".textContent").append("<div class='descExp'></div>");
 
-
$(".descExp").append(jour[newDay].getElementsByTagName("description")[0].childNodes[0].nodeValue);  
 
-
$(".textContent").append(" <object width='480' height='350'><param name='allowFullScreen' value='true'></param><param name='allowScriptAccess' value='always'></param> <embed class='diapoExp' src='no' type='application/x-shockwave-flash' width='480' height='350' allowscriptaccess='always' allowfullscreen='true'></embed></object>");
 
-
$(".diapoExp").attr("src","http://pf.kizoa.com/sflite.swf?did="+jour[newDay].getElementsByTagName('diaporama')[0].getAttribute('did')+"&k="+jour[newDay].getElementsByTagName('diaporama')[0].getAttribute('pk')+"");      
 
-
}
 
-
else
 
-
{
 
-
selectMonth(x[i+1].getAttribute("name"));
 
-
}
 
-
}  
 
-
}          
 
-
globalDay=newDay;
 
-
}
 
-
 
-
function previousDay(month_name,day)
 
-
{
 
-
if (day!=0)
 
-
{
 
-
$(".textContent").html("");
 
-
if (window.XMLHttpRequest)
 
-
  {// code for IE7+, Firefox, Chrome, Opera, Safari
 
-
  xmlhttp=new XMLHttpRequest();
 
-
  }
 
-
else
 
-
  {// code for IE6, IE5
 
-
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 
-
  }
 
-
xmlhttp.open("GET","https://static.igem.org/mediawiki/2012/f/f5/Journal.txt",false);
 
-
xmlhttp.send();
 
-
xmlDoc=xmlhttp.responseXML;
 
-
var newDay=day-1;
 
-
var x=xmlDoc.getElementsByTagName("month");
 
-
for (i=0;i<x.length;i++)
 
-
  {
 
-
  if (x[i].getAttribute("name")==month_name)
 
-
{
 
-
  var jour=x[i].getElementsByTagName("jour");
 
-
  $(".textContent").append("<div class='titreExp'></div>");
 
-
  $(".titreExp").append(jour[newDay].getElementsByTagName("titre")[0].childNodes[0].nodeValue);  
 
-
  $(".textContent").append("<div class='dateExp'></div>");
 
-
  $(".dateExp").append(" - " + jour[newDay].getElementsByTagName("date")[0].childNodes[0].nodeValue);  
 
-
  $(".textContent").append("<div class='descExp'></div>");
 
-
  $(".descExp").append(jour[newDay].getElementsByTagName("description")[0].childNodes[0].nodeValue);  
 
-
  $(".textContent").append(" <object width='480' height='350'><param name='allowFullScreen' value='true'></param><param name='allowScriptAccess' value='always'></param> <embed class='diapoExp' src='no' type='application/x-shockwave-flash' width='480' height='350' allowscriptaccess='always' allowfullscreen='true'></embed></object>");
 
-
  $(".diapoExp").attr("src","http://pf.kizoa.com/sflite.swf?did="+jour[newDay].getElementsByTagName('diaporama')[0].getAttribute('did')+"&k="+jour[newDay].getElementsByTagName('diaporama')[0].getAttribute('pk')+"");      
 
-
}  
 
-
  }  
 
-
  globalDay=newDay;
 
-
 
-
}
 

Revision as of 10:41, 17 July 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">