Team:Lyon-INSA/home

From 2012.igem.org

(Difference between revisions)
 
(54 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
-
 
{{Lyon-INSA/homeCss}}
{{Lyon-INSA/homeCss}}
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml" >     
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml" >     
-
  <link rel="stylesheet" type="text/css" href="home.css"/>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
   <script 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>
+
-
 
+
-
var globalDay;
+
-
var globalMonth;
+
-
  $(document).ready(function(){
+
<script>
-
  $(".choixMenu").mouseover(function(){
+
$(document).ready(function(){
-
    $(this).css("background-color", "#46B7FB");         
+
$("#frame").css("width","975px");
-
  });
+
$("#content").css("overflow","hidden");
-
  $("#team").mouseout(function(){
+
if ($(window).height()<800)
-
      $(this).css("background-color", "#825FE9");  
+
$("#frame").css("height","600px");
-
  });     
+
else
-
  $("#project").mouseout(function(){
+
$("#frame").css("height",$(window).height()-200);
-
      $(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");
+
-
    });
+
-
   
+
-
$(".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)});
+
});
});
-
 
+
$.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/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;
+
-
} 
+
-
}
+
-
 
+
</script>
</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>

Latest revision as of 15:28, 23 July 2012

Retrieved from "http://2012.igem.org/Team:Lyon-INSA/home"