Programmazione di un finestra tipo popup

Jessica Lucisano

Nuovo Utente
7 Ott 2014
13
0
0
Ciao a tutti!
ho un problema nel programmare una finestra popup.
Io per un blog su wordpress devo creare una pagina come quella che compare in questo sito www.diredonna.it cliccando sul icona del menù (quella con le tre linee). Come posso fare a crearne una simile, ho provato in diversi modi sia scrivendo io il codice che usando dei plugin, senza ottenere alcun risultato.
Grazie in anticipo a tutti!
 

PHPMan

Nuovo Utente
2 Feb 2015
17
2
0
Crei il div che farai come una sorta di popup, mettiamo di chiamarlo popup:

<div class="popup">Popup!</div>

Lo personalizzi tramite css:

div.popup {

color: black;
background; #e5e5e5
position: absolute;
opacity: 0.8;

}

Crei quel qualcosa (bottone o altro, anche un div fatto con quelle 'tre linee' o altro) basta che gli dai come id oppup (ovvero open open pop up)

Una volta fatto ciò crei anche un div o altro che al click scompaia il popup, diamogli l'id clopup

A questo punto scriviamo il codice jquery:

<script src="linkajquery"></script>
<script src="linkajqueryuserinterface(UI)"></script>

<script>

$(function(){

$("div.popup").hide();

$("#oppup").click(function(){

$("div.popup").fadeIn(1000);

});

$("#clopup").click(function(){

$("div.popup").fadeOut(1000);

});

});
</script>


A te le varie personalizzazioni, ciaobye