Popup sans être une popup avec window.open
Résolu
Pascal_22
Messages postés
534
Date d'inscription
Statut
Membre
Dernière intervention
-
titi -
titi -
Bonjour à tous,
Voici mon défis. Ce que j'aimerais faire c'est un formulaire d'inscription mais sur une popup sans être une popup window (windows.open .....).
Ce que je veux c'est comme sur le site www.zellers.com
Si on clique en haut complètement de la page sur l'image en rouge "Voir la carte de jeu 5 minutes pour gagner", quand on clique dessus, c'Est comme une nouvelle fenêtre qui s'ouvre au centre de l'écran mais pas dans un nouvelle fenêtre windows, on dirais soit une DIV ou autre ... et le reste de la page est disable/désactivé tant que la petite fenêtre n'est pas fermé.
Alors moi ce que je veux faire, c'est de mettre mon formulaire d'inscription sur la nouvelle "fenêtre qui s'ouvre" ou DIV. comme celui de www.zellers.com
Car sur le site www.zellers.com, si on trouve les 5 lettres caché sur le site et qu'on les place dans le bon ordre, un formulaire d'enregistrement apparait sur la popup window ( ou DIV).
Est-ce que quelqu'un peut m'aidé SVP ??
Merci beaucoup de m'aider !!
Pascal_22
Voici mon défis. Ce que j'aimerais faire c'est un formulaire d'inscription mais sur une popup sans être une popup window (windows.open .....).
Ce que je veux c'est comme sur le site www.zellers.com
Si on clique en haut complètement de la page sur l'image en rouge "Voir la carte de jeu 5 minutes pour gagner", quand on clique dessus, c'Est comme une nouvelle fenêtre qui s'ouvre au centre de l'écran mais pas dans un nouvelle fenêtre windows, on dirais soit une DIV ou autre ... et le reste de la page est disable/désactivé tant que la petite fenêtre n'est pas fermé.
Alors moi ce que je veux faire, c'est de mettre mon formulaire d'inscription sur la nouvelle "fenêtre qui s'ouvre" ou DIV. comme celui de www.zellers.com
Car sur le site www.zellers.com, si on trouve les 5 lettres caché sur le site et qu'on les place dans le bon ordre, un formulaire d'enregistrement apparait sur la popup window ( ou DIV).
Est-ce que quelqu'un peut m'aidé SVP ??
Merci beaucoup de m'aider !!
Pascal_22
A voir également:
- Popup sans être une popup avec window.open
- Fake mcafee popup - Accueil - Piratage
- Firefox autoriser popup - Guide
- Real popup - Télécharger - Divers Réseau & Wi-Fi
- Popup cookies - Guide
- Bbs popup - Forum logiciel systeme
8 réponses
<div style="z-index: 99; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%" id="popup">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
<tr>
<td align="center">
<div style="width: 300px; height: 300px; border: 1px solid #000000; background: #FFFFFF">Et sa fais une jolie fenetre de 300x300</div>
</td>
</tr>
</table>
</div>
<div onclick="document.getElementById('popup').style.display = 'block'">Affiche la popup</div>
Apres tu peux mettre un effet "semi transparent" autour en faisant:
<div style="z-index: 99; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%" id="popup">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%; background: url('grille.gif')">
<tr>
<td align="center">
<div style="width: 300px; height: 300px; border: 1px solid #000000; background: #FFFFFF">Et sa fais une jolie fenetre de 300x300</div>
</td>
</tr>
</table>
</div>
<div onclick="document.getElementById('popup').style.display = 'block'">Affiche la popup</div>
grille.gif que tu peux trouver ici:
http://skullandbones.free.fr/grille.gif
on peux mettre un fond en faisant
<div style="width: 300px; height: 300px; border: 1px solid #000000;
background: url('alert.jpg')">
au lieux de
<div style="width: 300px; height: 300px; border: 1px solid #000000; background:">
C tout:)...
<div style="width: 300px; height: 300px; border: 1px solid #000000;
background: url('alert.jpg')">
au lieux de
<div style="width: 300px; height: 300px; border: 1px solid #000000; background:">
C tout:)...
je ne comprends pas comment mettre le lien "fermer", je ne peux pas utiliser un evenement javascript window.close puisqu'il s'agit d'un div, et quand je mets display "none" à la place de block il n'y a rien qui s'ouvre quand je clique sur le lien.
Quelqu'un peut il m'eclairer svp ?
MErci
Quelqu'un peut il m'eclairer svp ?
MErci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
bonsoir,
cette solution pose un problème d'affichage sous IE6, SVP comment le rend compatible avec cette navigateur
cette solution pose un problème d'affichage sous IE6, SVP comment le rend compatible avec cette navigateur
Merci mille fois, c'est exactement ce que je veux !!
et j'ai une petite question c'est que je veut que la fenetre popup s'ouvre en meme temp de chargement de la page sans click ! et merci
j'ai vue cette fonction ( onclick ) mais je sais pa comment changer et quoi mette a sa place!! :)
et j'ai une petite question c'est que je veut que la fenetre popup s'ouvre en meme temp de chargement de la page sans click ! et merci
j'ai vue cette fonction ( onclick ) mais je sais pa comment changer et quoi mette a sa place!! :)
Merci mille fois, c'est exactement ce que je veux !!
Par contre, j'ai remarquer que la div qu'on ouvre ne veux pas se refermer, donc pour la refermer, si je mets un lien "FERMER", Est-ce qu'il faut que je remettre la propriété display à "none" ??
Merci encore !
Pascal_22