Jquery DIV dinámico

andrewp · #1 (**permalink**) 20/12/2010, 08:13

Saludos a todos...

He visto un link muy interesante en el que se intenta animar un <div> a través de unos links en la cabeza de la página. El código es el siguiente y la demo la podéis ver aquí:

Código HTML:

<html>
	<head>
		<script type="text/javascript" src="jquery.js"></script>
		<script>
		function goToByScroll(id){
     			$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
		}
		</script>
	</head>
	<body>
	<ul>
		<li><a href="javascript:void(0)" onClick="goToByScroll('1')">Go to anchor 1</a></li>

		<li><a href="javascript:void(0)" onClick="goToByScroll('2')">Go to anchor 2</a></li>
		<li><a href="javascript:void(0)" onClick="goToByScroll('3')">Go to anchor 3</a></li>
		<li><a href="javascript:void(0)" onClick="goToByScroll('4')">Go to anchor 4</a></li>
	</ul>
	<div style="width:600px">
		<div id="1">
		<h1>1</h1>
		</div>
		<div id="2">
		<h1>2</h1>
		</div>
		<div id="3">
		<h1>3</h1>
		</div>
		<div id="4">
		<h1>4</h1>
		</div>
	</div>
	</body>
</html>

Mi pregunta es... De qué manera puedo cambiar el método del click (onClick) por un método automático, del tipo onLoad para ejecutar uno de los <div> al iniciar la página?....

He intentado con window.onload = función... pero no se ejecuta bien.

Gracias por vuestra ayuda.

caricatos · #2 (**permalink**) 20/12/2010, 08:36

Tema movido desde javascript

Dany_s · #3 (**permalink**) 20/12/2010, 08:45

Código Javascript:

Ver original$(function(){
    goToByScroll('4');
});
function goToByScroll(id){
    $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
};

andrewp · #4 (**permalink**) 23/12/2010, 02:41

Gracias Dany!

Post Resuelto