input et innerHTML

**pc75** · 15/05/2013, 15h40

Bonjour,

Ca va faire plus d'une heure que je bute sur un bout de code javascript qui ne me parait pas du tout compliqué, mais je dois rater quelque chose.

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
 
<HTML>
<HEAD>
 
<Script Type="Text/JavaScript">
function go()
	{
	var toto = document.getElementById("txtTexte");
	document.getElementById('txtTexte').innerHTML='petit <LABEL style="BACKGROUND-COLOR: rgb(255,172,172);">dddd</LABEL> grand';
	}
</Script>
 
</HEAD>
<BODY onload="go()">
 
<input type="text" name="txtTexte" id="txtTexte" size="100" value="">
 
<P>&nbsp;</P>
 
</BODY>
</HTML>

Il me met "Erreur d'exécution inconnue" sur la ligne 9

Si quelqu'un pouvait m'expliquer où je fais une boulette ?

Merci.

**SpaceFrog** · 15/05/2013, 15h44

tu penses qu'un input possède un innerHTML ???

**vermine** · 15/05/2013, 15h44

Salut,

Qu'essaies-tu de faire exactement ? Un innerHTML sur un input de type text me semble compromis.

**pc75** · 15/05/2013, 15h57

Re,

Merci de vos réponses.

Je suis nul en js.

Dans mon exemple, je construit cette chaine :

'petit <LABEL style="BACKGROUND-COLOR: rgb(255,172,172);">dddd</LABEL> grand'

Et je voudrais qu'il m'affiche dans une zone de saisie (input, textarea,...) le mot "petit" suivi du mot "ddd" sur fond rouge, suivi du mot "grand".

Merci.

**Bovino** · 15/05/2013, 15h59

Une zone de saisie ne peut pas contenir de code HTML...

**pc75** · 15/05/2013, 16h00

Re,

Il n'existe aucun moyen de réaliser ce que je souhaite ?

**SpaceFrog** · 15/05/2013, 16h01

si mais avec insertBefore() ...

**Bovino** · 15/05/2013, 16h03

Bah non Spaffy... Il n'est pas possible de mettre des balises dans une zone de saisie ni de mettre un style à une portion du texte...

**SpaceFrog** · 15/05/2013, 16h12

ben si un insertAfter sur le nextSibling de l'input
et là tu insères une blaise avec ton code html ...

**Bovino** · 15/05/2013, 16h16

Oui, mais ce qu'aurait voulu pc75, serait d'insérer le code HTML dans un input et que ce code soit interprété. Et ça, c'est pas possible.

je voudrais qu'il m'affiche dans une zone de saisie (input, textarea,...) le mot "petit" suivi du mot "ddd" sur fond rouge, suivi du mot "grand".

**SpaceFrog** · 15/05/2013, 16h24

ha... :red: je n'avais pas compris ça ...

il faudrait avoir un span avec un input hidden
le span prenant le code html ...
et le hidden la value ...

**pc75** · 15/05/2013, 16h28

Re,

J'ai un peu modifié mon code.
Je n'ai plus d'erreur, mais le mot "dddd" n'est pas sur fond rouge !

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
<HTML>
<HEAD>
 
<Script Type="Text/JavaScript">
function go()
	{
	tempspan=document.createElement('span');
	tempspan.innerHTML='petit <LABEL style="BACKGROUND-COLOR: rgb(255,172,172);">dddd</LABEL> grand';
	montexte = tempspan.innerText;
	document.form1.txtTexte.value = montexte;
 
	}
</Script>
 
</HEAD>
<BODY onload="go()">
<form name="form1">
<input type="text" name="txtTexte" id="txtTexte" size="100">
</form>
<P>&nbsp;</P>
 
</BODY>
</HTML>

**SpaceFrog** · 15/05/2013, 16h33

a priori tu as mal lu les réponses ou tu ne les a pas comprises ...

On t'a dit que le contenu d'un input n'était pas interprété comme du html ! le style s'applique à l'ensemble du value de l'input, tu ne peux pas avoir du style à l'intérieur

input et innerHTML

JavaScript

Discussions similaires

Partager

Partager