Jump to content

Link con finestrella in popup

Featured Replies

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

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 by Caffpow

  • Author

non so. l'ho scopiazzato sul forum ufficiale

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

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

Bastava mettere class=ipsBox per il padding...

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

  • 1 year later...

grz mille! la stavo cercando!

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

Create an account or sign in to comment

Recently Browsing 0

  • No registered users viewing this page.

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. to insert a cookie message.

Account

Navigation

Search

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.