Popup sans être une popup avec window.open

Résolu/Fermé
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 - 11 juin 2008 à 19:20
 titi - 30 mars 2010 à 16:54
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
A voir également:

8 réponses

Tiller Messages postés 781 Date d'inscription mercredi 4 juillet 2007 Statut Membre Dernière intervention 14 septembre 2008 211
11 juin 2008 à 20:09
<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
18
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 54
12 juin 2008 à 14:31
Salut Tiller,

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
0
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:)...
3
ju0123456789
3 mars 2009 à 16:18
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
2
Il faut remettre (dans la div qui s'affiche) avant ou après "Et sa fais une jolie fenetre de 300x300" :

<div onclick="document.getElementById('popup').style.display = 'none'">fermer la popup</div>

et voici un lien pour fermer la div.
0
Tiller Messages postés 781 Date d'inscription mercredi 4 juillet 2007 Statut Membre Dernière intervention 14 septembre 2008 211
12 juin 2008 à 17:03
ouep
0
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 54
12 juin 2008 à 18:24
Tiller !

Merci Mille fois !!

Pascal_22
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
hamza_bba Messages postés 78 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 6 août 2009 1
25 avril 2009 à 21:55
bonsoir,

cette solution pose un problème d'affichage sous IE6, SVP comment le rend compatible avec cette navigateur
0
Superbe la méthode
Merci a toi, Tiller
0
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!! :)
0
Bonjour,

Il me semble qu'à la place de "onclick" tu peux mettre "onLoad" tu devrais chercher de ce coté.
0
oui evidement c'est ce que j'ai essayer de faire mais il marche pas . si vous pouvez me donner le code complet pour ce popup serai mieu... par ce que j'ai essayer de modifier mais en vein
0