3.x Link con finestrella in popup

[najaru 971]

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>

 

[Caffpow 21]

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.

Edited February 18, 2013 by Caffpow

[najaru 971]

non so. l'ho scopiazzato sul forum ufficiale

[gianpiero 217]

simpatica, inserendola nei Custom sidebar Block in modalità RAW/HTML non serve toccare il template

[gianpiero 217]

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> 

[BomAle 434]

Bastava mettere class=ipsBox per il padding...

Grazie najaru magari si riesce a fare un bbcode, sarebbe perfetto

[trattore 146]

grz mille! la stavo cercando!

Edited December 21, 2014 by trattore

[trattore 146]

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