AJAX consente ai programmatori di configurare diverse impostazioni dinamiche per il tuo sito Web, compresa la possibilità di far scorrere un div strato su e giù nella pagina. Si utilizza questa funzionalità quando si desidera inserire un modulo di contatto o feedback nella finestra dell'utente, ma non si desidera posizionare il modulo su una pagina separata. Ajax include le funzioni necessarie. Solo bisogno di aggiungere le chiamate di funzione sulla tua pagina Web.

Istruzioni

1

Destro della pagina HTML che contiene il modulo che si desidera spostare nella pagina. Fare clic su "Apri con" e selezionare l'editor HTML preferito.

2

Link a librerie Ajax. Hai bisogno delle librerie collegate alla pagina per chiamare le funzioni Ajax. La testa tag, aggiungere il codice riportato di seguito:

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

3

Creare un pulsante per l'utente di fare clic per far scorrere il modulo. Il codice seguente crea un pulsante per gli utenti a fare clic su:

< tipo input = "pulsante" id = "relativo pulsante" value = "Slide" / >

4

Aggiungere la funzione di Ajax che viene eseguito quando l'utente fa clic sul pulsante. Copiare e incollare la seguente funzione alla tua sezione Ajax del codice:

< script language = "javascript" >

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

Si noti la che dichiarazione della funzione corrisponde alla proprietà di ID del pulsante. La funzione di questo si collega al pulsante.

5

Premere i tasti "Ctrl" e "S" per salvare le modifiche. Aprire la pagina nel browser per verificare che il codice venga eseguito correttamente.