Posez votre question Signaler

Popup sans être une popup avec window.open [Résolu]

Pascal_22 512Messages postés 20 mars 2006Date d'inscription 25 mai 2012Dernière intervention - Dernière réponse le 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

Popup sans être une popup avec window.open »

Suggestions

Popup sans être une popup avec window.open
Pb rafraichissment d'1 page parent d'un popup » Forum
N'autoriser qu'un seul Pop-up » Forum
Detection fermeture pop-up? » Forum
Position d'une popup » Forum
Probleme en javascript popup - window.opener » Forum

Plus

Réponse

+14

Tiller 788Messages postés 4 juillet 2007Date d'inscription 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

Ajouter un commentaire - Site web

Pascal_22- 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

Réponse

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

Ajouter un commentaire

M@x - 7 avril 2009 à 22:34

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.

Réponse

Tiller 788Messages postés 4 juillet 2007Date d'inscription 12 juin 2008 à 17:03

ouep

Ajouter un commentaire - Site web

Pascal_22- 12 juin 2008 à 18:24

Tiller !

Merci Mille fois !!

Pascal_22

Réponse

hamza_bba 84Messages postés 18 octobre 2007Date d'inscription 25 avril 2009 à 21:55

bonsoir,

cette solution pose un problème d'affichage sous IE6, SVP comment le rend compatible avec cette navigateur

Ajouter un commentaire

Réponse

BartoLoco 24 août 2009 à 07:04

Superbe la méthode
Merci a toi, Tiller

Ajouter un commentaire

Réponse

alousse 22 sept. 2009 à 16:53

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!! :)

Ajouter un commentaire

Réponse

limix429 16 oct. 2009 à 09:26

Bonjour,

Il me semble qu'à la place de "onclick" tu peux mettre "onLoad" tu devrais chercher de ce coté.

Ajouter un commentaire

alousse - 16 oct. 2009 à 23:07

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

Réponse

titi 30 mars 2010 à 16:54

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:)...

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Popup sans être une popup avec window.open [Résolu]

Popup sans être une popup avec window.open »

Passage au tout numérique : quel coût pour les particuliers ?