Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Modal popup

  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2011
    Messaggi
    14

    Modal popup

    Vorrei sapere come creare un modal popup che si apra in automatico al caricamento della pagina.
    Inoltre vorrei che si chiudesse solo quando l'utente clicca sul link contenuto nel lightbox.

    Ecco un esempio preso da msn:


  2. #2
    Tempo fa avevo creato, per il mio sito, un modal popup per visualizzare le anteprime dell'immagine, proprio ora l'ho modificato, nel modo in qui credo te vuoi:

    codice:
    function modalPopup()
    {	
        div = document.createElement("div");
    				
    	div.style.position = "fixed";
    	div.style.top = "0px";
    	div.style.left = "0px";
    	div.style.width = "100%";
    	if (typeof(window.innerWidth) == "number") {
    	   div.style.height = window.innerHeight + "px";
    	} else if (document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight )) {
    	   div.style.height = document.documentElement.clientHeight;
    	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
           div.style.height = document.body.clientHeight;
        }
    	
    	div.style.filter = "alpha(opacity=45)";
    	div.style.opacity = ".45";
    	div.style.textAlign = "center";
    	div.style.background = "black";
    	div.style.visibility = "visible";
    	
    	div.innerHTML = "<div style=\"margin:0 auto; width:700px; margin-top:200px; padding:10px; text-align:center; background:#ffffff;\"><a href=\"body.removeChild('div');\">Chiudi div</a>
    
    Inserisci qui il contenuto.</div>";
    		
        document.body.appendChild(div);
    }
    Prova ad eseguire questa funzione nell'evento onload ( al caricamento ) della pagina.

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2011
    Messaggi
    14
    Grazie per la risposta;ma ho trovato "Jquery ui dialog" e penso che sia la soluzione che fa per me.
    Purtroppo essendomi avvicinato da pochissimo a javascript,non credo di poter inserire il codice che fa al caso mio.

    Avrei bisogno di creare un modal popup con jquery dialog che si apra in automatico all'apertura della pagina e che possa essere chiuso dall'utente solamente cliccando sul link all'interno del popup.

    Spero che ci sia qualcuno che possa fornirmi il suddetto codice.
    Grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.