[DOM] Modifier le contenu complet d'une frame

**schnito** · 10/04/2008, 12h46

Bonjour,

J'ai une page dans laquelle je voudrais integrer une iframe. Cet frame contient un code html basique, est le body contient un evenement onload qui appelle une fonction javascript.

Cette fonction a pour but de modifier le contenu html de ma frame, par le source html d'une autre page.

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
newHtml = get le nouveau code
alert(newHtml );
document.all[0].innerHTML = newHtml ;

Cela marche presque, mais ensuite, quand je fais un alert du innerHTML de ma frame, l'élément body a disparu ...
Pourtant quand je fais un alert de newHtml avant, l'élement body est bien présent ...

Auriez-vous une idée ?

Merci bien !

@+.

**SpaceFrog** · 10/04/2008, 13h23

frame ou iframe = > src

sinon c'est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

frame.document.body.innerHTML

**schnito** · 10/04/2008, 13h58

Salut, merci de ta réponse

c'est une iframe.

Et je ne veux pas modifier le body, mais tout le contenu HTML, avec le head ...

**SpaceFrog** · 10/04/2008, 13h58

alors donne lui un autre src ...
vers une page blanche par exemple ...

**schnito** · 10/04/2008, 14h10

mais je ne peux pas ...

en fait j'ai une page, dans laquelle je sauvegarde ma string de code HTML dans un input hidden

Ensuite, j'ai mon iframe, et au chargement de cette iframe, je veux charger son contenu avec la valeur de cet input hidden ...

**SpaceFrog** · 10/04/2008, 14h56

tu peux bien coller une page blanche sur ton sevreur non ???

mettre le src du frame = tapageblanche.htm ...
et ensuite accéder au DOM de cette page pour la modifier comme tu veux ...

**schnito** · 10/04/2008, 15h51

Oui, c ce que je fais, mais pas avec une page blanche

ma page contient un code html basique avec un onLoad qui modifie le contenu total de l'iframe.

J'ai trouvé comment faire pour modifier completement le code html, il faut faire document.write().

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<html>
    <head>
        <title> Body modifications highlighting</title>
        <script>
            <!--
            function getWysiwyg()
            {
                document.write(window.parent.document.getElementById('wysiwygSave').value);
                document.close();
            }
            -->
        </script>
    </head>
    <body onLoad="javascript:getWysiwyg()">
 
    </body>
</html>

Merci pour tes réponses !

**SpaceFrog** · 10/04/2008, 15h58

document.write = > :viomi:

il suffit de prendre document.getElementsByTagname

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type='button' onclick="alert(document.getElementsByTagName('html')[0].innerHTML)"; />

[DOM] Modifier le contenu complet d'une frame

JavaScript

Discussions similaires

Partager

Partager