Hvordan Slide noe ut fra siden med AJAX

Ajax lar programmerere å sette opp flere dynamiske innstillinger for nettstedet, inkludert muligheten til å skyve en div lag opp og ned på siden. Du bruker denne funksjonen når du ønsker å skyve en kontakt eller tilbakemeldingsskjema til brukerens vinduet, men du ønsker ikke å plassere form på en egen side. Ajax inneholder de nødvendige funksjoner. Du trenger bare å legge til funksjonskall på websiden.

Bruksanvisning

1 Høyreklikk på HTML-siden som inneholder skjemaet du ønsker å skyve på siden. Klikk "Åpne med" og velg din foretrukne HTML editor.

2 Link til Ajax-biblioteker. Du må bibliotekene er koblet til siden for å ringe Ajax funksjoner. Legg til følgende kode i hodet ditt søkeord:

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

3 Lag en knapp for brukeren til å klikke for å skyve form. Følgende kode oppretter en knapp for brukerne til å klikke:

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

4 Tilsett Ajax funksjon som kjøres når brukeren klikker på knappen. Kopier og lim inn følgende funksjon til Ajax delen av koden:

<Script language = "javascript">

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

Legg merke til den funksjonen erklæring matcher knappen ID eiendommen. Dette knytter funksjonen til knappen.

5 Trykk på "Ctrl" og "S" for å lagre endringene. Åpne siden i nettleseren din for å bekrefte at koden kjøres riktig.