Javascript pour Firefox : Rechercher et Remplacer un Mot dans une Page Web
Résolu
Grobabar
Messages postés
18
Date d'inscription
mercredi 30 avril 2008
Statut
Membre
Dernière intervention
5 décembre 2008
-
3 déc. 2008 à 14:57
Grobabar Messages postés 18 Date d'inscription mercredi 30 avril 2008 Statut Membre Dernière intervention 5 décembre 2008 - 5 déc. 2008 à 11:31
Grobabar Messages postés 18 Date d'inscription mercredi 30 avril 2008 Statut Membre Dernière intervention 5 décembre 2008 - 5 déc. 2008 à 11:31
A voir également:
- Javascript pour Firefox : Rechercher et Remplacer un Mot dans une Page Web
- Récupérer données json (javascript) - Conseils pratiques -Javascript
- Javascript poo - Conseils pratiques -Javascript
- Extensions firefox - Conseils pratiques -Javascript
- Base de données javascript - Conseils pratiques -Javascript
- Calendrier javascript - Conseils pratiques -Javascript
9 réponses
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2008 à 09:31
5 déc. 2008 à 09:31
faut d'abord que tu respectes la syntaxe requise :
par exemple : document.getElementById("txtI") reg=new RegExp("(mouton)", "gi");
ça ne "correspond à rien", ça donne d'ailleurs une erreur dans les navigateurs
<script>
function Remplace( origine, chercher, remplacement, resultat )
{ return ( origine.replace( new RegExp( chercher, "gi"), remplacement ) ); }
</script>
<form name="frm">
<textarea name="txt" cols="72" rows="8">Saisissez ici votre texte</textarea>
Rechercher __ :
Remplacer par :
</form>
[mon Site] [M'écrire] Bul
par exemple : document.getElementById("txtI") reg=new RegExp("(mouton)", "gi");
ça ne "correspond à rien", ça donne d'ailleurs une erreur dans les navigateurs
<script>
function Remplace( origine, chercher, remplacement, resultat )
{ return ( origine.replace( new RegExp( chercher, "gi"), remplacement ) ); }
</script>
<form name="frm">
<textarea name="txt" cols="72" rows="8">Saisissez ici votre texte</textarea>
Rechercher __ :
Remplacer par :
</form>
[mon Site] [M'écrire] Bul
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
4 déc. 2008 à 08:20
4 déc. 2008 à 08:20
Grobabar
Messages postés
18
Date d'inscription
mercredi 30 avril 2008
Statut
Membre
Dernière intervention
5 décembre 2008
4 déc. 2008 à 14:51
4 déc. 2008 à 14:51
Ok, si je comprends bien tu me conseilles de recommencer à zero avec 2 fonctions à créer :
a_chercher()
remplacer_par()
Puis je utiliser findInPage() de mon script a la place de a_chercher() ?
Est-ce que ce sera compatible Firefox ?
Dois-je coder une fonction remplacer_par() ?
Je ne connaissais pas RegExp(), j'ai fait qqes recherches et compris que ça permet de traiter du contenu en dynamique.
Voilà la forme que j'aimerais que ça prenne :
Comment dois-je faire pour faire fonctionner remplacer_par ? replace() ? j'avoue que je suis un peu perdu.
<html><head><title>Test</title><script type= "text/javascript">
<!--
function edit(valeur)
{
var reg = new RegExp( a_chercher, "e") ;
resultat = origine.replace( reg, remplacer_par ) ;
}
//--></script></head><form action ="">
</form></html>
a_chercher()
remplacer_par()
Puis je utiliser findInPage() de mon script a la place de a_chercher() ?
Est-ce que ce sera compatible Firefox ?
Dois-je coder une fonction remplacer_par() ?
Je ne connaissais pas RegExp(), j'ai fait qqes recherches et compris que ça permet de traiter du contenu en dynamique.
Voilà la forme que j'aimerais que ça prenne :
Comment dois-je faire pour faire fonctionner remplacer_par ? replace() ? j'avoue que je suis un peu perdu.
<html><head><title>Test</title><script type= "text/javascript">
<!--
function edit(valeur)
{
var reg = new RegExp( a_chercher, "e") ;
resultat = origine.replace( reg, remplacer_par ) ;
}
//--></script></head><form action ="">
</form></html>
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
4 déc. 2008 à 15:13
4 déc. 2008 à 15:13
euh... je t'ai mis une "syntaxe générale"
si on prend dans ton 2ème exemple "remplacer tous les E par des A"
a_chercher : ce sont les caractères, les mots... à rechercher
"E" à priori ?
resultat : c'est le texte après remplacement
les "E" auront été remplacé par "A"
tu n'as rien mis dans ton 2ème exemple
dans ton 1er, ce serait la même zone que celle d'origine,
textarea NAME="zone" peut-être ?
origine : c'est le texte tel qu'il est/existe à l'origine
je ne vois pas ce champ dans ce que tu postes en dernier,
dans ton 1er exemple, c'était ton textarea NAME="zone" non ?
remplacer_par : c'est ce par quoi il faut remplacer ce qu'on à cherché
"A" donc pour toi probablement.
dans var reg = new RegExp( a_chercher, "e") ;
le 2ème paramètre ne correspond pas à la syntaxe prévue
mon exemple était : "gi"
g = pour faire sur tous les caractères
i = pour ignorer les majuscules/minuscules
c'est a_chercher qui doit (?) être = "E" ( ou "e" )
si je te donne directement la solution,
ça ne t'apporterait pas grand chose,
tu as tout pour faire normalement...
[mon Site] [M'écrire] Bul
si on prend dans ton 2ème exemple "remplacer tous les E par des A"
a_chercher : ce sont les caractères, les mots... à rechercher
"E" à priori ?
resultat : c'est le texte après remplacement
les "E" auront été remplacé par "A"
tu n'as rien mis dans ton 2ème exemple
dans ton 1er, ce serait la même zone que celle d'origine,
textarea NAME="zone" peut-être ?
origine : c'est le texte tel qu'il est/existe à l'origine
je ne vois pas ce champ dans ce que tu postes en dernier,
dans ton 1er exemple, c'était ton textarea NAME="zone" non ?
remplacer_par : c'est ce par quoi il faut remplacer ce qu'on à cherché
"A" donc pour toi probablement.
dans var reg = new RegExp( a_chercher, "e") ;
le 2ème paramètre ne correspond pas à la syntaxe prévue
mon exemple était : "gi"
g = pour faire sur tous les caractères
i = pour ignorer les majuscules/minuscules
c'est a_chercher qui doit (?) être = "E" ( ou "e" )
si je te donne directement la solution,
ça ne t'apporterait pas grand chose,
tu as tout pour faire normalement...
[mon Site] [M'écrire] Bul
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Grobabar
Messages postés
18
Date d'inscription
mercredi 30 avril 2008
Statut
Membre
Dernière intervention
5 décembre 2008
4 déc. 2008 à 17:12
4 déc. 2008 à 17:12
MERCI !!
Alors voici ce que j'en apprend :
var reg = new RegExp( "Moutons", "gi") ;
Le M majuscule de moutons est inutile puisque j'ai ensuite les paramètres "gi".
G concerne des caractères mais est compatible pour traiter le mot concerné.
RegExp est une fonction javascript qui cherche dans le document.
Il y a une différence entre :
var reg = new RegExp( "Moutons", "gi") ;
ou : var reg = new RegExp( "(Moutons)", "gi") ;
On obtient reg qui est le mot trouvé et on l'envoie dans replace pour obtenir des "Vaches". Où Resultat est le texte et replace traite tous les moutons d'un coup.
zone est le nom de ma zone de saisie où je colle le texte à traiter.
resultat = zone.replace( reg, "Vaches" ) ;
Faudrait-il dire ?
document.zone.value = document.zone.replace.value( reg, "Vaches" ) ;
-----------------------------------------------------------------------------
Maintenant je sais le faire en partant d'une var="Mon histoire de moutons".
J'aimerais appliquer ces connaissances à un bouton d'envoi affectant une "zone1" qui reçoit et "zone2" qui restitue le résultat. (2 texta area)
Ce qu'il me manque c'est comment remplacer mon :
var =" mon texte " ;
Par une syntaxte compatible firefox :
document.etc...récupérer...dans"zone".value, du genre :
var=document.getElementById('zone1');
ainsi que ;
document.etc...write...dans"zone2"
Sauf erreur de ma part, le code bouton sera :
<form name="search" onSubmit="return nom_de_la_fonction(this.string.value);">
Cet aspect là ne m'est pas intuitif du tout, toute aide serait bienvenue !
Alors voici ce que j'en apprend :
var reg = new RegExp( "Moutons", "gi") ;
Le M majuscule de moutons est inutile puisque j'ai ensuite les paramètres "gi".
G concerne des caractères mais est compatible pour traiter le mot concerné.
RegExp est une fonction javascript qui cherche dans le document.
Il y a une différence entre :
var reg = new RegExp( "Moutons", "gi") ;
ou : var reg = new RegExp( "(Moutons)", "gi") ;
On obtient reg qui est le mot trouvé et on l'envoie dans replace pour obtenir des "Vaches". Où Resultat est le texte et replace traite tous les moutons d'un coup.
zone est le nom de ma zone de saisie où je colle le texte à traiter.
resultat = zone.replace( reg, "Vaches" ) ;
Faudrait-il dire ?
document.zone.value = document.zone.replace.value( reg, "Vaches" ) ;
-----------------------------------------------------------------------------
Maintenant je sais le faire en partant d'une var="Mon histoire de moutons".
J'aimerais appliquer ces connaissances à un bouton d'envoi affectant une "zone1" qui reçoit et "zone2" qui restitue le résultat. (2 texta area)
Ce qu'il me manque c'est comment remplacer mon :
var =" mon texte " ;
Par une syntaxte compatible firefox :
document.etc...récupérer...dans"zone".value, du genre :
var=document.getElementById('zone1');
ainsi que ;
document.etc...write...dans"zone2"
Sauf erreur de ma part, le code bouton sera :
<form name="search" onSubmit="return nom_de_la_fonction(this.string.value);">
Cet aspect là ne m'est pas intuitif du tout, toute aide serait bienvenue !
Grobabar
Messages postés
18
Date d'inscription
mercredi 30 avril 2008
Statut
Membre
Dernière intervention
5 décembre 2008
4 déc. 2008 à 17:42
4 déc. 2008 à 17:42
J'ai essayé d'aller aussi loin que je pouvais de mon côté.
J'ai encore quelques fautes persistantes que je n'arrive pas à corriger.
Je pars sur la base du script que tu m'as donné :
var reg = new RegExp( a_chercher, "gi") ;
resultat = origine.replace( reg, remplacer_par ) ;
Je l'utilise dans une page firefox qui a une zone de saisie, un bouton d'action et une div de résultat. En voici le code :
<html><head><title>Test</title><script type="text/javascript"><!--
function edit(texte){
document.getElementById("txtI") reg=new RegExp("(mouton)", "gi");
document.getElementById("resultat").innerHTML=chaine.replace(reg,"Vache") + "
");
} //--></script></head>
<form name="frm">
</form>
</html>
Comme je le disais dans mon sujet précédent, je butte sur les notions de pointage pour appeler une zone et écrire dans le div. J'ai essayé de fair eles deux actions chercher remplacer en une seule ligne de code mais ça ne me semble pas possible. Si ça l'était j'aurais pu éviter d'utiliser la VAR qui bloque mon code. Quoi qu'il en soit j'y suis presque, il me faudrait juste un coup de pouce pour le pointage et le début de ma fonction qui se cherche encore...
Merci pour votre soutien !
J'ai encore quelques fautes persistantes que je n'arrive pas à corriger.
Je pars sur la base du script que tu m'as donné :
var reg = new RegExp( a_chercher, "gi") ;
resultat = origine.replace( reg, remplacer_par ) ;
Je l'utilise dans une page firefox qui a une zone de saisie, un bouton d'action et une div de résultat. En voici le code :
<html><head><title>Test</title><script type="text/javascript"><!--
function edit(texte){
document.getElementById("txtI") reg=new RegExp("(mouton)", "gi");
document.getElementById("resultat").innerHTML=chaine.replace(reg,"Vache") + "
");
} //--></script></head>
<form name="frm">
</form>
</html>
Comme je le disais dans mon sujet précédent, je butte sur les notions de pointage pour appeler une zone et écrire dans le div. J'ai essayé de fair eles deux actions chercher remplacer en une seule ligne de code mais ça ne me semble pas possible. Si ça l'était j'aurais pu éviter d'utiliser la VAR qui bloque mon code. Quoi qu'il en soit j'y suis presque, il me faudrait juste un coup de pouce pour le pointage et le début de ma fonction qui se cherche encore...
Merci pour votre soutien !
Grobabar
Messages postés
18
Date d'inscription
mercredi 30 avril 2008
Statut
Membre
Dernière intervention
5 décembre 2008
4 déc. 2008 à 17:49
4 déc. 2008 à 17:49
Mince je viens de me dire que :
document.getElementById("txtI") reg=new RegExp("(mouton)", "gi");
Devrait être qc du genre :
var reg = new RegExp("(mouton)", "gi");
Avec un "document.frm.txtN.value" ou "document.getElementById("txtI")" quelque part qui permette au script de comprendre qu'il doit traiter l'input de saisie, n'est-ce pas ?
J'aimerais avoir la visibilité là dessus !! c'est énervant de bloquer sur des notions aussi élémentaires !
document.getElementById("txtI") reg=new RegExp("(mouton)", "gi");
Devrait être qc du genre :
var reg = new RegExp("(mouton)", "gi");
Avec un "document.frm.txtN.value" ou "document.getElementById("txtI")" quelque part qui permette au script de comprendre qu'il doit traiter l'input de saisie, n'est-ce pas ?
J'aimerais avoir la visibilité là dessus !! c'est énervant de bloquer sur des notions aussi élémentaires !
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
5 déc. 2008 à 09:33
5 déc. 2008 à 09:33
Grobabar
Messages postés
18
Date d'inscription
mercredi 30 avril 2008
Statut
Membre
Dernière intervention
5 décembre 2008
5 déc. 2008 à 11:31
5 déc. 2008 à 11:31
Bul3, je te dis un grand merci !
La fonction est excellente, je comprends de mieux en mieux le fonctionnement de javascript, c'est vraiment très intéressant et ça donne envie de continuer.
Merci d'avoir pris le temps de me proposer cette solution, j'avais beaucoup cherché et je partais dans des analyses trop compliquées.
Ton script marche parfaitement ! Merci !
La fonction est excellente, je comprends de mieux en mieux le fonctionnement de javascript, c'est vraiment très intéressant et ça donne envie de continuer.
Merci d'avoir pris le temps de me proposer cette solution, j'avais beaucoup cherché et je partais dans des analyses trop compliquées.
Ton script marche parfaitement ! Merci !
