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