[résolu] Problème fonction remplacer les accents

Problème fonction remplacer les accents [résolu] - HTML/CSS - Programmation

Marsh Posté le 24-04-2006 à 22:51:53    

Bonjour,
 
Quelqu'un pourrait me dire pourquoi cela ne fonctionne pas. L'erreur vient suremnt de la partie HTML et non Javascript. En fait je voudrais qu'une fois un texte a été entré dans le champs qu'en cliquant sur le bouton OK les à et é soit remplacer par des a et e.
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">  
function replaceAll(str, search, repl) {  
  while (str.indexOf(search) != -1)  
    str = str.replace(search, repl);  
  return str;  
}  
 
function htmlToAccent(str) {  
  var spec = new Array("à", "é" );  
  var norm = new Array("a", "e" );  
  for (var i = 0; i < spec.length; i++)  
    str = replaceAll(str, norm[i], spec[i]);  
  return str;  
}  
</script>
</head>
 
<body>
<form>
<input type="text" name="texte" />
<input type="button" onclick="texte.value=htmlToAccent(this.texte);" />
</form>
</body>
</html>


Message édité par ED2K le 24-04-2006 à 23:12:28
Reply

Marsh Posté le 24-04-2006 à 22:51:53   

Reply

Marsh Posté le 24-04-2006 à 23:06:58    

L'erreur vient de this.texte car this désigne le bouton.
 
Par ailleurs, au lieu de "name=...", il est recommandé d'utiliser "id=.."
 
Donc, je propose la modification suivante pour le bas du programme :

<body>  
<form id="f1">  
<input type="text" id="texte" />  
<input type="button" onclick="texte.value=htmlToAccent(f1.texte.value);" />  
</form>  
</body>

Reply

Marsh Posté le 24-04-2006 à 23:12:09    

Merci beaucoup, ça fonctionne grâce à toi !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed