Aiuto Jquery: finta finestra popup

ivanisevic82

Nuovo Utente
6 Nov 2008
3
0
0
Ciao ragazzi, ho bisogno di una mano con per creare uno js con jquery.

L'effetto che devo creare è quello di una finestra (un semplice div con una sfondo) che si apre sul sito, clickando su un link, come se fosse una finestra di popup, ma che in realtà non lo è.
Per chiudere la finestra bisognerà clickare sul testo "Chiudi" (che sarà scritto SOPRA la finestra che ho precedentemente aperto).
Il tutto con effetto dissolvenza "fade" sia in apertura che in chiusura.

Ci sono riuscito in parte.

Sto usando questi 2 script:

Per fare apparire la finestra ("Riquadro")
Codice:
$(document).ready(function(){

	$(".Pulsante").click(function(){
	  $("#Riquadro").animate({ opacity: "show" }, "slow");
          $(this).showClass("active");
	});

});
e per farla sparire
Codice:
$(document).ready(function(){

	$(".link-delete").click(function(){
	  $("#Riquadro").animate({ opacity: "hide" }, "slow");
          $(this).showClass("active");
	});

});

Nel body ho inserito questo:
Codice:
<div id="Riquadro">TESTO</div>
<p class="show"><a class="Pulsante" href="#">Apri</a></p>
<p class="hide"><a class="link-delete" href="#">Chiudi</a></p>

Dunque quando clicco su "Apri" mi appare la finestra (il div "Riquadro") e quando clicco su "Chiudi", mi si chiude...

L'unico problema è il seguente: io non voglio che "Chiudi" sia sempre visualizzabile, ma vorrei che fosse scritto dentro il div "Riquadro" (che appare solo dopo aver clickato su "Apri").

Com'è possibile fare una cosa del genere?

Grazie!
Forse i due script vanno fusi in uno solo o combinati in qualche modo...

O ancora potrebbe essere d'aiuto la guida che si trova a questo link (PUNTO 2) http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
L'effetto che vorrei in chiusura è come quello di quell'esempio.
Ma anche così non ci sono riuscito

Potete aiutarmi?

Grazie mille!
 
Ultima modifica:

ivanisevic82

Nuovo Utente
6 Nov 2008
3
0
0
Scusate ragazzi, ce l'ho fatta da solo!
Bastava inserire il comando "chiudi" dentro il div "Riquadro"!

Grazie lo stesso!
 
Discussioni simili
Autore Titolo Forum Risposte Data
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
R Aiuto Jquery jQuery 1
J Aiuto per localstorage con jquery/js/json Javascript 4
S aiuto jquery: draggable & droppable jQuery 1
E Aiuto per Sviluppo app Eclipse + Phonegap + Jquery Sviluppo app per Android 1
L verifica mail in db con jquery e ajax. Aiuto jQuery 9
S jquery plugin per vedere foto e video problemi aiuto jQuery 0
V [JQuery] Aiuto per funzione Ajax jQuery 0
N JQuery slideToggle Aiuto jQuery 0
X aiuto funzione jquery jQuery 1
P Aiuto per rendere un Bot Telegram Privato PHP 0
M Un aiuto da chi ha apple Mac e Software 0
P Richiesta di aiuto Presentati al Forum 1
A Aiuto per pagina php PHP 0
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
I Aiuto php Dependent Lookup PHP 0
R Aiuto con le query MS Access 2
M AIUTO ESERCIZIO JAVA Javascript 1
G Aiuto con htaccess e rewriterule PHP 0
T cercasi aiuto per file d1 (open-edge db) Database 0
M Aiuto con inserimento immagini WordPress 6
D aiuto schermata photoshop Photoshop 0
L Aiuto per programma web php/mySQL PHP 2
A Aiuto php colore diverso PHP 10
L Aiuto creazione menu mancante WordPress 0
C Aiuto compiuto scuola PHP/MySQL PHP 2
G Insert into select - Aiuto MySQL 0
I Aiuto bash linux Programmazione 1
F Aiuto java script Javascript 2
R Cerco aiuto Offerte e Richieste di Lavoro e/o Collaborazione 7
I Aiuto query MySQL 8
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
R Aiuto sito html Offerte e Richieste di Lavoro e/o Collaborazione 3
G Mi dite come faccio? Aiuto photoshop ? Photoshop 1
C prestashop paragamento contrassegno aiuto modulo E-Commerce 0
Michelebozzo [PHP] Rimuovere pubblicazione nome pagina ... aiuto! PHP 7
Caldus richiesta aiuto Mac e Software 0
R [Javascript] Aiuto su questo script Javascript 2
Z Gestionale in Php/mysql: Quanto farsi pagare? Aiuto! Discussioni Varie 0
Giacomo92 [HTML] AIUTO!! Regular Expression :( Offerte e Richieste di Lavoro e/o Collaborazione 15
T Aiuto per php7 e mysqli PHP 3
T mysql tutorial per importare tabelle access in mysql aiuto MySQL 2
K [Java] aiuto switch case Java 1
E salve tutti spero si essere di aiuto e di trovare aiuto Presentati al Forum 2
D [MS Access] aiuto non riesco a capire MS Access 6
P [PHP] Browser game, aiuto a tempo libero. Offerte e Richieste di Lavoro e/o Collaborazione 0
wildcity9 aiuto per sbloccare account instagram bannati Social Media Marketing 0
A Aiuto per configurare il banner di Iubenda su un sito in html HTML e CSS 0
I Aiuto Firma App Sviluppo app per Android 0
C [PHP] Chiedo un aiuto, Array multidimensionale. PHP 3

Discussioni simili