Hola, buenas tardes a todos, haber si alguno me puede ayudar.
Estoy desarrollando una aplicación web con struts y quiero poner ayudas a los enlaces para explicar de que van, en plan de que cuando uno se ponga encima de uno le salga una pantallita con explicaciones.
Me baje una funcion que rula bien en IExplorer y NetScope, os agradecería que alguien me la tradujese a standar para usar en todos los navegadores.
Lo que hace es pasarle un nº de indice para saber que frase mostrar a la funcion display() , que es la que hay que modificar.
Solo haría falta poner un if (!NetScape && !IExplorer) { ejecutar este código para que funcione }
Aquí va el codigo. La capa que quiero mostrar está al final del todo.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<script type="text/javascript" language="JavaScript">
var explanation = new Array()
explanation[1] = new Array ("Seleccionar las opciones relativas a los préstamos.","2",10,-30,"WHITE","BLUE",240);
explanation[2] = new Array ("Permite crear préstamos con los ajustes que el usuario desee.","2",10,-30,"WHITE","BLUE",240);
explanation[3] = new Array ("Permite crear préstamos con los ajustes del banco.","2",10,-30,"WHITE","BLUE",240);
explanation[4] = new Array ("Muestra los préstamos que ha almacenado en el sistema.","2",10,-30,"WHITE","BLUE",240);
explanation[5] = new Array ("Seleccionar las opciones relativas al scoring.","2",10,-30,"WHITE","BLUE",240);
explanation[6] = new Array ("Evalúa automáticamente las características personales de los solicitantes, las de la operación y la interrelación entre ambos.","2",10,-30,"WHITE","BLUE",240);
explanation[7] = new Array ("Muestra los scoring que ha almacenado en el sistema.","2",10,-30,"WHITE","BLUE",240);
explanation[8] = new Array ("Seleccionar las opciones relativas a los datos personales","2",10,-30,"WHITE","BLUE",240);
explanation[9] = new Array ("Muestra los datos confidenciales almacenados en el sistema.","2",10,-30,"WHITE","BLUE",240);
explanation[10] = new Array ("Crea y almacena los datos confidenciales en el sistema.","2",10,-30,"WHITE","BLUE",240);
explanation[11] = new Array ("Borra los datos confidenciales almacenados en el sistema.","2",10,-30,"WHITE","BLUE",240);
ns = (document.layers)? true : false;
ie = (document.all)? true: false;
function display(a,event){
if (a>explanation.length-1){alert("You tried to access an explanation which is not defined!."); return}
//a=welches Array event; nur fuer NS
if (ns) layer_to_display_in = document.output;
if (ie) layer_to_display_in = output.style;
if (ns) {layer_to_display_in.visibility = "show" ;//Ausgabelayer wird eingeblendet
layer_to_display_in.left = event.pageX+explanation[a][2];
layer_to_display_in.top = event.pageY+explanation[a][3];// Position relativ zum Klickereignis
with(document.layers["output"].document){ // Ausgabetext
open();
write("<b><font size="+explanation[a][1]+" color="+explanation[a][4]+">"+explanation[a][0]+"</font></b>");
close();
bgColor=explanation[a][5]}
}
if (ie) { layer_to_display_in.visibility = "visible";
if (isNaN(explanation[a][1])) alert("Something is wrong with the input of the text size.\n\nPlease check.")
//(which_size>300)?which_size=300:which_size=which_s ize; // which_size hier max. 300px
layer_to_display_in.pixelWidth=explanation[a][6];
layer_to_display_in.left=window.event.clientX+expl anation[a][2];
layer_to_display_in.top = window.event.clientY+explanation[a][3];
layer_to_display_in.backgroundColor=explanation[a][5]
document.all["output"].innerHTML ="<b><font size="+explanation[a][1]+" color="+explanation[a][4]+">"+explanation[a][0]+"</font></b>";}
}
function hide_layer() {
if (ns) layer_to_display_in.visibility = "hide" ;
else if (ie) layer_to_display_in.visibility = "hidden"}
</script>
<div class id="nombremenu">
<p>MENÚ</p> </div>
<p></p>
<div id="avmenu">
<ul>
<li><html:link href="aMenuPres.do" onmouseover="display(1,event)" onmouseout="hide_layer()">PRÉSTAMOS</html:link>
<ol type="I">
<br>
<li><html:link href="aPruebaPrestamos.do" onmouseover="display(2,event)" onmouseout="hide_layer()">Préstamo Pruebas</html:link>
<br>
<li><html:link href="obtenerDestinosAction.do" onmouseover="display(3,event)" onmouseout="hide_layer()">Préstamo Banco</html:link>
<br>
<li><html:link href="mostrarPrestamosAction.do" onmouseover="display(4,event)" onmouseout="hide_layer()">Mostrar Préstamos</html:link>
<br>
</ol>
<li><html:link href="aMenuScoring.do" onmouseover="display(5,event)" onmouseout="hide_layer()">SCORING</html:link>
<br>
<ol type="I">
<li><html:link href="aSimularScoring.do" onmouseover="display(6,event)" onmouseout="hide_layer()">Simular Scoring</html:link>
<br>
<li><html:link href="mostrarScAction.do" onmouseover="display(7,event)" onmouseout="hide_layer()">Mostrar Scorings</html:link>
<br>
</ol>
<li><html:link href="aDC.do" onmouseover="display(8,event)" onmouseout="hide_layer()">DATOS PERSONALES</html:link>
<br>
<ol type="I">
<li><html:link href="mostrarDC.do" onmouseover="display(9,event)" onmouseout="hide_layer()">Mostrar Datos </html:link><br>
<li><html:link href="obtenerVariablesAction.do" onmouseover="display(10,event)" onmouseout="hide_layer()">Crear Datos </html:link><br>
<li><html:link href="aBorraDC.do" onmouseover="display(11,event)" onmouseout="hide_layer()">Borrar Datos </html:link><br>
</ol>
</ul>
</div>
<div ID="output" STYLE="POSITION:absolute; TOP:0px; LEFT:0px; visibility: hidden"><p> </p>
</div>
</body>
</html>
///AQUÍ ACABA
Espero que alguien me ayude. Gracias por adelantado.
