Récupérer code HTML en JS.

Version imprimable

16/02/2006, 17h45
Kernel_Panic

Récupérer code HTML en JS.

Bonjour.
Je désirerai récupérer tout le code HTML d"une page en cours et le mettre dans une variable de type texte afin plus tard d'en extraire des parties, le tout en Javascript.
J'ai bien essayé avec innerHTML mais je n'arrive à rien.
Des idées?
Merci.

bonjour,

ce bout de code récupere tout ce qui entre les balises body (balises et texte) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function RecupereContenu()
{
 alert(document.body.innerHTML);
}
 
//-->
</script>
 
</head>
 
<body onload="RecupereContenu()">
<p> Paragraphe 1</p>
<p> Paragraphe 2</p>
<p> Paragraphe 3</p>
<p> Paragraphe 4</p>
 
</body>
 
</html>

Citation:
Envoyé par Auteur
bonjour,

ce bout de code récupere tout ce qui entre les balises body (balises et texte) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <html> <head> <title></title> <script type="text/javascript">  </script> </head> <body onload="RecupereContenu()"> <p> Paragraphe 1</p> <p> Paragraphe 2</p> <p> Paragraphe 3</p> <p> Paragraphe 4</p> </body> </html>
Merci, mais est il possible de récupérer le texte dans une variable?
Et je voudrai en plus ne pas avoir à toucher à la balise body.
Ce code peut il s'exécuter tout seul aprés ou avant les balises Body?

17/02/2006, 08h40
denisC

Citation:

Envoyé par Kernel_Panic

Merci, mais est il possible de récupérer le texte dans une variable?

variable=.....

Citation:

Envoyé par Kernel_Panic

Et je voudrai en plus ne pas avoir à toucher à la balise body.
Ce code peut il s'exécuter tout seul aprés ou avant les balises Body?

Avant, ça me parait dur... Après pas de problèmes.

Sinon, addEventListener/attachEvent.
17/02/2006, 11h57
Kernel_Panic

Citation:

Envoyé par denisC

Citation:

Envoyé par Kernel_Panic

Merci, mais est il possible de récupérer le texte dans une variable?

variable=.....

Citation:

Envoyé par Kernel_Panic

Et je voudrai en plus ne pas avoir à toucher à la balise body.
Ce code peut il s'exécuter tout seul aprés ou avant les balises Body?

Avant, ça me parait dur... Après pas de problèmes.

Sinon, addEventListener/attachEvent.

Impec :ccool:
Ca marche nickel.
Merci beaucoup pour vos conseils aussi avisés que rapides. :hola:
20/02/2006, 12h40
Invité

Bonjour,

Ce code m'intéresse grandement également, mais j'ai bien peur de ne pas avoir tout compris.

Le script qui ouvre le code source dans un alert marche.

Mais comment faire pour afficher le code html de la page dans la page, pour ensuite le récupérer en copier/coller?

Merci d'avance

++

bonjour,
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 <html> <head> <title></title> <script type="text/javascript">  </script> </head> <body onload="GetTexte()"> <p>paragraphe 1 <span style="background-color: #A1B2C3">suite du paragraphe</span></p> <p>paragraphe 2</p> <p>paragraphe 3</p> <input type="button" value="Presse Papiers" id="BNom" onclick="PressePapiers();"> <div id="idDiv"> </div> </body> </html>
la fonction getText permet de récupérer le code HTMl de la page : il est ensuite afficher dans la boite de dialogue alert(texte).
Le problème est d'afficher le texte dans la page : si je fais directement innerHTML = texte, les balises HTML contenues dans la variables seront interprétées par le navigateur. Pour éviter cela, je lis chaque caractère (charAt) contenu dans texte grâce à la boucle for(). Et losrque je détecte un "<" (début de la balise) ou un ">" (fin de balise), je le remplace par son code (cf. condition if). J'affiche ensuite le résulat du "scan" dans la balise div dédiée à ça.

La fonction PressePapier() permet de récupérer tout ce qui est entre les balises div et de le copier dans le presse-papiers (setData). Je récupère ensuite le contenu du Presse-Papiers (getData) que j'affiche grâce à la fonction alert().
Les fonctions du presse-papiers ne fonctionnent que sous IE. Je n'ai encore rien trouvé de similaire pour FireFox par exemple.