[IE]Ajout de texte dans une value

**Molos** · 21/03/2008, 20h47

Bonsoir tout le monde

Voila, en ce moment j'ai des problèmes avec Internet Explorer, mon problème vient de la value d'un textarea.
En faites, ma fonction créer un textarea, lui assigne une value, etc...
Mais le problème sous IE, c'est qu'il me rajoute du texte en plus qui vient d'on ne sais où

Donc voilà mon code :

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
 
function createTextarea(parent,id,content,cols,source){
	content = "test";
	var el = document.createElement('textarea');
	alert(el.innerHTML);
	if(navigator.appName == "Microsoft Internet Explorer"){
 
		el.id = id;
		alert("Avant = "+el.value);
		el.value = "toto";
		alert("Après = "+el.value);
		el.cols = cols;
		el.onkeyup = function(){adaptRows(this);exit(event,source);this.value = $('edition').value;}
	}else{
		alert("On rentre ici");
		el.setAttribute('id',id);
		el.setAttribute('value',content);
		el.setAttribute('cols',cols);
		el.setAttribute('onkeyup',"adaptRows(this);exit(event,'"+source+"');");
	}
	el.appendChild(document.createTextNode(content));
	$(parent).appendChild(el);
}

Et donc, là lors de mon premier alert, il m'indique bien que ma value est vide, et lors du deuxième alert, il m'affiche bien que la value vaut toto, cependant lorsque IE affiche mon textarea, il m'affiche tototest.

Donc en faites je ne comprend pas d'où peux venir le problème :s
Et si par exemple, je garde la variable content sans la déclarer à nouveau dans la fonction, elle s'affichera alors deux fois, par exemple si content valais toto et que je ne la re-définie pas, alors dans la value j'aurai eut totototo, et je ne comprend vraiment pas, car lorsque je fais une alert, il m'affiche bien une seule fois toto, et le code marche parfaitement pour FF et Opera :s

Voila, merci d'avance et bonne soirée

**htr999** · 21/03/2008, 22h15

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
 
function createTextarea(parent,id,content,cols,source){
	content = "test";
	var el = document.createElement('textarea');
	alert(el.innerHTML);
	if(navigator.appName == "Microsoft Internet Explorer"){
 
		el.id = id;
		alert("Avant = "+el.value);
		el.value = "toto";
		alert("Après = "+el.value);
		el.cols = cols;
		el.onkeyup = function(){adaptRows(this);exit(event,source);this.value = $('edition').value;}
	}else{
		alert("On rentre ici");
		el.setAttribute('id',id);
		el.setAttribute('value',content);
		el.setAttribute('cols',cols);
		el.setAttribute('onkeyup',"adaptRows(this);exit(event,'"+source+"');");
	}
	el.appendChild(document.createTextNode(content));
	$(parent).appendChild(el);
}

après les tests, je m'aperçois que IE ne prend pas en compte el.value = "toto";
le fait que IE donne tototest c'est parce que tu as ajouté

Code :

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

el.appendChild(document.createTextNode(content));

à la 2eme ligne du bas.

j'ai inventé moi-même du code dans Body pour le test. essaie cela

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
<html>
<head>
<script>
function createTextarea(parent,id,content,cols,source){
	var el = document.createElement('textarea');
	if(navigator.appName == "Microsoft Internet Explorer"){
		el.id = id;
		el.value = content;
		el.cols = cols;
		el.onkeyup = function(){adaptRows(this);exit(event,source);this.value = $('edition').value;}
	}else{
		el.setAttribute('id',id);
		el.appendChild(document.createTextNode(content));
		el.setAttribute('cols',cols);
		el.setAttribute('onkeyup',"adaptRows(this);exit(event,'"+source+"');");
	}
	//el.appendChild(document.createTextNode(content));
 
	elemParent = document.getElementById("parent");
	elemParent.appendChild(el);
	alert(elemParent.innerHTML);
}
</script>
</head>
 
<body>
	<div id="parent"></div>
	<script>
		createTextarea("parent","nono","toto",5,"none");
	</script>
</body>
</html>

A+

**Molos** · 21/03/2008, 22h37

Merci beaucoup, cette solution marche parfaitement pour IE

Mais hélas pour FF et Opera il semblerait que sa soit obligatoire de mettre : el.appendChild(document.createTextNode(content)); car sinon il ne m'affiche pas de contenu dans mon textarea, ce qui donne donc au finale :

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
 
function createTextarea(parent,id,content,cols,source){
	var el = document.createElement('textarea');
	el.setAttribute('id',id);
	el.setAttribute('cols',cols);
	if(navigator.appName == "Microsoft Internet Explorer"){
		el.setAttribute('value',content);
		el.onkeyup = function(){adaptRows(this);exit(event,source);this.value = $('edition').value;}
	}else{
		el.appendChild(document.createTextNode(content));
		el.setAttribute('onkeyup',"adaptRows(this);exit(event,'"+source+"');");
	}
	$(parent).innerHTML += "Contenu supplémentaire <br />";
	$(parent).appendChild(el);
}

Et encore merci htr999 pour la solution pour IE

[IE]Ajout de texte dans une value

JavaScript

Discussions similaires

Partager

Partager