» Trucos jQuery

10/12/2009
Algunos trucos de jQuery

Scroll

Desplazar el scroll del navegador hasta el inicio de la página con una animación.

jQuery('html, body').animate({scrollTop:0}, 'slow'); 
 

Ejecutar o cargar un script externo simulando una conexión AJAX de forma fácil.

Primero preparamos el fichero que recibirá las peticiones, lo llamaremos rpc.php

<?php
header('Content-type: application/javascript');
if (isset($_REQUEST['saluda'])) { ?>
	alert('hola');
<? } else { ?>
	jQuery("#id_form input[name='nombre']").val('eres perico');
<? }
?> 
 
Y ahora preparamos el script que hará las llamadas

<html>
	<head>
		<script type="text/javascript" src="jquery-1.3.2js"></script>
		<script type="text/javascript">
			jQuery.noConflict();
			jQuery('.boton1').click(function() { jQuery.getScript('rpc.php') });
			jQuery('.boton2').click(function() { jQuery.getScript('rpc.php?saluda=1') });
		</script>
	</head>
	<body>
		<strong class='boton1'>haz click aqui y cambio el input</strong>
		<form id='id_form'><input type='text' name='nombre' value='tu nombre aqui'></form>
		<strong class='boton2'>haz click aqui y te saludo</strong>
	</body>
</html>


 

Pon un nick:

Y ahora tu comentario:



Este símbolo © lo he puesto para que no le hagas ni caso, siéntete libre de plagiar lo que te plazca.
login