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.