Leonardo.it

I say blog!

  • 20
  • mar

Creare un DIV animato a comparsa e scomparsa in Ajax

Di Shor, in Guide, Tips/Trick, Utility, Web 2.0.

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:

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 l’effetto Web 2.0

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.

Technorati Tags: , , ,







Altri articoli:

Articoli correlati a "Creare un DIV animato a comparsa e scomparsa in Ajax"


This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

Commenti:

Sono stati scritti 10 commenti su "Creare un DIV animato a comparsa e scomparsa in Ajax"

  1. Beh, non è nè asincrono, nè c’è XML.
    Con AJAX non c’entra molto

  2. Luca

    questo è puro e semplice DHTML… con AJAX non c’entra proprio nulla!

  3. Vero scusate, ho tradotto dall’inglese più tutorial e mi sono confuso, ora aggiorno la notizia :)

  4. io

    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

  5. io

    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

  6. 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

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

  8. Cicciokr

    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

  9. mi immagiavo qualcosa di più .-.





Segui Geekissimo su Twitter Diventa fan di Geekissimo su Facebook Segui Geekissimo su FriendFeed!

Gallery

Diventa fan di Geekissimo su Facebook!


Partecipa al contest!

Feed RSS

Tieniti sempre aggiornato, iscriviti ora ai Feed Rss.

Registrati & Login

Registrati ed identifica i tuoi commenti comodamente.

Newsletter

Inserisci il tuo indirizzo email per iscriverti alla Newsletter e ricevere tutti i nuovi post del blog:

Articoli in Evidenza

120x60 Genius Card Studenti Hotel - High Traffic

Annunci Google


Archivi

Categorie






©Geekissimo, è parte advertising del network iSayBlog.