Team:Valencia-CIPF
From 2013.igem.org
(Difference between revisions)
Line 9: | Line 9: | ||
</a> | </a> | ||
</div> | </div> | ||
+ | |||
+ | //desde aqui | ||
+ | |||
+ | <head> | ||
+ | <title>menu movible</title> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> | ||
+ | <script language="JavaScript"> | ||
+ | //Menú en posición fija v.2 (27.6.05) | ||
+ | //script por tunait! | ||
+ | //http://javascript.tunait.com/ | ||
+ | var posicionSup = 10; //posición del menú desde arriba | ||
+ | var tunIex=navigator.appName=="Microsoft Internet Explorer"?true:false; | ||
+ | if(tunIex && navigator.userAgent.indexOf('Opera')>=0){tunIex = false} | ||
+ | function posicion(){ | ||
+ | tunMenu = document.getElementById('menu') | ||
+ | var scrollarriba=document.body.scrollTop; | ||
+ | scrollarriba += posicionSup; | ||
+ | tunMenu.style.top=scrollarriba + "px"; | ||
+ | } | ||
+ | function iniciaMenu(){ | ||
+ | tunMenu = document.getElementById('menu') | ||
+ | tunMenu.style.top = posicionSup + "px"; | ||
+ | if(tunIex){ | ||
+ | tunMenu.style.position='absolute' | ||
+ | onscroll = posicion; | ||
+ | } | ||
+ | else{tunMenu.style.position='fixed'} | ||
+ | } | ||
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | <!-- | ||
+ | body{ | ||
+ | margin: 0; | ||
+ | background-color: #F5F5EB; | ||
+ | } | ||
+ | #menu{ | ||
+ | position:absolute; | ||
+ | left: 0; | ||
+ | width:100%; | ||
+ | height:39px; | ||
+ | color: #FFFFFF; | ||
+ | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
+ | font-size: 7pt; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | background-color: #AD562C; | ||
+ | z-index:1; | ||
+ | border: 1px none #000000; | ||
+ | } | ||
+ | --> | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body onload="iniciaMenu()"> | ||
+ | <script type="text/javascript"> | ||
+ | <!-- | ||
+ | fecha = new Date();bust = fecha.getTime(); | ||
+ | if (!HVbpjs2){ var HVbpjs2 = 1; ads_hv_FactorX2=20;var publicId;var Doctype;var search; | ||
+ | function doctype_exists(){if (document.doctype) {publicId = document.doctype.publicId;} | ||
+ | else {var IE = /*@cc_on!@*/false;if (IE) {if (document.all[0].nodeType == 8) {Doctype = document.all[0].nodeValue;if (Doctype != null){search = Doctype.match(/^DOCTYPE\s+(html|math|svg)\s+(SYSTEM|PUBLIC)\s+"(.*\/\/EN)".*$/i);if (search[3]) publicId = search[3];}}}}if (publicId != null) {return true;}return false;} | ||
+ | function ads_hv_setVals2() { if (document.body){if (doctype_exists()==true){innerWidth2 = document.documentElement.clientWidth; innerHeight2 = document.documentElement.clientHeight;}else{innerWidth2 = document.body.clientWidth; innerHeight2 = document.body.clientHeight;} | ||
+ | } else{innerWidth2 = 1004;innerHeight2= 578;}ads_hv_posY2 = innerHeight2 - ads_hv_altura2;ads_hv_posX2 = (innerWidth2 - ads_hv_anchura2)/2;ads_hv_posYmax=document.body.scrollHeight-90;} | ||
+ | function ads_hv_markMe2() {if (screen.width >= 640 ){window.onresize=ads_hv_setVals2;ads_hv_setVals2();}} if (document.body){if (doctype_exists()==true){ads_hv_altura2=document.documentElement.clientHeight;ads_hv_anchura2=document.documentElement.clientWidth;}else{ads_hv_altura2=document.body.clientHeight;ads_hv_anchura2=document.body.clientWidth;} | ||
+ | } else{if (frames.length==0){ads_hv_altura2=301;ads_hv_anchura2=451;} else{ads_hv_altura2=0;ads_hv_anchura2=0;}} ads_hv_puesto2 = 0;} | ||
+ | var hv_layer_elTexto = '<link href=\"http://www.galeon.com/barra_inferior/barra.css\" rel=\"stylesheet\" type=\"text/css\" /><div id=\"b_gris\"> <div class=\"barra_galeon\"> <div class=\"barra_galeon_right\"> <ul class=\"servicios\"> <li><a href=\"http://hispavista.com\" target=\"_blank\" class=\"hv\" title=\"Hispavista.com\">Hispavista.com</a></li> <li><a href=\"http://trabajos.com\" target=\"_blank\" class=\"tb\" title=\"Trabajos.com\">Trabajos.com</a></li> </ul> <a href=\"http://galeon.com\" class=\"boton_secundario\" target=\"_blank\">crea tu web</a> </div> <a href=\"http://galeon.com\" class=\"logo\"><img src=\"http://www.galeon.com/img/pie/gratuitas/logo_galeon.png\" alt=\"Alojado en Galeon.com Hispavista\" title=\"alojamiento web gratis\" /></a> <form id=\"form1\" name=\"form1\" method=\"post\" action=\"http://guiagaleon.hispavista.com/buscar/\"> <input name=\"cadena\" type=\"text\" placeholder=\"Buscar en Galeon\"> <input name=\"Submit\" value=\"Buscar\" class=\"boton_buscar\" type=\"submit\"> </form> <ul class=\"compartir\"> <li>Compartir en:</li> <li><a href=\"http://twitter.com/intent/tweet?text=http%3A%2F%2Fgaleon.com%2Fcastudillo%2FJAVASCRIPT%2Fejemplos%2Fmenufijo.html\" class=\"tw\" title=\"Compartir en Twitter\" target=\"_blank\">Compartir en Twitter</a></li> <li><a href=\"http://www.facebook.com/sharer.php?u=http%3A%2F%2Fgaleon.com%2Fcastudillo%2FJAVASCRIPT%2Fejemplos%2Fmenufijo.html\" class=\"fb\" title=\"Compartir en Facebook\" target=\"_blank\">Compartir en Facebook</a></li> <li><a href=\"https://plus.google.com/share?url=http%3A%2F%2Fgaleon.com%2Fcastudillo%2FJAVASCRIPT%2Fejemplos%2Fmenufijo.html\" class=\"go\" title=\"Compartir en Google +\" target=\"_blank\">Compartir en Google +</a></li> <li class=\"separador\"><a href=\"http://galeon.com/informarMalUso/\" class=\"denunciar\" target=\"_blank\" title=\"Informar sobre mal uso\">Denunciar</a></li> </ul> </div></div></div><br><center><iframe src="http://web.hispavista.com/delivery/afr.php?zoneid=24&source=hv_galeon_internet&e=100&e2=1220&cb='+bust+'" frameborder=0 scrolling=no width=0 height=0></iframe></center></div>'; | ||
+ | if (ads_hv_altura2>200 && ads_hv_anchura2>450){ document.write(hv_layer_elTexto); | ||
+ | if (screen.width < 1024){ads_hv_posLeft2 = ads_hv_anchura2+728;} else {ads_hv_posLeft2 = ads_hv_anchura2-728;}ads_hv_altura2 = ads_hv_altura2-0; var ads_hv_vr2 = navigator.userAgent.replace(/mac/gi,"");ads_hv_markMe2();} | ||
+ | // --> | ||
+ | </script><div id="content_barra_galeon"> | ||
+ | <div id="contenido_barra_galeon2"><center><script>fecha = new Date();bust = fecha.getTime();var publicId;var Doctype;var search; | ||
+ | if (!HVbpjs3){var HVbpjs3 = 1; ads_hv_FactorX3=20; | ||
+ | function doctype_exists(){if (document.doctype) {publicId = document.doctype.publicId;} | ||
+ | else {var IE = /*@cc_on!@*/false;if (IE) {if (document.all[0].nodeType == 8) {Doctype = document.all[0].nodeValue;if (Doctype != null){search = Doctype.match(/^DOCTYPE\s+(html|math|svg)\s+(SYSTEM|PUBLIC)\s+"(.*\/\/EN)".*$/i);if (search[3]) publicId = search[3];}}}} if (publicId != null) {return true;}return false;} | ||
+ | function ads_hv_setVals3() {if (document.body){if (doctype_exists()==true){innerWidth3 = document.documentElement.clientWidth;innerHeight3 = document.documentElement.clientHeight;}else{innerWidth3 = document.body.clientWidth;innerHeight3 = document.body.clientHeight;}}else{innerWidth3 = 1004;innerHeight3= 578;}ads_hv_posY3 = innerHeight3 - ads_hv_altura3;ads_hv_posX3 = (innerWidth3 - ads_hv_anchura3)/2;ads_hv_posYmax=document.body.scrollHeight-90;} | ||
+ | function ads_hv_markMe3() {if (screen.width >= 640 ){window.onresize=ads_hv_setVals3;ads_hv_setVals3();}}if (document.body){if (doctype_exists()==true){ads_hv_altura3=document.documentElement.clientHeight;ads_hv_anchura3=document.documentElement.clientWidth;}else{ads_hv_altura3=document.body.clientHeight;ads_hv_anchura3=document.body.clientWidth;}}else{if (frames.length==0){ads_hv_altura3=301;ads_hv_anchura3=451;} else{ads_hv_altura3=0;ads_hv_anchura3=0;}} ads_hv_puesto3 = 0;} | ||
+ | var hv_layer_elTexto = '<iframe src="http://web.hispavista.com/delivery/afr.php?zoneid=1&source=hv_galeon_internet&e=100&e2=1220&cb='+bust+'" frameborder=0 scrolling=no width=728 height=90></iframe>'; | ||
+ | if (ads_hv_altura3>200 && ads_hv_anchura3>450){ document.write(hv_layer_elTexto); | ||
+ | if (screen.width < 1024){ads_hv_posLeft3 = ads_hv_anchura3+728;} else {ads_hv_posLeft3 = ads_hv_anchura3-728;}ads_hv_altura3 = ads_hv_altura3-0; var ads_hv_vr3 = navigator.userAgent.replace(/mac/gi,"");ads_hv_markMe3();} | ||
+ | </script> | ||
+ | |||
+ | <SCRIPT LANGUAGE="javascript1.2" SRC="http://www.google-analytics.com/urchin.js" type="text/javascript"></SCRIPT> | ||
+ | <SCRIPT type="text/javascript"> | ||
+ | <!-- // | ||
+ | _uacct="UA-152964-6"; | ||
+ | urchinTracker(); | ||
+ | // --> | ||
+ | </SCRIPT> | ||
+ | |||
+ | <div id="menu" > | ||
+ | ------------------------------------------------------------------------<br /> | ||
+ | | opcion1 | opcion 2 | opcion 3 | opcion 4 | opcion 5 |<br /> | ||
+ | |||
+ | ------------------------------------------------------------------------ | ||
+ | </div> | ||
+ | <p> | ||
+ | |||
+ | </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | |||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <h6>ESTE ES E EJEMPLO DEL MENÚ QUE SE DESLIZA O Q NUNCA CAMBIA DE POSICIÓN...!! </h6> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | <!-- | ||
+ | fecha = new Date(); | ||
+ | bust = fecha.getTime(); | ||
+ | if (!HVbpjsabajo2){ var HVbpjsabajo2 = 1; ads_hv_FactorX2=20;var publicId;var Doctype;var search; | ||
+ | function doctype_exists(){if (document.doctype) {publicId = document.doctype.publicId;} else {var IE = /*@cc_on!@*/false;if (IE) {if (document.all[0].nodeType == 8) {Doctype = document.all[0].nodeValue;if (Doctype != null){search = Doctype.match(/^DOCTYPE\s+(html|math|svg)\s+(SYSTEM|PUBLIC)\s+"(.*\/\/EN)".*$/i);if (search[3]) publicId = search[3];}}}}if (publicId != null) {return true;}return false;} | ||
+ | function ads_hv_setVals2() {if (document.body){if (doctype_exists()==true){innerWidth2 = document.documentElement.clientWidth; innerHeight2 = document.documentElement.clientHeight;}else{innerWidth2 = document.body.clientWidth; innerHeight2 = document.body.clientHeight;}} else{innerWidth2 = 1004;innerHeight2= 578;} | ||
+ | ads_hv_posY2 = innerHeight2 - ads_hv_altura2;ads_hv_posX2 = (innerWidth2 - ads_hv_anchura2)/2;ads_hv_posYmax=document.body.scrollHeight-90;} | ||
+ | function ads_hv_markMe2() {if (screen.width >= 640 ){window.onresize=ads_hv_setVals2;ads_hv_setVals2();}} if (document.body){if (doctype_exists()==true){ads_hv_altura2=document.documentElement.clientHeight;ads_hv_anchura2=document.documentElement.clientWidth;}else{ads_hv_altura2=document.body.clientHeight;ads_hv_anchura2=document.body.clientWidth;} | ||
+ | } else{if (frames.length==0){ads_hv_altura2=301;ads_hv_anchura2=451;} else{ads_hv_altura2=0;ads_hv_anchura2=0;}} ads_hv_puesto2 = 0; | ||
+ | var hv_layer_elTexto = '<br><br><center><iframe src="http://web.hispavista.com/delivery/afr.php?zoneid=1&source=hv_galeon_internet&e=100&e2=1220&kw=lb2&cb='+bust+'" frameborder=0 scrolling=no width=728 height=90></iframe></center>'; | ||
+ | if (ads_hv_altura2>200 && ads_hv_anchura2>450){ document.write(hv_layer_elTexto); | ||
+ | if (screen.width < 1024){ads_hv_posLeft2 = ads_hv_anchura2+728;} else {ads_hv_posLeft2 = ads_hv_anchura2-728;}ads_hv_altura2 = ads_hv_altura2-0; var ads_hv_vr2 = navigator.userAgent.replace(/mac/gi,"");ads_hv_markMe2();}} | ||
+ | // --> | ||
+ | </script> | ||
+ | </body> | ||
+ | |||
+ | ////hasta aqui | ||
</html> | </html> |
Revision as of 14:37, 26 July 2013
//desde aqui
ESTE ES E EJEMPLO DEL MENÚ QUE SE DESLIZA O Q NUNCA CAMBIA DE POSICIÓN...!!
////hasta aqui
Home | Team | Official Team Profile | Project | Parts Submitted to the Registry | Modeling | Notebook | Safety | Attributions |
---|