[JS] Remplacer les mots dans le code d'une page.

**sansamis** · 07/01/2007, 13h50

Salut les copains !

Alors voila: je dois me contenter de XHTML et de JS pour des raisons assez tordues, et je dois faire ca:

J'ai un code, comme ceci:

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>
 
</head>
 
<body>
 
Bienvenue [nom] !<br />
<br />
Tu as [age] ans [nom] =]<br />
<br />
Blablabla...
 
</body>
 
</html>

Auquel je dois ajouter une fonction JS de facon � remplacer tous les [nom] de la page par Roger par exemple et tous les [age] par 31 par �xemple de facon � obtenir ca:

Citation : ce qui devrait �tre afficher
Bienvenue Roger !

Tu as 31 ans Roger =]

Blablabla...

J'ai alors cr�� ca:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
 
<script language="JavaScript">
if (done=="")
{
code = document.documentElement.innerHTML;
code = code.replace("[nom]","Roger");
code = code.replace("[age]","31");
done = 1;
document.write(code);
document.write("lol");
}
</script>

A mettre entre <head> et </head>.

On m'a dit que le code pouvait �tre r�cup�r� dans une variable avec document.documentElement.innerHTML car le script demande le code de la page sur lequel il se trouve, ce qui ne fonctionnerait pas s'il cherchait le code d'une page �trang�re.

Il y a un truc avec "done" qui prend la valeur 1 de facon � le pas repeter la fonction lors du document.write, sinon cela fait une boucle infinie qui fait planter le navigateur.

Mais h�las cela affiche [nom] et [age] comme si la fonction n'avait servi � rien :'(

J'ai m�me mis le document.write("lol"); pour voir s'il s'affichait mais ca n'�crit pas de "lol"

Edit: si je place le script JS apr�s <body> au lieu d'apr�s <head>, le "lol" s'�crit, mais le rest ne change toujours pas

Quelqu'un autait-il une id�e ?

Merci d'avance,

Edit2: J'ai essay� ca, completement autre chose, qui m'a parut super, mais toujours sans succ�s:

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
19
20
21
22
23
24
25
26
27
28
29
30
 
<html>
 
<head>
 
<script language="JavaScript">
window.onload = pbo();
function pbo()
{
code = document.getElementsByTagName("body").innerHTML;
code = code.replace("'","\'");
code = code.replace("[nom]","Roger");
code = code.replace("[age]","31");
document.getElementsByTagName("body").innerHTML = code;
}
</script>
 
</head>
 
<body>
 
Bienvenue [nom] !<br />
<br />
Tu as [age] ans [nom] =]<br />
<br />
Blablabla...
 
</body>
 
</html>

**Chen norris** · 07/01/2007, 13h56

Si tu fais un

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

alert(document.getElementsByTagName("body").innerHTML);

Un �l�ment t'est-il bien renvoy� ? Si ce n'est pas le cas, essaye plut�t la fonction getElementById avec laquelle tu seras s�r de d�signer un �l�ment pr�cis de ta page :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById("id_body").innerHTML

avec au niveau de ton body

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<body id="id_body">

**sansamis** · 07/01/2007, 14h06

Ca ne marche toujours pas, pas d'alerte, et rien non plus avec un id

**Chen norris** · 07/01/2007, 14h09

J'ai vu que tu avais d�j� essay� de l'appeler avec window.onload = pbo();, mais essaye d'appeler ta fonction JS d�s le chargement de ta page comme �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<body id="id_body" onload="javascript:pbo();">

**sansamis** · 07/01/2007, 14h38

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
19
20
21
22
23
24
25
26
27
28
29
<html>
 
<head>
 
<script language="JavaScript">
function pbo()
{
code = document.getElementById("id_body").innerHTML;
code = code.replace("'","\'");
code = code.replace("[nom]","Roger");
code = code.replace("[age]","31");
document.getElementById("id_body").innerHTML = code;
}
</script>
 
</head>
 
<body id="id_body" onload="javascript:pbo();">
 
Bienvenue [nom] !<br />
<br />
Tu as [age] ans [nom] =]<br />
<br />
 
Blablabla...
 
</body>
 
</html>

Rien...

**Gruik** · 07/01/2007, 14h47

String.replace() attend une expression reguliere comme premier argument, ce que tu passes sont des chaines. Peut etre que le navigateur en extrapole une expression reguliere mais il faut savoir que les crochets font partie de la syntaxe des expressions regulieres, ce qui fausserait tout.
Pour que les remplacements se fassent pour chaque occurence de la recherche, il aurait aussi fallu inclure le flag "global" (g)

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
function pbo()
{
var code = document.body.innerHTML;
code = code.replace(/\[nom\]/g, 'Roger');
code = code.replace(/\[age\]/g, '31');
document.body.innerHTML = code;
}

**Chen norris** · 07/01/2007, 14h53

En passant par les expressions r�guli�res, �a fonctionne :

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
19
20
21
22
23
24
25
26
27
28
29
<html>
 
<head>
 
<script language="JavaScript">
function pbo()
{
	code = document.getElementById("id_body").innerHTML;
	code = code.replace("'","\'");
	code = code.replace(/\[nom]/g,"Roger");
	code = code.replace("[age]","31");
	document.getElementById("id_body").innerHTML = code;
}
</script>
 
</head>
 
<body id="id_body" onload="javascript:pbo();">
 
Bienvenue [nom] !<br />
<br />
Tu as [age] ans [nom] =]<br />
<br />
 
Blablabla...
 
</body>
 
</html>

**sansamis** · 07/01/2007, 17h46

Merci � tous c'est nickel comme ca, mais maintenant mon autre probl�me est le suivant:

Serait-ce possible d'avoir le m�me r�sultat sans passer par un id, si par �xemple je veux que quelqu'un mette mon code dans sa page simplement, sans rajouter un id="id_body" ? Comment faire ? J'ai essay� simplement en remplacent document.getElementById("id_body").innerHTML par document.getElementsByTagName("body") mais cela ne marche pas...

Des id�es ?

**Gruik** · 07/01/2007, 17h53

Comme je l'avais montr� dans mon code, tu peux acceder au body avec la propri�t� "body" sur le "document", c'est une propri�t� standardis�e par le DOM lvl1 et support� par tout le monde (je pense, enfin IE et Momo �a marche)

**sansamis** · 07/01/2007, 19h06

D�sol� gruik j'avais pas vu que tu avais aussi chang� la ligne 3

C'est paaarfait ! Merci � tous

[JS] Remplacer les mots dans le code d'une page.

JavaScript

Discussions similaires

Partager

Partager