Ayuda Código JavaScript menú oculto que aparece de
Publicado por Nicolaspcg (1 intervención) el 31/08/2006 17:58:15
Hola necesito ayuda.
Con lo siguiente.
Código JavaScript menú oculto que aparece desde la izqda
Lo que quiero es poner una modificacion que es lo quiente que pueda funcionar con opera,iexplorer,firefox,etc.
Aqui va el codigo.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>World Learning Software</title>
<!-- Colocar dentro de la etiqueta <HEAD> -->
<script language="JavaScript1.2">
/*
Static menu script II (By maXimus, [email protected], http://absolutegb.com/maximus/)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
Traducido y adaptado al español por http://www.losrecursosgratis.com
*/
function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>
<style>
<!--
.hl {
Background-Color : yellow;
Cursor:hand;
}
.n {
Cursor:hand;
}
-->
</style>
</head>
<body>
<!-- Colocar dentro de la etiqueta <BOBY> -->
<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onMouseOver="move(132)" onMouseOut="move(-132)">
<script language="JavaScript1.2">
function positionmenu(){
move(-132)
}
if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>
<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>
<script language="JavaScript1.2">
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial Black">M<br>E<br>N<BR>U</font></p></span></TD>')
</script>
</tr>
<script language="JavaScript1.2"><!--
if (document.all||document.layers) {
makeStatic();}
var text=new Array();
var thelink=new Array();
//configura aqui los enlaces - en los text los textos, en thelink su correspondiente link
text[0]="Certificación Mos";
text[1]="Programas en los que se Obtienén";
text[2]="Quién es World Learning Software";
text[3]="Ventajas de ser ATC";
text[4]="Aclaración sobre la Certificación";
text[5]="Materiales del Curso";
text[6]="CD´Rom";
text[7]="Manuales";
text[8]="Utilidades de cada Programa";
text[9]="Funciones del Profesor";
text[10]="Requisitos del sistema para el Funcionamiento del Curso";
text[11]="La Competencia";
text[12]="Ventajas De Nuestro Curso";
thelink[0]="World Learning Software_archivos/certificaicionMOS.htm";
thelink[1]="World Learning Software_archivos/programasenlosqueseobtiene.htm";
thelink[2]="World Learning Software_archivos/worldlearningsoftware.htm";
thelink[3]="World Learning Software_archivos/ventajasseratc.htm";
thelink[4]="Software_archivos/aclaracionsobrelacertificacion.htm";
thelink[5]="World Learning Software_archivos/matdelcurso.htm";
thelink[6]="World Learning Software_archivos/CDROM.htm";
thelink[7]="World Learning Software_archivos/contaprendaofimatica.htm";
thelink[8]="World Learning Software_archivos/utilidadesdecadaprograma.htm";
thelink[9]="World Learning Software_archivos/funcionesdelprofesor.htm";
thelink[10]="World Learning Software_archivos/reqdelsistparaelfundelcurso.htm";
thelink[11]="World Learning Software_archivos/lacompetencia.htm";
thelink[12]="World Learning Software_archivos/ventajasdenuestrocurso.htm";
//Aqui se configura el target, pero solo son validos '' (el mismo marco), 'cargar' (nueva ventana), or 'mainFrame' (el mismo frame)
var linktarget='cargar'
///A PARTIR DE AQUI NO TOCAR NADA////////////////
function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}
for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}
else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}
//-->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>
</body>
</html>
Muchas Gracias.
Saludos Nicolaspcg
Con lo siguiente.
Código JavaScript menú oculto que aparece desde la izqda
Lo que quiero es poner una modificacion que es lo quiente que pueda funcionar con opera,iexplorer,firefox,etc.
Aqui va el codigo.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>World Learning Software</title>
<!-- Colocar dentro de la etiqueta <HEAD> -->
<script language="JavaScript1.2">
/*
Static menu script II (By maXimus, [email protected], http://absolutegb.com/maximus/)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
Traducido y adaptado al español por http://www.losrecursosgratis.com
*/
function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>
<style>
<!--
.hl {
Background-Color : yellow;
Cursor:hand;
}
.n {
Cursor:hand;
}
-->
</style>
</head>
<body>
<!-- Colocar dentro de la etiqueta <BOBY> -->
<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onMouseOver="move(132)" onMouseOut="move(-132)">
<script language="JavaScript1.2">
function positionmenu(){
move(-132)
}
if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>
<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>
<script language="JavaScript1.2">
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial Black">M<br>E<br>N<BR>U</font></p></span></TD>')
</script>
</tr>
<script language="JavaScript1.2"><!--
if (document.all||document.layers) {
makeStatic();}
var text=new Array();
var thelink=new Array();
//configura aqui los enlaces - en los text los textos, en thelink su correspondiente link
text[0]="Certificación Mos";
text[1]="Programas en los que se Obtienén";
text[2]="Quién es World Learning Software";
text[3]="Ventajas de ser ATC";
text[4]="Aclaración sobre la Certificación";
text[5]="Materiales del Curso";
text[6]="CD´Rom";
text[7]="Manuales";
text[8]="Utilidades de cada Programa";
text[9]="Funciones del Profesor";
text[10]="Requisitos del sistema para el Funcionamiento del Curso";
text[11]="La Competencia";
text[12]="Ventajas De Nuestro Curso";
thelink[0]="World Learning Software_archivos/certificaicionMOS.htm";
thelink[1]="World Learning Software_archivos/programasenlosqueseobtiene.htm";
thelink[2]="World Learning Software_archivos/worldlearningsoftware.htm";
thelink[3]="World Learning Software_archivos/ventajasseratc.htm";
thelink[4]="Software_archivos/aclaracionsobrelacertificacion.htm";
thelink[5]="World Learning Software_archivos/matdelcurso.htm";
thelink[6]="World Learning Software_archivos/CDROM.htm";
thelink[7]="World Learning Software_archivos/contaprendaofimatica.htm";
thelink[8]="World Learning Software_archivos/utilidadesdecadaprograma.htm";
thelink[9]="World Learning Software_archivos/funcionesdelprofesor.htm";
thelink[10]="World Learning Software_archivos/reqdelsistparaelfundelcurso.htm";
thelink[11]="World Learning Software_archivos/lacompetencia.htm";
thelink[12]="World Learning Software_archivos/ventajasdenuestrocurso.htm";
//Aqui se configura el target, pero solo son validos '' (el mismo marco), 'cargar' (nueva ventana), or 'mainFrame' (el mismo frame)
var linktarget='cargar'
///A PARTIR DE AQUI NO TOCAR NADA////////////////
function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}
for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}
else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}
//-->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>
</body>
</html>
Muchas Gracias.
Saludos Nicolaspcg
Valora esta pregunta
0