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
T aiuto per trasformare un quiz fatto in JS in un quiz in JQUERY jQuery 0
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
E Aiuto per query PHP 8
R Aiuto ripristino sito web Presentati al Forum 0
L Aiuto con DataGridView Visual Basic 1
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
I aiuto urgente per thunderbird Posta Elettronica 0
I aiuto per outlook Posta Elettronica 0
D aiuto funzioni javascript Javascript 1
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
M Fullcalendar in Codeigniter, un aiuto per la chiamata $ajax ? jQuery 0
K Aiuto con file audio in html HTML e CSS 1
G Script notifiche dekstop aiuto Javascript 0
P Aiuto per rendere un Bot Telegram Privato PHP 1
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
motleyrulez Aiuto con un ciclo PHP 0
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

Discussioni simili