this.style.width

JavatoSript · #1 (**permalink**) 12/06/2009, 04:52

hola, en I.E. no hay problema, no se por que en firefox no funciona, hoy estoy espesso ¿what else?

partiendo de:

<div id="info"><img id="mapa" src="mapa.jpg" width="120px" onmouseover="mapa(this,400)" onmouseout="mapa(this,120)"/></div>

i la funcion "mapa":

function mapa(dis,ample){
dis.style.width=ample;
}

Gracias al javatoScript primero que llegue, que seguro que estoy hablando de una tontería xD

quimfv · #2 (**permalink**) 12/06/2009, 05:31

eHem... espes espes....

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function mapa(dis,ample){
dis.style.width=ample;
}
</script>
</head>
<body>
<div id="info"><img src="mapa.jpg" width="120" id="imgmapa" onmouseover="mapa(this,400)" onmouseout="mapa(this,120)"/></div>
</body>
</html>

Los id tinen que ser unicos!!! Firefox siempre es más serio con las normas que IE. Tenias de id de la imagen "mapa" y de nombre de la función... Cambiando el id a mi me funciona... apesar de ello si hay mucho debate en la red sobre que firefox ignora style.width... ???

Quim

JavatoSript · #3 (**permalink**) 12/06/2009, 05:35

Hola quim de nuevo,

pero que has cambiado? esta igual el codigo ¿no?

solo has cambiado el orden de "src" i "id" de el objeto img, pero esto no varía en absoluto...

vaya cosa mas rara. XD

ahora tnego otro problemita con el firefox, que voy a plantear en brebe, firefox a la hoguera.. YA!

jeje, gracias Quim de nuevo :)

quimfv · #4 (**permalink**) 12/06/2009, 05:40

Heeeeee no IE a la hoguera.

Normalmente las cosas funcionan con todos los navegadores menos con IE no a la inversa....

El que no sigue los estandares és IE!!!

Quim

JavatoSript · #5 (**permalink**) 12/06/2009, 05:44

jejeej, pues yo con I.E. no suelo tener problemas!

almenos no suelo tenerlos al posicionar elementos i demás,

pero firefox, ... madre mía!

pato12 · #6 (**permalink**) 12/06/2009, 14:12

Hola,
Prueba con:

Código javascript:

Ver originalfunction mapa(dis,ample){
dis.style.width=ample+'px';
}

Suerte
Salu2

gioramies · #7 (**permalink**) 12/06/2009, 14:50

Hola:

¿Que quieres hacer? Lo que deseas es estirar la imagen o mostrar una parte que estaba oculta debido a el tamaño que le diste al inicio.

Si quieres estirarla, debes colocar esto en la función. Prueba a ver como te va: dis.setAttribute("width", ample+"px");

Si lo que quieres es mostrar una parte oculta, debes utilizar otras técnicas css.

Saludos, espero haberte ayudado.