créer un "pop-up interne" dans une page html

créer un "pop-up interne" dans une page html - HTML/CSS - Programmation

Marsh Posté le 17-10-2012 à 21:03:57    

Bonjour à tous,
Après maintes et maintes recherches, je me tourne désespérément vers vous.
En cours de création d'un site internet, j'aimerais pouvoir ajouter un "pop-up interne" à ma page d'index, lorsque ma page se charge.
ce que j'appelle pop-up interne est en fait un cadre dans lequel se trouve une iframe contenant le bouton standard d'une page facebook. cadre que le visiteur peut fermer.
j'ai tenté avec greybox mais rien n'y fait (à moins d'une mauvaise utilisation de celui-ci).
Pour le reste j'utilise dreamweaver CS5.
 
En attente de votre réponse, d'ores et déjà merci pour les informations, conseils ou astuces!

Reply

Marsh Posté le 17-10-2012 à 21:03:57   

Reply

Marsh Posté le 17-10-2012 à 21:15:24    

Bonjour
Il faut utiliser du Javascript, par exemple jquery, en cherchant jquery popup sur internet tu devrais pouvoir trouver ton bonheur

Reply

Marsh Posté le 17-10-2012 à 21:25:06    

j'ai déjà fait cette recherche mais le seul résultat potable fait ouvrir une nouvelle fenetre du navigateur.
Ce que je cherche est un genre de z-index avec disparition de la frame supérieur sur choix de l'utilisateur.

Reply

Marsh Posté le 17-10-2012 à 22:21:06    

Ca par exemple ?
http://sohtanaka.developpez.com/tu [...] et-jquery/
 
Au final, le but est d'afficher une div et de jouer avec le z index et l'opacité pour la fenêtre en arrière plan.
Lorsque l'on souhaite faire disparaître la popup, il suffit d'inverser l'opération

Reply

Marsh Posté le 17-10-2012 à 23:37:41    

c'est bien ça. Malgré cela j'ai encore 2 soucis:
pour actvier le bouton de fermeture je tape window.close mais ne fonctionne pas.
Ensuite ce que je veux afficher dans ce cadre est un iframe. je place donc le code adéquat dans le popup mais rien ne s'affiche....

Reply

Marsh Posté le 19-10-2012 à 22:24:53    

Un window.close à l'intérieur d'une iframe n'a aucun contrôle sur ce qui se trouve englobe cette iframe.
 
Il n'est possible de contrôler l'extérieur que sous certaines conditions :
- il faut que la page qui contient l'iframe et la page contenue dans l'iframe soit du même domaine.
- ou il faut avoir la main sur les 2 pages de différents domaines et faire de la bidouille en cross-domaine.
 
"Rien ne s'affiche" > rien ne s'affiche dans une iframe dans un navigateur récent si la page contenue est configurée pour interdire l'inclusion.
 
Par exemple, dans les pages de Facebook, il y a un header dans la réponse du serveur qui "X-Frame-Options: DENY".
Chez Google, c'est un "X-Frame-Options: SAMEORIGIN".

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed