Blog trasferito su
www.NoizExperience.com

11 giugno, 2008

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.

Guarda la demo

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


Articoli correlati per categorie



4 commenti!:

Davide ha detto...

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

Angelo ha detto...

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.

Ilmioguadagno ha detto...

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

Stefano

Angelo ha detto...

@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!