Vai al contenuto
najaru

Link con finestrella in popup

Recommended Posts

najaru

Per inserire in un template un link con una finestrella popup è possibile utilizzare questo codice

 

ci sono due diversi tipo di posizione della finestra

 

 

<a href='#' id='modal1'>Tipo popop 1</a><br /><br /><a href='#' id='modal2'>Tipo popop 2</a><div id='mymodalcontent' style='display:none;'>  <h3>Titolo</h3>  <div class='fixed_inner'>    Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra - Contenuto Finestra -   </div></div><script type='text/javascript'>  $('modal1').observe( 'click', function(e) {    _var = new ipb.Popup( 'booboo', { type: 'pane',						   initial: $('mymodalcontent').innerHTML,						   hideAtStart: false,						   w: '600px',						   h: 250} );    Event.stop(e);    return false;  });  $('modal2').observe( 'click', function(e) {    _vvar = new ipb.Popup( 'beebee', { type: 'balloon',						    stem: true,						    initial: $('mymodalcontent').innerHTML,						    hideAtStart: false,						    w: '600px',						    attach: { target: $('modal2'), position: 'auto', 'event': 'click' },						    h: 250} );    Event.stop(e);    return false;  });</script>

 

post-1-0-01186200-1361095081_thumb.png

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Caffpow

manca forse un padding nel contenitore del testo.

 

e sarebbe carino che ci fosse lo sfondo "annerito"

 

comunque stavo proprio cercando di capire come fare dei popup chiudibili. :)

Modificato da Caffpow

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
gianpiero

grazie

 

ho utilizzato la finestra, per il padding ho messo brutalmente una tabella in html, sbrigativo e poco elegante

 

<table width="90%" border="0" align="center" cellpadding="4" cellspacing="4">contenuto della finestra</table> 

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
trattore

non c'è un modo per rendere la popup ridimensionabile, nel senso quando riduco il browser e la finestra popup è gia aperta, questa rimane fissa nella posizione del browser a tutta pagina, e mi si sposta tutta a destra se riduco il browser...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

You need to be a member in order to leave a comment

Crea un account

Iscriviti per un nuovo account nella nostra comunità. È facile!

Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.

Accedi Ora

×