Creare un DIV animato a comparsa e scomparsa in Ajax
Se vogliamo dare un tocco di Web 2.0 al nostro sito o blog aggiungendo un po di codice Ajax (Asynchronous Javascript and XML) DHTML, possiamo partire da questo semplice tutorial per avere dei DIV a comparsa/scomparsa, tramite un uso congiunto di codice Javascript e CSS.
Per avere l’effetto come l’esempio che avete visto qui sopra dobbiamo prima creare il DIV:
Clicca qui per vedere il codice del DIV
Per avere l’effetto come l’esempio che avete visto qui sopra dobbiamo prima creare il DIV:
Clicca qui per vedere il codice del DIV
<div id="divanimato" style="display:none" ><h3>Questo è l'effetto<br />del DIV animato a comparsa</h3></div>Ora bisogna creare il link con dentro il codice Javascript che ci permetterà di mostrare o nascondere il DIV creato in precedenza:
Clicca qui per vedere il codice Javascript
Clicca qui per vedere il codice Javascript
A questo punto avete finito, non vi resterà che salvare e provare il codice appena inserito.
Update: Tixxio e Luca mi hanno fatto presente che non si tratta di codice Ajax in quanto manca l’Xml, chiedo scusa, mi sono confuso nella traduzione di più tutorial.
9 Commenti
Scritto da Shor
Calciopro
CineTivu
Dissacration
Finanzalive
Geekissimo
GingerAndTomato
GuadagnoRisparmiando
IoChiamo
IoVideogioco
Medicinalive
Politicalive
Starlettime
TheAppleLounge
UltimoGiro
Ecologiae
Beh, non è nè asincrono, nè c’è XML.
Con AJAX non c’entra molto
questo è puro e semplice DHTML… con AJAX non c’entra proprio nulla!
Vero scusate, ho tradotto dall’inglese più tutorial e mi sono confuso, ora aggiorno la notizia
cari amici programmatori, queste cose sono cazzate, scrivete solo come importanti no? e poi ajax fatto in questo modo non è ajax! però complimenti per il layout: fa cagare.. aggiungete un pò di padding che nn guasta! aloa.. ps. il form mi fa direttamente vomitare .. ciao
e per dio fai in modo che quando non compili bene il form partono gli alert di javascript sennò devo ogni volta ricompilare tutto e quindi mi incazzo sempre di più! ciao
ma che cosa stai dicendo?
spiegati bene che così non si capisce di cosa stai parlando, e porta rispetto moderando i termini, qui non sei a casa tua, maleducato
a me la pagina da errori sul Js sopra-riportato, e cmq shor, non calcolare la gente come “io” immagina sia spam e se sei l’admin DELETA…
CIAO
raga… ma il codice del div lo vedo.. ma il codice ch edevo mettere al link non lo vedo… qualcuno saprebbe dirmi cosa dovrei mettere??? grazie
Clicca qui per vedere l’effetto Web 2.0