Javascript Girl
  1. Javascript Girl
  3. Changer iframe src en cliquant sur un lien
Intereting Posts
Comment lire le contenu d'un nouveau fichier de stockage en nuage de type .json à partir d'une fonction Cloud? Tout éditeur wysiwyg javascript (basé sur le Web) qui produit xsl: fo Générer une liste non ordonnée à partir des données JSON? Gestion des erreurs dans les appels asynchrones node.js Comportement de succession ExtJs Params vide variable en braise Comment itérer sur un hachis en moustache.js Comment trier le tableau dans le dossier de collecte dans mongoDB Comment utiliser React TransitionMotion willEnter () Ce qui fait que mes scripts soient demandés deux fois lors de l'utilisation de Modernizr.load (yepnope.js) Node.js Ecrire un fichier avec des répertoires? Téléchargement du fichier PHP AJAX Comportement d'édition personnalisé de jqgrid pour une colonne .prop () VS .val () .Configuration d'une valeur de texte d'entrée avec jQuery Uncaught ReferenceError: importScripts n'est pas défini

Changer iframe src en cliquant sur un lien

J'ai un iframe qui ressemble à ceci: 

 <iframe src="http://www.google.com" height=1000 width="500" id="myiframe"></iframe>

Je veux créer un lien afin que lorsque je clique dessus, l'iframe sur la page change. Comment puis-je le faire en utilisant jQuery? Est-il lié à jQuery attr ?

Vous n'avez pas besoin de jQuery pour cela. Vous n'avez même pas besoin de JavaScript pour cela.

Donner à votre Iframe un name , et cibler vos ancres pour le pointer: 

 <a href="foo.html" target="myiframe">Foo</a> <a href="bar.html" target="myiframe">Bar</a> <a href="baz.html" target="myiframe">Baz</a> <iframe name="myiframe"></iframe>

Cela se dégrade bien pour les personnes qui ont désactivé JavaScript.

En cliquant sur le lien "cliquez ici" // il faudra déplacer le lien vers l'iframe comme spécifié …. 

 <a href="cart.html" target="test" onclick="document.getElementById('test').frameBorder=1"> Click Here </a> <iframe src="blank.html" frameborder="0" name="test" id="test" width=1200 height=800></iframe>