Un label dynamique qui ne se voit pas

**patricktoulon** · 14/02/2017, 11h51

Bonjour a tous
toujours dans mes péripéties je rencontre a nouveau un soucis
cette fois ci avec un label ajouté dynamiquement

le problème est simple il ne se voit pas

il est pourtant bien la dans l'inspecteur de document

Nom : Capture.JPG
Affichages : 313
Taille : 125,0 Ko

si quelqu'un a la réponse je veux bien la connaitre
merci

**SpaceFrog** · 14/02/2017, 11h59

installe l'addon tilt3D

tu retrouvera ton label ...

**patricktoulon** · 14/02/2017, 12h04

re
bonjour spacefrog

ca fonctionne pour IE aussi??? car Firefox j'en veux pas in pilotable en externe a part avec sélénium qui est plus que bancale

**SpaceFrog** · 14/02/2017, 12h14

Après faut utiliser les bons outils ...
Se cantonner à IE ...

**patricktoulon** · 14/02/2017, 12h19

re

et oui mais il faut pas oublier que le hta ou même le activX est issue de sa librairie Firefox propose quedal dans le genre
de toute façon c'est pas le débat mon label et input range sont nickels quand ils sont écris en dur dans le code html même en hta/html/activX mais pas en dynamique c'est la qu'il faut chercher

**SpaceFrog** · 14/02/2017, 12h22

Oui que des trucs inutiles ou dangereux ... mais là n'est pas le débat.

colle un z-index a ton label a mon avis il est enterré sous les reste ou décalé hors de l'écran

**patricktoulon** · 14/02/2017, 13h11

re
pour être sur j'ai tout supprimer a part le createElement pour le label et le input range

mis le zindex a 100 pour être sur
rien y fait
j'avais moins de soucis avec IE10 perso

**patricktoulon** · 14/02/2017, 13h34

c'est bon j'ai trouvé!!!!!!!!

il faut créer le input ensuite créer le label sinon son atributte"for" est caduque et on appendchid les deux en dernier

non de dieu de dieu !!!!
ok it's great youpi tralala on peut poursuivre enfin
c'est toi qui m'a mis la puce a l'oreille avec ton zindex meme si cela n'avait rien a voir il y a quand même une histoire d'ordre dans la hiérarchie en dynamique qui est visiblement l'inverse de celle écrite en dur
sujet clos
merci beaucoup

**patricktoulon** · 14/02/2017, 14h01

re
et M....e!!!!!
et bien non ce marche plus des que je l'applique dans mon WysiWig

pour etre sur j'ai fait un test en hta et html avec ce code

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
24
25
26
27
28
29
30
31
<!doctype html5>
<html lang="fr">
<head>
 <!meta charset="utf-8">
  <title>patrick WYSIWYG html </title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<script  type= "text/javascript">
function ajoute(){
var d=document.getElementById("conteneur")
var newlabel = document.createElement("Label");
newlabel.setAttribute("for","slidebord");
newlabel.innerText = "epaisseur du trait";newlabel.style.backgroundcolor="red";
newlabel.style.zIndex = "0";
d.appendChild(newlabel);
 
var x = document.createElement("INPUT");x.setAttribute("type", "range"); x.min=0;x.max=30;x.value=0;x.id="slidebord";x.style.zIndex = "99";
d.appendChild(x);
}
</script>
</head>
<body>
<div id="conteneur">
<p> les element ci dessous sont ecrit en dur dans le code html</p>
<label for="champ1">Modifier la grosseur du trait</label>
<input name="range" id="champ1" type="range">
<p></p>
<p>cela sont ajoué dynamiquement</p>
<script>ajoute();</script>
</div>
</body>
</html>

j'ajoute les element dans le div conteneur qui est ecrit en dur dans le HTML

dans mon WisiWig meme le div conteneur est dynamique
j'ai tout virer pour éviter les erreurs
code wisiwig

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
//******************************************** creation du menu div
if (barreg[i][e][1]=="insertdiv"){
bout.addEventListener("click", function() { document.getElementById("menudiv").style.visibility="visible";});
var pal=document.createElement("DIV");pal.className="palettecouleur";pal.id="menudiv";pal.style.height="250px";pal.style.width="600px";pal.style.visibility="hidden";
//var b=document.createElement("Button");b.id="ferme";b.className="btclose";b.innerText="X";
//b.addEventListener("click",function() { this.parentElement.style.visibility="hidden";});
//pal.appendChild(b);
//var bt=document.createElement("BUTTON");bt.innerText="Ajouer un div";bt.style.width="15px%";bt.style.height="35px";bt.className="rad";
//bt.addEventListener("click",function() {this.parentElement.style.visibility="hidden"; insertdiv();});
//pal.appendChild(bt);
//fonction bordurer
divsub.appendChild(pal);
var d=document.getElementById("menudiv")
var x = document.createElement("INPUT");x.setAttribute("type", "range"); x.min=0;x.max=30;x.value=0;x.id="slidebord";x.style.zIndex = "99";
d.appendChild(x);
var newlabel = document.createElement("Label");
newlabel.setAttribute("for","slidebord");
newlabel.innerText = "Epaisseur du trait : ";
newlabel.style.zIndex = "1";
d.appendChild(newlabel);
}
//*****************************************fin de  creation du menu div

voila ce que j'obtient avec le div en dur a gauche et mon w... a droite je pige plus quedale!!!

Nom : Capture.JPG
Affichages : 256
Taille : 82,8 Ko

**patricktoulon** · 14/02/2017, 14h31

re
bon j'ai tout tester avec tout les éléments dynamiques et cela a fonctionné
il me fut évident a lors que ca venait de quelque part dans mon code
je me suis dit mais bon sang même vide le conteneur ne reçois pas le label c'est fou

il ne me restait plus qu'une solution
remonter j'jusqu'à la balise style !!!

paff!!!!! espèce de C..!!! que je suis !!!!!

voila ma ligne de style pour le div conteneur tu va comprendre tout de suite

j'avais mis 0 pour les espaces indésirable (astuce courante)

Code :

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

.Frad .palettecouleur{font-size:0;margin-top:-10px;HEIGHT:185px;width:145px;border:1px solid #607F94;position: relative; z-index: 23;background-color:#ACC3CB;}