• Home
  • SEO e Web Marketing
  • Webmaster e Developing
  • Design e Photoshop
  • Info
  • Blogroll
  • Parlano di noi su...
  • Scaricare Programmi

Creare un Pop-up Ajax con Jquerry

Javscritps fx with Ajax | Cat
Applicare al tuo Blog degli effetti particolari porta un valore aggiunto importante. Se hai dei link che aprono dei pop-up a pagine interne, puoi rendere la cosa un pò più gradevole ed aggirare il blocco pop-up dei browsers.

Basta copiare questo codice e incollarlo prima del tag </head>:

<script type=”text/javascript” src=”http://www.jasons-toolbox.com/SlightlyThickerbox/js/jquery.js”></script>
<script type=”text/javascript” src=”http://www.jasons-toolbox.com/SlightlyThickerbox/js/thickbox.js”></script>
<link rel=”stylesheet” href=”http://www.jasons-toolbox.com/SlightlyThickerbox/css/thickbox.css” type=”text/css” media=”screen” />

Vai sul link che ti interessa e nel codice inserisci questi attributi nel tag <a>: class=”thickbox” rel=”AjaxGroup”, come nell’esempio qua sotto:

<a href=”paginadiprova.html” class=”thickbox” rel=”AjaxGroup” >Link di prova</a>

L’effetto si può applicare anche per visualizzare immagini.

N.B: lo script funziona solo con pagine interne al tuo sito, quindi se linki a siti esterni non funzionerà.

  • Share this on del.icio.us
  • Share this on Facebook
  • Tweet This!
  • Stumble upon something good? Share it on StumbleUpon
  • Share this on Technorati
  • Digg this!
  • Add this to Google Bookmarks
    nuovi-siti-e-temi-wordpress
    Nuovi siti e temi wordpress realizzati

    Ultimamente l'attività di blogger ha avuto dei rallentamenti, perdendo ahimè anche qualche visitatore. Purtroppo sono stato impegnato nella...


    post-thumb
    Estrarre la prima immagine di ogni post in WordPress

    Estrarre la prima immagine da un post risulta molto utile quando si vuole realizzare un'anteprima del post in home page. Esistono vari metodi per...


    modificare-lattributo-valu
    Modificare l’attributo VALUE negli input al passaggio del mouse

    L'attributo Value, in italiano valore, permette di decidere quale testo lasciare di default negli elementi input, cioè caselle di testo dei form o...


    sidebar-widget-ready
    Sidebar widget ready: come aggiungerne?

    Le Sidebar widget ready non sono altro che delle sezioni del nostro tema in cui è possibile inserire delle parti dinamiche, sia tramite plugin...


    form-commenti-02
    Convalidare un form

    Realizzare un form è veramente molto semplice, e altrettanto semplice è convalidarlo. Esistono diverse soluzione in javascript, ma col php è...



Aggiungi su OkNotizie

Ti è piaciuto questo Articolo? Iscriviti ai Feed, o segui il Blog via Email!

Email:
Tags: Web Development
Postato su Ajax, Web Design, Web Development on 11 giugno, 2008

4 Commenti su “Creare un Pop-up Ajax con Jquerry”

  1. Davide dice:
    11 giugno, 2008 at 17:51

    Mmmm.. non mi piace tanto la soluzione di caricare un javascript esterno..

  2. Angelo dice:
    11 giugno, 2008 at 17:56

    beh..si può sempre scaricare, e caricare sul proprio hosting. Ho usato questo metodo proprio per rendere tutto più semplice ai principianti.. Altrimenti copiarlo direttamente sulla propria pagina non è il caso, è molto lungo, creerebe solo disordine nel codice.

  3. Ilmioguadagno dice:
    13 giugno, 2008 at 06:18

    Ciao Angelo, complimenti per il tuo blog… è veramente interessante!

    Stefano

  4. Angelo dice:
    13 giugno, 2008 at 09:01

    @Stefano: Grazie Stefano, mi fa piacere la tua visita e i complimenti! Anche il tuo Blog mi piace molto, lo seguo sempre! A presto! Ciao!

  • Isrciviti ai feed facebook profile technorati profile

WebMaster: non perderti questi Articoli!

  • Cosa fare subito dopo aver aperto un Blog
  • Tecniche per fare scambio link
  • Come realizzare una grafica per WordPress
  • Come inserire Lightbox in WordPress
    • Risorse Web (87)
      • Plugins (12)
      • Tutorial (7)
    • Senza categoria (4)
    • SEO (34)
      • Strumenti per WebMaster (6)
      • Web Marketing (5)
        • Social Network (5)
    • Web Design (60)
      • Css (22)
      • Photoshop (7)
      • Template (10)
    • Web Development (44)
      • Ajax (4)
      • Html (19)
      • Javascript (16)
      • Php (14)
    • Webmaster (90)
      • Browser (6)
      • Cms Alternativi (3)
      • Google (19)
      • Programmi per Web Designer (2)
      • Programmi per WebMaster (3)
      • WordPress (31)

    Tag Cloud

    aggiornamento pagerank Aggiungi nuovo tag aumentare i visitatori Browser Brush Chrome Experiments Cms Css feed Film Geek Flash Flat Nuke Font Frog Cms Google Google Chrome grafica Html Icone Internet Explorer 8 Javascript Javascript V8 msn experience New Cms Personalizzare Wordpress Photoshop Php plugin Programmi per Web Designer pulsanti web Risorse Web scambio link SEO social media strumenti per webmaster tema wordpress Template wallpaper web 2.0 Web Design Web Development web marketing Webmaster word WordPress

    Ultimi Commenti

    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    • Angelo su Buone Vacanze a tutti i lettori
    • Lorenzo De Santis su Buone Vacanze a tutti i lettori
    © NoizExperience Blog. Tutti i diritti riservati.
    Web Design