Problema y duda en ejecucion de scripts

JUANFM · #1 (**permalink**) 14/02/2009, 09:11

Hola a todos. Mi problema es el siguiente. Estoy intentando poner en el index demi página 3 scripts uno para el cambio de imagen otro para hacer ventanas modales y otro para hacer un scroll de texto. Tengo problemas en que se ejecuten los dos ultimos y creo que es por el lugar donde he puesto que se cargen los scripts aqui teneis el codigo

<html>

<head>

window.onload = function(){Shadowbox.init();
};

</script>

<script type="text/javascript" src="scroll/archivos/scroll.js"></script>
<link rel="stylesheet" type="text/css" href="scroll/archivos/scroll.css"/>

<style type="text/css">

</style>
</head>

<body onload="escrolea()" topmargin="30" marginheight="0">

<div id="GALERIA"><a rel="shadowbox" title="Google.com" href="pagina"><img src="imagenes/menu0.gif" width="101" height="153" class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)" ></a></div>

<div id="Layer1">
<div align="center">
<script>escribe()</script>
</div>
</div>
</body>

</html>

como veis en el head inicializo la funcion shadowbox

window.onload = function(){Shadowbox.init();};

Y en el body cargo la funcion para hacer scroll.

<body onload="escrolea()" topmargin="30" marginheight="0">

Por separado funcionan perfectamente pero juntas, en este caso asi colocadas solo me ejecuta o me carga la funcion para hacer scroll

¿porque puede ser? Gracias!

Panino5001 · #2 (**permalink**) 14/02/2009, 09:20

El problema es que estás sobreescribiendo los onload. Una posible solución es usar algo así:

Código javascript:

Ver originalwindow.onload = function(){funcionUno();funcionDos();funcionN();};

Es decir, asignar al evento onload una función anónima que llame a todas las que necesites. Otra solución es usar la funciónde Simón Willison:

Código javascript:

Ver originalfunction addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

Y luego:

Código javascript:

Ver originaladdLoadEvent(funcionUno);
 addLoadEvent(funcionDos);
 addLoadEvent(funcionN);

O, si la función requiere parámetros:

Código javascript:

Ver originaladdLoadEvent(function(){funcionUno(par1,par2,parN);});

JUANFM · #3 (**permalink**) 14/02/2009, 13:38

MUCHAS GRACIAS PANINO!!!! Caso resuelto