getElementById no funciona en firefox?

twisterska · #1 (**permalink**) 30/08/2008, 05:03

Pues lo dicho, he estado mirando por ahi, y en algunos sitios decian que si que funcionaba, incluso en este foro, pero no se si solo funciona en formularios o en el resto también....

Y si no funciona... pues a ver si existe una alternativa...

Gracias de antemano :)

Código:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<script>
function grande()
{
	document.getElementById('prova').style.width = 500;
}
function nano()
{
	document.getElementById('prova').style.width = 200;
}
</script>
</head>

<body>
<div style="width:300px; height:400px; background-color:#FF0000;" id="prova" name="prova"></div>
<p onmouseover="javascript:grande();">grande</p>
<p onmouseover="javascript:nano();">nano</p>
<!--<iframe src="prova.php" width="700" height="300" align="center" scrolling="no" frameborder="0">-->
</body>
</html>

Legoltaz · #2 (**permalink**) 30/08/2008, 05:07

A mí me funciona en Opera y Firefox, pero en IE no. Como siempre, IE dando la nota.

Panino5001 · #3 (**permalink**) 30/08/2008, 05:14

El problema es que no estás definiendo la unidad de medida del estilo. Así funciona:

Código PHP:

  <html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>test</title> 
<script> 
function grande() 
{ 
    document.getElementById('prova').style.width = '500px'; 
} 
function nano() 
{ 
    document.getElementById('prova').style.width = '200px'; 
} 
</script> 
</head> 
 
<body> 
<div style="width:300px; height:400px; background-color:#FF0000;" id="prova" name="prova"></div> 
<p onMouseOver="javascript:grande();">grande</p> 
<p onMouseOver="javascript:nano();">nano</p> 
<!--<iframe src="prova.php" width="700" height="300" align="center" scrolling="no" frameborder="0">--> 
</body> 
</html>

(500px-200px)

twisterska · #4 (**permalink**) 30/08/2008, 05:44

Efectivamente Panino5001

Muchas gracias, es mi primer dia con javascript, jeje

pablofanta · #5 (**permalink**) 30/08/2008, 19:40

El comando:

document.getElementById('zsz')

Es un comando estandar y anda muy bien en la mayorias de los navegadores: IE, Firexfox, Explorer ...

Si hay un problema en la pagina no creo que sea por ese comando sino por otra cosa.

Te recomiendo que utilices el firefox y con el plugin firebug que te permite hacer el debug de javascript.

buzu · #6 (**permalink**) 31/08/2008, 04:17

Ademas, cuando asignas funciones a los eventos de la forma en que lo estas haciendo no es necesario utilizar el pseudoprotocolo javascript, aun que en realidad lo mas correcto es asignar las funciones a los eventos con javascript y no directamente en el html como lo estas haciendo.