Cómo Deslizar algo fuera de la cara con AJAX

Ajax permite a los programadores para configurar varios ajustes dinámicos para su sitio web, incluyendo la posibilidad de deslizar una capa div arriba y hacia abajo en la página. Se utiliza esta función cuando desee para deslizar un contacto o un formulario de comentarios en la ventana del usuario, pero no desea colocar el formulario en una página separada. Ajax incluye las funciones necesarias. Sólo tiene que añadir las llamadas a funciones en su página web.

Instrucciones

1 Haga clic en la página HTML que contiene el formulario que desea para deslizarse en la página. Haga clic en "Abrir con" y elija el editor HTML preferido.

2 Enlace a las bibliotecas Ajax. Se necesitan las bibliotecas vinculadas a la página para llamar a las funciones de Ajax. Agregue el código siguiente a sus etiquetas de la cabeza:

<Script language = "javascript" src = "/ js jquery.js"> </ script>

3 Crear un botón para que el usuario haga clic para deslizar el formulario. El siguiente código crea un botón para sus usuarios hacer clic en:

<Input type = "button" id = "slidebutton" value = "Slide" />

4 Añadir la función Ajax que se ejecuta cuando el usuario hace clic en el botón. Copia y pega el siguiente función a la sección de Ajax del código:

<Script language = "javascript">

$(document).ready(function() {
$('#slidebutton').click(function() {
if ($('#div').is(":hidden"))
{
$('#div').slideDown("slow");
} else {
$('#div').slideUp("slow");
}
return false;
});
});
</script>

Tenga en cuenta la declaración de la función coincide con la propiedad botón ID. Esto vincula la función a su botón.

5 Pulse las teclas "S" "Ctrl" y para guardar los cambios. Abra la página en su navegador para verificar que el código se ejecuta correctamente.