Fade-Out Popup javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Fade-Out Popup javascript

floriian02

Bonjour à tous,

en cliquant sur une image, une popup s'affiche au milieu de mon écran,

lorsque celle-ci s'affiche, j'ai réussi à mettre un fade-in, (fond plus foncé sur l'écran derrière)

et j'aimerai lors du clic sur la croix rouge (de la modal dialog) faire un fade-out pour enlever l'opacité.

Je ne sais pas comment m'y prendre. Auriez-vous une idée ?

Voici le code du popup :

Code :

function openPopup(adresse, nomFenetre, largeur, hauteur, scroll) {
//Permet de centrer la popup au milieu de l'écran
var largeurEcran = (screen.width - largeur) / 2;
var hauteurEcran = (screen.height - hauteur) / 2;
window.open(adresse, nomFenetre, 'height=' + hauteur + ', width=' + largeur + ', top=' + hauteurEcran + ', left=' + largeurEcran + ', scrollbars=' + scroll + ', resizable')
//Apparition du fond - .css({'filter' : 'alpha(opacity=80)'}) pour corriger les bogues d'anciennes versions de IE
$('body').append('<div id="fade"></div>');
$('#fade').css({ 'filter': 'alpha(opacity=80)' }).fadeIn();
}

J'aimerai également, que lorsque je clique sur le body de la fenêtre cad en dehors du popup, celui-ci se ferme. Est-ce possible ?

D'avance merci pour vos réponses.

Publicité

flo850

moi je

si tu veux jouer avec l'opacité, il faut faire une fausse popup: un div
C'est très facile à mettre en palce avec une librairie comme jquery
En bonus, ça fonctionera mieux et ce sera plus custumizable

---------------

floriian02

Merci pour votre réponse.

Le soucis, c'est que je récupère un ID dans cette fenêtre. Je ne pense pas que ce soit possible avec un "div".

flo850

moi je

C'est à dire ? récupérer le contenu de

Code :

<div id="popup">
       <div id="ce-que-je-veux-recuperer-enfin-si-c-est-possible">
             hahah

        </div>
</div>

Code :

alert(document.geteElementById('ce-que-je-veux-recuperer-enfin-si-c-est-possible').innerHTML);

---------------

floriian02

Je veux récupérer un ID qui se trouve dans un gridview, afin d'afficher un messga en fonction de cet ID.

flo850

moi je

montre moi le bout de code que tu as pour recuperer ll'id au moment du clic dans le gridview

---------------

FORUM HardWare.fr

Programmation

HTML/CSS

Fade-Out Popup javascript

Sujets relatifs
Exploitation du DOM avec JavaScript	passage de variable en javascript
je peut Récupérer une variable Javascript dans une variable PHP	javascript + php
Images liées à un javascript ne s'affichent pas online	Mise en veille ordinateur et destroy $_session javascript/php
Différence php et javascript ?	Javascript & Ajax pour les nuls
[JAVASCRIPT] Que fait ce code ?
Plus de sujets relatifs à : Fade-Out Popup javascript

Page générée en 0.042 secondes