input et innerHTML

Version imprimable

input et innerHTML

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:

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> </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.

15/05/2013, 15h44
SpaceFrog

tu penses qu'un input poss�de un innerHTML ???
15/05/2013, 15h44
vermine

Salut,

Qu'essaies-tu de faire exactement ? Un innerHTML sur un input de type text me semble compromis.
15/05/2013, 15h57
pc75

Re,

Merci de vos r�ponses.

Je suis nul en js.

Dans mon exemple, je construit cette chaine :

Citation:

'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.
15/05/2013, 15h59
Bovino

Une zone de saisie ne peut pas contenir de code HTML... :roll:
15/05/2013, 16h00
pc75

Re,

Il n'existe aucun moyen de r�aliser ce que je souhaite ?
15/05/2013, 16h01
SpaceFrog

si mais avec insertBefore() ...
15/05/2013, 16h03
Bovino

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...
15/05/2013, 16h12
SpaceFrog

ben si un insertAfter sur le nextSibling de l'input
et l� tu ins�res une blaise avec ton code html ...
15/05/2013, 16h16
Bovino

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. :)

Citation:

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".
15/05/2013, 16h24
SpaceFrog

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 ...

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:

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>

15/05/2013, 16h33
SpaceFrog

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