¿Javascript compatible con Firefox?

xanthus · #1 (**permalink**) 30/05/2005, 15:34

Hola! ...

Mi consulta es la siguiente ... Tengo el siguiente codigo que verán más abajo que sirve para que dos divs crezcan del mismo tamaño, ósea que el más pequeño de forma vectical se agrande al tamaño del más grande cosa que queden parejos. Pero el gran problema es que solo funciona en Internet Explorer, ... ¿alguien me peude decir como puedo hacer que funcione en firefox?

Código:

 
<script type="text/javascript">
function emparejar(){
var finalheight;
var uno = document.getElementById('izquierda');
var dos = document.getElementById('centro');
finalheight = Math.max(uno.offsetHeight, dos.offsetHeight;
uno.style.height = dos.style.height = finalheight;
}
window.onload = emparejar;
</script>

Muchas Gracias

xanthus · #2 (**permalink**) 30/05/2005, 17:48

¿Alguien que pueda ayudarme?
Por favor ....

xknown · #3 (**permalink**) 30/05/2005, 18:11

Sólo agrega la unidad al momento de hacer la asignación, por ejm:

Código:

 // ...
uno.style.height = dos.style.height = finalheight + 'px';
// ...

Saludos

xanthus · #4 (**permalink**) 31/05/2005, 22:20

No me funciono lo coloque en firefox y no paso nada ....

Código:

<script type="text/javascript">
function emparejar(){
var finalheight;
var uno = document.getElementById('izquierda');
var dos = document.getElementById('centro');
finalheight = Math.max(uno.offsetHeight, dos.offsetHeight;
uno.style.height = dos.style.height = finalheight + 'px';
}
window.onload = emparejar;
</script>

xknown · #5 (**permalink**) 31/05/2005, 22:52

Yo probé con la siguiente página y hace lo que debería (al menos eso creo...):

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title></title>
	<style type="text/css">
	#izquierda {
		width: 200px;
		height: 200px;
		border: 1px solid #f00;
		float: left;
	}
	#centro {
		border: 1px solid #0f0;
		float: left;		
	}
	</style>
</head>
<body>
<div id="izquierda"></div>
<div id="centro">dsfasdfasdfadsfsdafsadkfjsadkljfhkadsjfhkasdj</div>
<script type="text/javascript">
	window.onload = function() {
		uno = document.getElementById('izquierda');
		dos = document.getElementById('centro');
		finalheight = Math.max(uno.offsetHeight, dos.offsetHeight);
		uno.style.height = dos.style.height = finalheight + 'px';
	};
</script>
</body>

</html>

Probablemente sea porque te falta un paréntesis en "finalheight = Math.max(uno.offsetHeight, dos.offsetHeight"

Saludos

xanthus · #6 (**permalink**) 01/06/2005, 13:42

Es que el tamaño entre los divs es variable, aunque siempre el div "centro" va a medir más que el "izquierdo".No se si me explico bien, pero lo que deseo es que si el div "centro" mide 800px de forma vertical, el div "izquierdo" tambien tome ese tamaño automaticamente.

Ojala puedan ayudarme
Muchas gracias a todos