Discussion :

[frboyer]

Bonjour à tous,
je fais un site en ce moment en html, php et javascript , tout allait bien jusqu'au moment où j'ai testé sur internet explorer.

certains input textes créés dynamiquement par javascript ne veulent pas s'afficher. voila le bout de code :

Code :

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

1
2
			if(!document.getElementById('longueur') && !document.getElementById('largeur'))
				document.getElementById("cryptage2").innerHTML = '<label id="label1">Pool length</label> <input type="text" id="longueur" name="longueur" value="in m" onFocus="fonctionFocus(this);"></br></br>   <label id="label2">Pool width</label> <input type="text" name="largeur" id="largeur" value="in m" onFocus="fonctionFocus(this);" ">';

en gros je teste si les champs existent déja et s'ils n'existent pas je remplis le innerHTML avec 2 label et 2 input text.
à l'affichage sur internet explorer les 2 labels très bien mais pour les input seul le premier s'affiche.
Je précise si besoin que ce code est une fonction qui est appelé lors de la sélection d'un bouton radio.
je vous met aussi le bout de code css de la div concernée :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
#cryptage2
{
   background: #0040B0;
   border: 1px  #677D92;
   width:25%;
   position: absolute;
   left: 50.4%;
   top: 30%;
   text-align : center;
   border-radius: 10px;
}

dans le contenu HTML la div est présenté tout simplement comme suit

Code :

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

1
2
3
<div id="cryptage2">
 
		</div>

non remplie, seulement par javascript.

je pense pas que ca soit ça qui pose problème puisque elle s'affiche au bon endroit mais bon.

j'ai d'autres problemes d'affichages foireux avec mes div css mais au moins elles s'affichent

Je vous remercie de votre aide

[Bovino]

Code :

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

</br></br>

Code :

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

<br /><br />

[frboyer]

merci j'ai testé mais aucune différence le 2eme input ne s'affiche pas

[andry.aime]

1-Les balises input doivent être fermé ou auto-fermante.
2-Il y a un double guillemet en trop sur le second input.

Code :

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

document.getElementById("cryptage2").innerHTML = '<label id="label1">Pool length</label> <input type="text" id="longueur" name="longueur" value="in m" onFocus="fonctionFocus(this);" /></br></br>   <label id="label2">Pool width</label> <input type="text" name="largeur" id="largeur" value="in m" onFocus="fonctionFocus(this);" />';

A+.

[frboyer]

d'accord il suffisait d'etre rigoureux ,firefox est moins exigent je m'y suis habitué.
merci beaucoup en tout cas andry.aime