Ajax consente ai programmatori di impostare diverse impostazioni dinamiche per il tuo sito web tra cui la possibilità di far scorrere uno strato div su e giù nella pagina. È possibile utilizzare questa funzione quando si desidera far scorrere un contatto o modulo di feedback nella finestra dell'utente, ma non si desidera posizionare il modulo su una pagina separata. Ajax include le funzioni necessarie. Hai solo bisogno di aggiungere le chiamate di funzione nella pagina Web.

istruzione

1 Fare clic sulla pagina HTML che contiene il modulo che si desidera far scorrere sulla pagina. Fai clic su "Apri con" e selezionare l'editor HTML preferito.

2 Link alle librerie Ajax. È necessario le librerie collegate a quella per chiamare le funzioni Ajax. Aggiungere il seguente codice ai tag head:

<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:

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

4 Aggiungere la funzione Ajax che viene eseguito quando l'utente fa clic sul pulsante. Copiare e incollare il seguente funzione alla 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 dichiarazione della funzione corrisponde alla proprietà pulsante ID. Questo collega la funzione al pulsante.

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