Page 1 sur 2
Remplacer des caractères par d'autres, en javascript
Posté : 29 avr. 2007, 17:49
par chrislabricole
Bonjour,
Je poste se topic pour savoir si c'est possible que
par exemple : quand j'écrit "php" dans un champ de texte, et que je valide, (avec le bouton "Valider") , "php" se remplace automatiquement par "html"
autre exemple: que quand j'écrit "site" dans un champ de texte, et que je valide, "site" se remplace automatiquement par "image"
Voilà....
Merci d'avance pour ceux qui connaisse le language JavaScript....
Posté : 29 avr. 2007, 21:44
par @rthur
Bonjour,
Voila une possibilité:
Code : Tout sélectionner
var chaine = document.getElementById('id_de_ta_boite_de_texte').value;
var chaine.replace("php", "html");
document.getElementById('id_de_ta_boite_de_texte').value=chaine;
//alert('Résultat= ' + chaine);
Je l'ai codé en direct sans tester mais normalement ça devrait fonctionner...
##edit: correction d'un pb de parenthèses

Posté : 29 avr. 2007, 22:50
par chrislabricole
eum... merci, mais....
Tu peut me donner carrément le code html ou il y a le champ dedant et le script s'il te plait...
C'est le seul truc que je connais pas en html :intégrer du script dans du html
Pour moi, sa donne sa mais sa marche pas... j'ai du surement oublier ou plutôt pas mis car j'y connais rien dans le domaine javascript/intégration javascript html....
Code : Tout sélectionner
<html>
<head>
<script language="javascript" type="text/javascript">
var chaine = document.getElementById['nom'].value;
var chaine.replace("dupond", "jean");
document.getElementById['nom'].value=chaine;
//alert('Résultat= ' + chaine);
</script>
</head>
<body>
<form method="get" action="index.php">
<input type="text" name="nom" id="nom" />
<input type="submit" value="Envoyer !" />
</form>
</body>
</html>
Merci et désolé...
PS : les 3 truc que je connais en javascript :
- document.write('Merci !')
- alert('Merci !')
- confirm('Merci !')
Je suis fort hein !?
lol s'était juste pour te montrer mes grandes compétences en javascript

Posté : 29 avr. 2007, 22:56
par Sékiltoyai
C'est le seul truc que je connais pas en html :intégrer du script dans du html
C'est le moment parfait pour apprendre alors.
@rthur t'as donné un code clé en main, mais ca ne semble pas la coutume ici donc je te conseille d'essayer de faire par toi même, sinon, tu ne progresseras jamais, et tu n'auras plus aucune réponse.
Posté : 29 avr. 2007, 23:00
par chrislabricole
Bé... sa mais bon... je l'ai modifier juste après....

tu a du posté le message avant que je modifi le mien.... regarde mon code en haut...
Posté : 29 avr. 2007, 23:02
par Sékiltoyai
Bé... sa mais bon... je l'ai modifier juste après....

tu a du posté le message avant que je modifi le mien.... regarde mon code en haut...
ah, c'est mieux alors
Tu dois intégrer le code dans une fonction, par exemple
Et ensuite indiquer à l'interpréteur javascript qu'il doit exécuter ton code lors de la modification du champ :
Posté : 29 avr. 2007, 23:04
par chrislabricole
lol, j'ai pencé à du " OnClick="je.sais.pas.du.tout" " dans le input de la boîte de texte....
Posté : 29 avr. 2007, 23:10
par chrislabricole
lol, je croit que tu m'a fait le même coup....
Voilà mon new code : (qui marche toujours pas)
Code : Tout sélectionner
<html>
<head>
<script language="javascript" type="text/javascript">
function change()
{
var chaine = document.getElementById['nom'].value;
var chaine.replace("dupond", "jean");
document.getElementById['nom'].value=chaine;
alert('Résultat= ' + chaine);
}
</script>
</head>
<body>
<form method="get" action="index.php">
<input type="text" name="nom" onChange="change()" id="nom" />
<input type="submit" value="Envoyer !" />
</form>
</body>
</html>
Mais qui ne serait tardé.... lol
PS: si le texte se change dès qu'on l'a écrit, c'est bien aussi !
Posté : 30 avr. 2007, 11:28
par @rthur
Tu as bien avancé c'est pas mal
J'ai fait une petite erreur dans mon premier code, getElementById est une fonction donc il faut des parenthèses et non des crochets.
Voila ton code corrigé par mes soins, j'ai vérifié il fonctionne:
Code : Tout sélectionner
<html>
<head>
<script language="javascript" type="text/javascript">
function change() {
var chaine = document.getElementById('nom').value;
chaine=chaine.replace("dupond", "jean");
document.getElementById('nom').value=chaine;
alert('Résultat= ' + chaine);
}
</script>
</head>
<body>
<form method="get" action="index.php">
<input type="text" name="nom" onchange="change()" id="nom" />
<input type="submit" value="Envoyer !" />
</form>
</body>
</html>
Posté : 30 avr. 2007, 12:40
par chrislabricole
A ! voilà, c'est à cause de toi ! tu me refait plus sa, c'est bien compri !!!!??
nan je rigole
Euy.. Bé en faite, il y a un petit truc à corriger... :
Il faut que le script remplace TOUS les "dupond" par "jean"
Parce-que si j'écrit "dupond de la belle rue de dupond" (ex)
il va me transformer sa en "jean de la belle rue de
dupond" --> il n'a pas tranformé le 2ème....
Merci !
PS: si on veut rajouter d'autres champs ? , c'est sa ?
Code : Tout sélectionner
<script language="javascript" type="text/javascript">
function change() {
var chaine = document.getElementById('nom').value;
var chaine = document.getElementById('prenom').value;
chaine=chaine.replace("dupond", "jean");
document.getElementById('nom').value=chaine;
document.getElementById('prenom').value=chaine;
// alert('Résultat= ' + chaine);
}
</script>
PPS: j'ai désactivé le message...
Posté : 30 avr. 2007, 13:09
par sadeq
Ne vas pas trop vite, qui va piano va sano et qui va sano va lontano
Regarde bien ton code, il y a un chauvechement de la variable chaine.
Exemple:
Question: que va afficher alert() 1 ou 2

Posté : 30 avr. 2007, 13:12
par chrislabricole
alors ceci ? :
Code : Tout sélectionner
<script language="javascript" type="text/javascript">
function change() {
var chaine = document.getElementById('nom').value;
var chaine2 = document.getElementById('prenom').value;
chaine=chaine.replace("dupond", "jean");
chaine2=chaine2.replace("dupond", "jean");
document.getElementById('nom').value=chaine;
document.getElementById('prenom').value=chaine2;
// alert('Résultat= ' + chaine);
}
</script>
Merci !
PS : je rappelle que chui pouri en javascript... lol

Posté : 30 avr. 2007, 13:13
par sadeq
10/10
Je rappelle qu'il n'y a pas de mal d'être pourri en quoi que ce soit, si l'on prend le temps de l'améliorer.
Posté : 30 avr. 2007, 13:14
par chrislabricole
yeah ! j'essais cela dessuite...
Posté : 30 avr. 2007, 13:19
par chrislabricole
Question: que va afficher alert() 1 ou 2 :
eum.... je pence que c'est sois :
- aucun
- les 2