problema javascript

jamesjara · #1 (**permalink**) 05/08/2008, 15:19

vean tengo esto

Código PHP:

  <script language= "JavaScript" type="text/javascript">
       function aumenta_tamanio(nombre_imagen,cuanto) {
        var ancho, alto;

        I=document.getElementById(nombre_imagen);
       ancho=I.width;
      alto=I.height;
      I.width=cuanto*ancho;
       I.height=cuanto*alto;

       }
     function disminuye_tamanio(nombre_imagen,cuanto) {
               I=document.getElementById(nombre_imagen);
               I.width=I.width/cuanto;
                I.height=I.height/cuanto;
         }

  </script>

tengo esto en el codigo de la imagen

Código PHP:

  <a href="ma.php"><img src="imad/duak/homesda.png" alt="" name="dinosaurio" width="31" height="29"  border="0" id="dinosaurio"
onmouseover="javascript:aumenta_tamanio(this.name,1.5);"
onmouseout="javascript:disminuye_tamanio(this.name,1.5);" /></a>

esto lo que hace es cuando pongo el mouse arriba aumenta el tamaño de la imagen, funciona bien eso

El problema es que cuando le doy click a la imagen me lleva al vincunlo ma.php, hasta ahi estamos bienEL PROBLEMA es que cuando estoy en ma.php y le doy click a la flecha para atras LA DE FIREFOX LA VERDe, regreso a la pagina anterior que seria donde esta el boton imagen, pero el bton imagen CRECE DE TAMAÑO, y asi sigue si le doy click voy a la pagina ma.php le doy a tras crece mas, cada ves mas y mas hasta que alcanza el tamño de la pantalla

alguna idea del porque

SPAWN3000 · #2 (**permalink**) 05/08/2008, 15:48

Lo que sucede es que todo queda almacenado en memoria y se acumula pogresivamente, en el metodo history de Javascript reiniciar los valores del taman. de la imagen al estado natural. O tambien otra funcion que se incoque en el evento onload de la pagina, en la que se reinicien los valores por defecto. La otra es limpiar cache... pero no lo recomiendo si usas sesiones o cookies.

jamesjara · #3 (**permalink**) 05/08/2008, 16:42

Lo primero pues si uso sesiones y cookies y como podria hacer eso en codigo??

SPAWN3000 · #4 (**permalink**) 05/08/2008, 19:27

Creas una funcion que restaure por defecto las dim. de la imgen...
Diagamos:

tu tienes las funciones aumentar, disminuir... creas otra restaurar en la que le pasas los valores por defecto:

en la etiq. body colocas:

<body onload="aqui llamas tu fucion restaurar">
</body>

y listo, no tocas las cookies ni sesiones....

Para mi no es la solucion mas optima:

Si lo que quieres es cambiar css dinamicamente lo podes hacer asi:
-----------------------------
El javascript

Código:

function addCss(cssCode) {
  var styleElement = document.createElement("style");
  styleElement.type = "text/css";
      if (styleElement.styleSheet) {
            styleElement.styleSheet.cssText = cssCode;
      } else {
            styleElement.appendChild(document.createTextNode(cssCode));
      }
document.getElementsByTagName("head")[0].appendChild(styleElement);
}

llamada a la funcion

Código:

<a href="javascript:addCss('body{background-color:#999;}')">Cambiar fondo</a>

Naturalmente tu puedes crear mas cosas... eso esta en tu imaginacion...

Un saludo desde colombia!

jamesjara · #5 (**permalink**) 06/08/2008, 01:32

ño que he visto es que cuando hago para atras. no me recarga/refresca la pagina, entonces creo que pio eso no me sirve en onload

oye, vieras que no me sirve, puse este codigo

Cita:

y si me funciona cuando cargo la pagina la primera ves, pero cuando vuelvo a ir a otra pagina y hago para atras... se agranda cada ves mas....

me das otra ayudita para arreglarlo

jamesjara · #6 (**permalink**) 06/08/2008, 01:52

mmm SPAWN tengo una duda , digamos que se arreglo el problema.. pero NO SE PORQUE

MIRE

<body onunload="javascript:redimen()"> Al poner una funcion o cualquier cosa,(TAMBIEN PUSE UN ALERT EN OTRA PRUEBA).... digamos que los valores se resetean entonces deja de AUMENTAR SU TAMAño.. ME PUEDES DAR UNA EXPLICACION
Con respecto al codigo de abajo no hace nada, pues probe mandar un alert. en el onload, y no me lo mostro,

<script type="text/javascript">
function redimen(){
if (document.images) {
document.images.nuevo.width=38;
document.images.nuevo.height=49;
} else {
logo = document.getElementById("nuevo");
logo.width = 38;
logo.height = 49;
}
}
</script>