Comment faire un pop-up avec un iframe en javascript

IFrame et invites javascript sont à la fois faciles à réaliser avec des itérations modernes de HTML.

Il y a un certain nombre de raisons pour lesquelles vous pourriez vouloir combiner les attributs d`une fenêtre pop-up javascript avec une balise HTML iFrame. Vous pouvez être les variables de passage à une fenêtre pop-up qui interroge une base de données avec les variables à leur tour. Vous ne pouvez pas voulez que votre utilisateur puisse voir l`URL en jeu, et être en mesure d`interroger votre base de données avec leur propre script. Quel que soit le cas, l`insertion d`un IFrame dans une fenêtre pop-up javascript ne nécessite qu`une page statique et un simple javascript rapide.

Créer une nouvelle page HTML statique. au sein de la balises, placez un marque. Met le "src" paramètre de l`étiquette égale à l`URL complète que vous souhaitez afficher dans le iFrame. Enregistrez la page HTML statique dans le répertoire à partir duquel vous avez l`intention de le publier.

Créer l`extrait de code javascript qui ouvrira votre pop up. Si vous souhaitez ouvrir la nouvelle fenêtre quand une page se charge, fixez le code suivant comme "en charge" événement dans le tag de la page appropriée. Si vous souhaitez avoir la nouvelle fenêtre ouverte quand un lien est cliqué, fixez le code suivant comme "sur clic" dans le cas approprié marque:

onclick ="window.open ( `popup.html`, `width = xxx, hauteur = xxx`) -"

où "popup.html" est le nom de la page statique enregistrée dans l`étape 1, et la largeur désirée et la hauteur de la fenêtre pop-up en pixels sont remplacés par les deux instances de "xxx."

Enregistrer tous les fichiers ouverts, et les publier sur votre serveur Web. Vous avez maintenant une fenêtre pop-up javascript, avec un IFrame intégré.

Attention

La plupart des navigateurs Web modernes ont pop up blockers qui empêcheront les appels javascript comme celui-ci. Vous pouvez poster un avis aux utilisateurs de transformer pop up blockers lorsque vous utilisez votre site.

Les références

HTML & XHTML: Le Chuck Musciano définitif Guide- et Bill 2006 Kennedy-
javascript: The Definitive David Flanagan- 2006 Guide-

A propos de l`auteur

Matthew Weeks a été un écrivain politique publique et de la technologie depuis 2003. Il a été publié sur Nouvelles quotidiennes et la République libre Hommes. Semaines est titulaire d`un baccalauréat en sciences politiques du Collège du New Jersey et titulaire d`une maîtrise en politique publique de Rutgers.