|
|
| (47 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" >
| |
| - | $(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('http://www.toofiles.com/fr/rawfilesdownload-documents-html-project.html');
| |
| - | });
| |
| - | $("#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> |
| | + | $(document).ready(function(){ |
| | + | $("#frame").css("width","975px"); |
| | + | $("#content").css("overflow","hidden"); |
| | + | if ($(window).height()<800) |
| | + | $("#frame").css("height","600px"); |
| | + | else |
| | + | $("#frame").css("height",$(window).height()-200); |
| | }); | | }); |
| - | | + | $.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"); |
| | | | |
| | </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> |
"
