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