Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2001
    Messaggi
    2,043

    come aprire layer in automatico?

    Ciao, sapete dove posso trovare uno script (che sia in javascript, css, ajax è uguale), dove si apre un layer (non popup) in automatico?

    Grazie

  2. #2
    Utente di HTML.it L'avatar di carlomarx
    Registrato dal
    Oct 2009
    Messaggi
    1,669
    Se ho capito bene quello che cerchi, bastano i CSS, senza javascript…

    codice:
    <!doctype html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Esempio</title>
    <style type="text/css">
    #myPopup {
    	display: table;
    	width: 100%;
    	height: 100%;
    	position: fixed;
    	left: 0;
    	top: 0;
    	z-index: 9999;
    	background-color: #000000;
    	opacity: 0.5;
    	filter: alpha(opacity=50);
    }
    
    #myPopup div {
    	display: table-cell;
    	width: 100%;
    	height: 100%;
    	vertical-align: middle;
    	text-align: center;
    }
    
    #myPopup div div {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	text-align: left;
    	border: 2px #444444 solid;
    	width: 500px;
    	height: auto;
    	background-color: #004499;
    }
    
    #myPopup div div span.intLink {
    	display: block;
    	width: auto;
    	height: auto;
    	cursor: pointer;
    	float: right;
    	margin-right: 4px;
    	color: #ffffff;
    	font-weight: bold;
    	font-size: 14px;
    }
    
    #myPopup div div div {
    	clear: both;
    	border: 0;
    	margin: 12px;
    	width: 476px;
    	height: 276px;
    	color: #ffff00;
    	font-family: Comic Sans MS;
    }
    </style>
    </head>
    <body>
    
    
    
    <div id="myPopup"><div><div><span class="intLink" onclick="var oPopup=document.getElementById('myPopup');oPopup.parentNode.removeChild(oPopup);">&amp;times;</span><div>
    
    
    
    Contenuto del div qui</p>
    
    
    Altro paragrafo</p>
    
    
    Altro paragrafo</p>
    
    </div></div></div></div>
    
    
    
    
    Lorem ipsum dolor sit</p>
    </body>
    </html>

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2001
    Messaggi
    2,043
    Grazie Carlomarx

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 © 2025 vBulletin Solutions, Inc. All rights reserved.