Remplacer des éléments dans une page

**AyManoVic** · 01/02/2012, 21h53

Salut , j'espérais faire un changement de style en javascript , l'idée consiste à changer tout les mots "blue" par exemple en "red" dans la page , L'idée qui me vient est de stocker tout le code source de la page dans une variable et faire un remplacement avec la méthode replace , mais techniquement je ne vois pas comment faire , De l'aide S'il vous plaît

**buggen25** · 01/02/2012, 22h08

Bonsoir,
Le mieux serait de créer un div, et mettre de ce dont tu as besoins a l'interieur

Code :

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

1
2
3
4
 
<div id="mondiv">
<p>Des truc bleus a l'interieur</p>
</div>

Par la suite tu met un code javascript à l'interieur d'une fonction

Code :

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

1
2
3
4
 
function mettreEnRouge(){
document.getElementById("mondiv").innerHTML = "<p>Des truc rouge a l'interieur</p>";
}

Par la suite ajoute un evennement onclick à ton truc clickable

Code :

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

1
2
 
<img src="images/bouton.png" onclick="mettreEnRouge();" />

Cordialement

**Rachel** · 02/02/2012, 04h11

tu voudrais modifier le css où il y a la propriété color ?
l'idéal serait que tous tes éléments de couleur bleue aient la même classe, puis dans le javascript :

Code :

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

1
2
3
4
5
6
7
8
9
 
function changeColor(classe,couleur)
{
var classes = document.getElementsByClassName(classe);
for(var i=0;i<classes.length;i++)
 {
 classes[i].style.color = couleur;
 }
}

puis enfin dans ton html, un bouton comme ceci :

Code :

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

<input type="button" value="changer de couleur" onclick="changeColor('classe','red')" />

évidemment, tu changeras "classe" par la classe que tu as attribué as tes éléments

**AyManoVic** · 02/02/2012, 14h13

Merci pour vos réponses mais ce n'est pas ça , je voudrai remplacer toute instance dans le code source du mot "blue" et le remplacer par "red" y compris les noms des dossiers , nom d'images etc..

**buggen25** · 02/02/2012, 14h28

Bonjour,
Tu veux remplacer le body de ta page web je pense, dans ce cas c'est possible
1- Code html

Code :

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

1
2
 
<input type="Submit" value="Mettre en rouge" onclick="mettreEnRouge();" />

2-Ensuite mettre dans ton code javascript

Code :

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

1
2
3
4
5
 
function mettreEnRouge(){
      var reg=new RegExp("(blue)", "g");
      document.body.innerHTML = document.body.innerHTML.replace(reg, "red");
}

**Rachel** · 02/02/2012, 14h31

ceci te conviendrait il ?

Code :

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

1
2
3
4
5
6
var a=document.body.innerHTML;
var i=a.indexOf("blue");
while (i >= 0) {
	a=a.replace("blue","red");
	i=a.indexOf("blue");
}

**AyManoVic** · 02/02/2012, 16h28

ça commence à être clair ! Merci
Si Je veux remplacer tout ce qui vient après la balise <html> Que faire ?

Remplacer des éléments dans une page

JavaScript

Vue hybride

Discussions similaires

Partager

Partager