Problemas de compatibilidad con Firefox

narmero · #1 (**permalink**) 21/05/2008, 08:19

Hola muy buenas soy nuevo en esto de postear pero tengo un problema y ya no se que hacer. Verán, tengo problemas con mi función en JavaScript, pues me funciona perfectamente con Internet Explorer pero no con Mozilla Firefox y no se como solucionar esto. Si alguien sabe como puedo solucionar esto seria un gran favor. Muchas gracias aquí os dejo el código.

Código:

<html>
<head>
	<link rel="stylesheet" type="text/css" href="../css/capitulos.css">

<STYLE>.skin0 {
					BACKGROUND-COLOR: #fdfec2; 
					BORDER-BOTTOM: #000000 1px solid; 
					BORDER-LEFT: #000000 1px solid; 
					BORDER-RIGHT: #000000 1px solid; 
					BORDER-TOP: #000000 1px solid; 
					padding: 2px;
					CURSOR: default; 
					FONT-FAMILY: Verdana; 
					FONT-SIZE: 10px; 
					LINE-HEIGHT: 15px; 
					POSITION: absolute; 
					VISIBILITY: hidden; 
					WIDTH: 225px
				}
			.menuitems {
					PADDING-LEFT: 10px; 
					PADDING-RIGHT: 10px
				}
			</STYLE>
			
			<SCRIPT language=JavaScript1.2>
				var menuskin=0
				var display_url=0
				//definir los textos de las imagenes
				var array_descripciones = [];
				array_descripciones['adjuntos'] = "Ventana para enviar un mensaje, aqui te mostramos donde tienes que darle para poder adjuntar uno o varios archivos";
				array_descripciones["adjuntos1"] = "Ventana de Responder mensaje, le aparecera cunado ustam,sndf.,masndfkjañlskdhfñlkajsdñ";
				
				function showmenuie5(id){
					
					var rightedge=document.body.clientWidth-event.clientX
					var bottomedge=document.body.clientHeight-event.clientY
					var texto
					texto = array_descripciones [id];
					
					if (rightedge<ie5menu.offsetWidth)
						{
						ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
						}
					else
						{
						ie5menu.style.left=document.body.scrollLeft+event.clientX
						}
					if (bottomedge<ie5menu.offsetHeight)
						{
						ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
						}
					else
						{
						ie5menu.style.top=document.body.scrollTop+event.clientY
					  }
						document.getElementById("textomensge").innerHTML=texto;
						setTimeout("ie5menu.style.visibility='visible';",1000);
					return false
				}
				
				function hidemenuie5(){
					ie5menu.style.visibility="hidden"
				}
				
				function highlightie5(){
					if (event.srcElement.className=="menuitems"){
						event.srcElement.style.backgroundColor="highlight"
						event.srcElement.style.color="white"
					if (display_url==1)
						window.status=event.srcElement.url
					}
				}
				
				function lowlightie5(){
					if (event.srcElement.className=="menuitems"){
						event.srcElement.style.backgroundColor=""
						event.srcElement.style.color="black"
						window.status=''
					}
				}
				
				function jumptoie5(){
					if (event.srcElement.className=="menuitems"){
					if (event.srcElement.getAttribute("target")!=null)
						window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
					else
						window.location=event.srcElement.url
					}
				}			
			
			</SCRIPT>
</head>
		
<body style="background-color: transparent;">	
	
		<!--[if IE]>
		<DIV class=skin0 id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5() 
		onmouseover=highlightie5()>
		<div id="textomensge" style="background-color:#fdfec2;"></div	>
		</div>
		
		<![endif]-->
		
		<SCRIPT language=JavaScript1.2>
		if (document.all&&window.print){
			if (menuskin==0)
				ie5menu.className="skin0"
			else
				ie5menu.className="skin1"
				//document.oncontextmenu=showmenuie5
				//document.body.onclick=hidemenuie5
		}
		</SCRIPT>

	<img src="../images/adjunto1.jpg" id="adjuntos"  
	onMouseOver="showmenuie5('adjuntos');" onMouseOut="hidemenuie5();"  />

	<img src="../images/adjunto2.jpg" id="adjuntos1"
	onMouseOver="showmenuie5('adjuntos1');" onMouseOut="hidemenuie5();"   />

	
</body>
</html>

caricatos · #2 (**permalink**) 21/05/2008, 08:36

Hola:

Para empezar, deberías poner los estilos en minúsculas, pero evidentemente tus códigos provienen de algún sitio que no considera en absoluto la existencia de otros navegadores...

En muchas ocasiones solo es necesario saber ¡Qué hace el script (que no pienso adivinar)! Te recomiendo que nos lo indiques...

Saludos

KarlanKas · #3 (**permalink**) 21/05/2008, 08:45

El código es un poco de locos, porque tiene un condicional de ie que evita que cualquier navegador que no sea el IE cree una capa que es con la que luego juegas.

Estoy con caricatos (muy buenas!), no vamos a andar intentando descubrir lo que hace tu script. Parece un menú o algo parecido. Prueba a buscar otro más sencillo y que no esté pensado sólo para ie. Te recomiendo que visites la página de tunait (www.tunait.com) que tiene varios ejemplos de menú muy muy buenos.

Un saludo!

narmero · #4 (**permalink**) 21/05/2008, 08:48

Mira veras mi JavaScript sirve para cuando pasas el raton encima de la imagen aparece el texto de su array correspondiente y me funciona correctamente en IE pero en Mozilla Firefox no, probare ahora a poner en minuscula los estilos a ver que pasa...

narmero · #5 (**permalink**) 21/05/2008, 08:56

Bueno aclaro una cosa no es mi JavaScript lo busque en una página y lo fui modificando para conseguir el efecto deseado pero ahora no se como convertirlo para que funcione en Mozilla Firefox. Si pueden ayudarme me harian un favor.

caricatos · #6 (**permalink**) 21/05/2008, 11:24

Hola:

Por lo que dices, se trata de un simple tooltip, pero intencionadamente hecho para que solo funcione en explorer... (if event.srcElement...)

Te recomiendo que te pases por las FAQs de este foro y busques tooltips o titles mejorados... recuerdo haber puesto un mensaje al respecto que funciona en todos los navegadores.

Saludos

narmero · #7 (**permalink**) 22/05/2008, 01:20

Muchas gracias Caricatos.

Fuzzylog · #8 (**permalink**) 07/05/2009, 09:03

Bueno, aunque llego ya demasiado tarde, dejo un apunte para aquellos que puedan tener el mismo problema.

event.srcelement is exclusivo de internet explorer. La propiedad comparable en DOM2 es event.target.

También he leído que se podía usar "src" sustituyendo a "event.srcelement", pero no he tenido comprobaciones de su funcionamiento.