Les partenaires publicitaires:

Comment faire pour modifier le contenu d'un iframe avec javascript

Un Inline Frame, ou iFrame, est un cadre à l'intérieur d'une page Web qui peut contenir un objet externe comme une autre page Web. Le iFrame attribut "src" spécifie la page Web d'être chargée dans le cadre. Il est souvent le cas que vous voulez que les contenus iFrame de varier en fonction de la logique du programme, un événement ou d'autres critères lors de l'exécution. Vous pouvez modifier le contenu de l'iFrame en modifiant son attribut "src".

Instructions

  1. Créer un nouveau fichier HTML en utilisant un éditeur HTMlL ou Bloc-notes. Entrez les en-têtes HTML pour le fichier. Par exemple, tapez:

    Cadre

  2. Définir une fonction javascript pour changer l'attribut "src" de l'iFrame pour modifier son contenu. Par exemple, tapez:

  3. Créer un bouton HTML à l'intérieur des balises «body» qui va appeler la fonction javascript afin de modifier le contenu iFrame quand on clique dessus. Par exemple, tapez:

  4. Insérez le iFrame dans la page Web. Par exemple, tapez:

    <iframe id="myFrame" src="this.html" width="300" height="300">

  5. Enregistrez le fichier et tirer vers le haut de la page Web dans un navigateur. Testez pour vous assurer que le script fonctionne correctement.

» » » » Comment faire pour modifier le contenu d'un iframe avec javascript