Slik bruker AJAX å skjule innhold

AJAX har vokst til en umåtelig populær Web-programmering alternativ i løpet av de siste årene. Selv om det kan omfatte noen av de mer tradisjonelle programmeringsspråk som HTML eller PHP og er ikke et eget språk i seg selv, produserer AJAX et visuelt tiltalende utgang for flytting eller sammenlegg innhold, for eksempel trekkspill menyer. Du kan også bruke AJAX for å skjule en bestemt blokk av innhold med et museklikk.

Bruksanvisning

1 Åpne filen som du ønsker å inkludere AJAX kode for å skjule innholdet. Du kan bruke en hvilken som helst tekst editor du foretrekker, for eksempel Notepad eller Wordpad.

2 Kopier følgende kode og lim den inn i filen:

[Kilde: javascript]

$ (Document) .ready (function () {

$ ( '. Link "). Veksle (

funksjon () {

if ($ ( '# box'). tekst () == '') {

$ .ajax ({

URL: 'your_content.txt',

metode: 'get',

suksess: funksjon (r) {

$ ( '. Link ") html (' hide. ');

. $ ( '# Box') html (r) .hide () slideDown (1000).;

}

error: function () {

alert ( 'filen finnes ikke');

}

});

} Else {

$ (This) HTML ( 'hide');

$ ( '# Box') slideDown (1000).;

}

}

funksjon () {

$ (This) HTML ( 'Vis');

$ ( '# Box') slideUp (1000).;

}

);

});

[/kilde]

3 Erstatt "your_content.txt" med navnet på filen som inneholder innholdet du ønsker å gi muligheten til å gjemme seg. Sørg for å lagre filen i samme katalog som den som inneholder koden ovenfor. Lagre filen når du er ferdig. Koden vil skape et område med innhold som starter ut som standard skjult.

4 Klikk på ordet "Show". Innholdet vises og ordet "Show" blir "Skjul". Klikk deretter på "Skjul" for å skjule innholdet igjen.