|
|
(40 intermediate revisions not shown) |
Line 4: |
Line 4: |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <script type="text/javascript" href="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | | <script type="text/javascript" href="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> |
- | <script type="text/javascript" >
| |
| | | |
- | var globalDay;
| + | <script> |
- | var globalMonth;
| + | $(document).ready(function(){ |
- | | + | $("#frame").css("width","975px"); |
- | $(document).ready(function(){
| + | $("#content").css("overflow","hidden"); |
- | /*$(".month").click(function(){
| + | if ($(window).height()<800) |
- | selectMonth($(this).text());
| + | $("#frame").css("height","600px"); |
- | });*/
| + | else |
- | | + | $("#frame").css("height",$(window).height()-200); |
- | $("#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)});*/
| + | |
| }); | | }); |
- | /*
| + | $.getScript("https://static.igem.org/mediawiki/2012/5/52/Home.txt"); |
- | | + | $("#p-logo").find("img").attr("src","http://igem-insa.site88.net/site/images/pied_page2.png"); |
- | 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/archive/f/f5/20120717105338!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/archive/f/f5/20120717105338!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/archive/f/f5/20120717105338!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;
| + | |
- | }
| + | |
- | }*/
| + | |
| | | |
| </script> | | </script> |
- |
| |
- | <script type="text/javascript" >
| |
- | $(document).ready(function(){
| |
- | $(".choixMenu").mouseover(function(){
| |
- | $(this).css("background-color", "#46B7FB");
| |
- | });
| |
- | $("#team").mouseout(function(){
| |
- | $(this).css("background-color", "#825FE9");
| |
- | });
| |
- | $("#project").mouseout(function(){
| |
- | $(this).css("background-color", "#F8CD56");
| |
- | });
| |
- | $("#sponsoring").mouseout(function(){
| |
- | $(this).css("background-color", "#F74F53");
| |
- | });
| |
- | $("#ourCity").mouseout(function(){
| |
- | $(this).css("background-color", "#75EF56");
| |
- | });
| |
- | $(".choixMenu").click(function(){
| |
- | $("#menu").animate({width:'0px'},500,'linear',function(){
| |
- | $("#menu").hide();
| |
- | $("#page").show();
| |
- | $("#page").animate({opacity:"1"});
| |
- | });
| |
- | });
| |
- | $("#team").click(function(){
| |
- | $("#pageContent").html("");
| |
- | $("#pageContent").load('team.html');
| |
- | });
| |
- | $("#project").click(function(){
| |
- | $("#pageContent").html("");
| |
- | $("#pageContent").load('project #pageProject');
| |
- | });
| |
- | $("#sponsoring").click(function(){
| |
- | $("#pageContent").html("");
| |
- | $("#pageContent").load('sponsoring.html');
| |
- | });
| |
- | $("#ourCity").click(function(){
| |
- | $("#pageContent").html("");
| |
- | $("#pageContent").load('city.html');
| |
- | });
| |
- | $(".sousTitreMenu").mouseover(function(){
| |
- | $(this).css("font-size","25px");
| |
- | });
| |
- | $(".sousTitreMenu").mouseout(function(){
| |
- | $(this).css("font-size","15px");
| |
- | });
| |
- |
| |
- |
| |
- | });
| |
- |
| |
- |
| |
- | </script>
| |
- |
| |
- |
| |
| <head> | | <head> |
| </head> | | </head> |
| <body> | | <body> |
- | <div id="menu"> | + | <iframe id="frame" src="http://igem-insa.site88.net/site/home.html" scrolling="auto" style="border:none;overflow: -moz-scrollbars-vertical;overflow-x: hidden;overflow-y: scroll;"></iframe> |
- | <div id="mycontent">
| + | |
- | <div id="team" class="choixMenu">
| + | |
- | <div class="titreMenu">Team</div>
| + | |
- | <div class="sousTitreMenu">1. Sous titre 1</div>
| + | |
- | <div class="sousTitreMenu">2. Sous titre 2</div>
| + | |
- | <div class="sousTitreMenu">3. Sous titre 3</div>
| + | |
- |
| + | |
- | </div>
| + | |
- | <div id="project" class="choixMenu">
| + | |
- | <div class="titreMenu">Project</div>
| + | |
- | <div class="sousTitreMenu">1. Sous titre 1</div>
| + | |
- | <div class="sousTitreMenu">2. Sous titre 2</div>
| + | |
- | <div class="sousTitreMenu">3. Sous titre 3</div>
| + | |
- | </div>
| + | |
- | <div id="sep">
| + | |
- | </div>
| + | |
- | <div id="sponsoring" class="choixMenu">
| + | |
- | <div class="titreMenu">Sponsors</div>
| + | |
- | <div class="sousTitreMenu">1. Sous titre 1</div>
| + | |
- | <div class="sousTitreMenu">2. Sous titre 2</div>
| + | |
- | <div class="sousTitreMenu">3. Sous titre 3</div>
| + | |
- | </div>
| + | |
- | <div id="ourCity" class="choixMenu">
| + | |
- | <div class="titreMenu">Our city</div>
| + | |
- | <div class="sousTitreMenu">1. Sous titre 1</div>
| + | |
- | <div class="sousTitreMenu">2. Sous titre 2</div>
| + | |
- | <div class="sousTitreMenu">3. Sous titre 3</div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="page">
| + | |
- | <div id="pageContent">
| + | |
- | </div>
| + | |
- | </div>
| + | |
| </body> | | </body> |
| </html> | | </html> |