manipulation de chaine de caractères

**rin01** · 22/12/2011, 00h28

J'ai un code qui permet de spliter une chaine saisie en code ascii. Il fonctionne bien sous IE. Par contre sous Firefox je n'ai aucun résultat

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
31
32
33
34
35
36
37
38
39
40
 
<html>
<head>
<script type="text/javascript">
	function test(){
		var keycode;
			if (window.event) keycode = window.event.keyCode;
			else if (e) keycode = e.which;
			else return true;
 
			if (keycode == 13)
			{
				var chaine=document.getElementById('champ').value;
				var res='';
 
				for (var i=0; i<chaine.length; i++) {
					res=res+chaine.charCodeAt(i)+"#";
				}
				console.log("avant "+res);
				res = res.substr(0, res.length - 1);
				console.log("apres "+res);
				document.getElementById('result').value=res;
				document.forms['form1'].submit();
			}
	}
</script>
</head>
<body>
<form name="form1" method="POST" action="asci.php">
<input type="text" name="champ" id="champ" onkeypress="test()"/>
<input type="hidden" name="result" id="result" value="<?php if (isset($_POST['result'])) echo $_POST['result'];?>"/>
</form>
</body>
</html>
 
<?php
if(isset($_POST['result'])){
        echo 'resultat= '.$_POST['result'];
}
?>

Pour info le

Code :

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

console.log("avant "+res);

est pour tracer avec le javascript à la manière de Firebug pour FF. (http://www.moxleystratton.com/article/ie-console)

Je m'arrache les cheveux là, est-ce qu'un pro aurait une idée?

Merci d'avance

**NoSmoking** · 22/12/2011, 05h54

Bonjour,
seul IE possède un objet event global, window.event, pour les autres il te faut passer event en paramètre à ta fonction dans ce cas

Code :

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

1
2
3
4
function test(e){
  var keycode;
  // la suite du code
}

avec un appel

Code html :

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

<input type="text" name="champ" id="champ" onkeypress="test(event)"/>

**SpaceFrog** · 22/12/2011, 08h28

heu pourquoi pas juste un split('') ?

**Willpower** · 22/12/2011, 15h58

Code :

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

1
2
3
4
5
				var res='';
 
				for (var i=0; i<chaine.length; i++) {
					res=res+chaine.charCodeAt(i)+"#";
				}

==>

Code :

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

var res = chaine.replace(/./gi,'$1'.charCodeAt(0)+'#');

**Willpower** · 22/12/2011, 16h05

Envoyé par NoSmoking

Bonjour,
seul IE possède un objet event global, window.event, pour les autres il te faut passer event en paramètre à ta fonction dans ce cas

Code :

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

1
2
3
4
function test(e){
  var keycode;
  // la suite du code
}

avec un appel

Code html :

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

<input type="text" name="champ" id="champ" onkeypress="test(event)"/>

heu ... perso je ne me fierai pas sur le fait que l'argument se nomme "event" sur tous les navigateurs n'ayant pas window.event (chrome et ie utilisant window.event) ... effectivement sous ma version de firefox l'argument s'appelle bien "event" mais c'est néanmoins beaucoup plus propre et plus sûr (je pense) de faire :

Code html :

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

<input type="text" name="champ" id="champ" onkeypress="return test(arguments[0]);"/>

ps: j'ai aussi ajouté un "return" car en général c'est utile et rarement contraignant.

**NoSmoking** · 23/12/2011, 13h04

Envoyé par Willpower

heu ... perso je ne me fierai pas sur le fait que l'argument se nomme "event" sur tous les navigateurs n'ayant pas window.event (chrome et ie utilisant window.event) ... effectivement sous ma version de firefox l'argument s'appelle bien "event" mais c'est néanmoins beaucoup plus propre et plus sûr (je pense) de faire :

Code html :

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

<input type="text" name="champ" id="champ" onkeypress="return test(arguments[0]);"/>

cela fonctionne également avec arguments[0], mais je fais confiance à FireFox quant à la pérennité de l'argument event, https://developer.mozilla.org/en/DOM/event.

Pour faire plus propre je pense qu'il est préférable d'ajouter la fonction une fois le document chargé via, par exemple, un

Code :

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

1
2
var oInput = document.getElementById('champ');
oInput.onkeypress = test;

Envoyé par NoSmoking

seul IE possède un objet event global, window.event,...

c'est un racoourci compte tenu de la question posée.
OPERA, CHROME et SAFARI gèrent également un objet window.event et fonctionnent également avec event en paramètre.

pour test:

Code html :

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
 
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function test(){
  var sTmp=[];
  sTmp.push('arg[0] : ' +arguments[0]);
  sTmp.push('window : ' +window.event);
  oDebug.innerHTML += (sTmp.join('<br>') +'<hr>');
}
</script>
</head>
<body>
onkeypress = test;<br>
<input id="test0" onkeypress="test();"><br>
test();<br>
<input id="test1" onkeypress="test();"><br>
test(event);<br>
<input id="test2" onkeypress="test(event);"><br>
test(arguments[0]);<br>
<input id="test3" onkeypress="test(arguments[0]);"><br>
<div id="DEBUG"></div>
<script type="text/javascript">
var oInput = document.getElementById('test0');
var oDebug = document.getElementById('DEBUG');
oInput.onkeypress = test;
</script>
</body>
</html>

manipulation de chaine de caractères

JavaScript

Discussions similaires

Partager

Partager