Vai al contenuto

Link con finestrella in popup

Featured Replies

Inviato

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

Inviato

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

Inviato
  • Autore

non so. l'ho scopiazzato sul forum ufficiale

Inviato

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

Inviato

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> 
  • 6 mesi dopo...
Inviato

Bastava mettere class=ipsBox per il padding...

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

  • 1 anno dopo...
Inviato

grz mille! la stavo cercando!

Modificato da trattore

Inviato

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

Per favore accedi per lasciare un commento

Potrai lasciare un commento dopo aver effettuato l'accesso

Accedi Ora

Chi sta navigando 0

  • Nessun utente registrato visualizza questa pagina.

Informazioni importanti

Abbiamo inserito dei cookies nel tuo dispositivo per aiutarti a migliorare la tua esperienza su questo sito. Puoi modificare le impostazioni dei cookie, altrimenti puoi accettarli cliccando su continua. to insert a cookie message.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.