Un label dynamique qui ne se voit pas

Version imprimable

14/02/2017, 10h51
patricktoulon

1 pièce(s) jointe(s)

Un label dynamique qui ne se voit pas

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 :lol: il est pourtant bien la dans l'inspecteur de document

Pièce jointe 244451

si quelqu'un a la réponse je veux bien la connaitre
merci
14/02/2017, 10h59
SpaceFrog

installe l'addon tilt3D

https://youtu.be/6n46H3CgKA8&rel=0

tu retrouvera ton label ...
14/02/2017, 11h04
patricktoulon

re

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
14/02/2017, 11h14
SpaceFrog

Après faut utiliser les bons outils ...
Se cantonner à IE ...
14/02/2017, 11h19
patricktoulon

re

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
14/02/2017, 11h22
SpaceFrog

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
14/02/2017, 12h11
patricktoulon

re

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
14/02/2017, 12h34
patricktoulon

re

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

1 pièce(s) jointe(s)

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:

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:

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

Pièce jointe 244500

14/02/2017, 13h31
patricktoulon

re

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 :ptdr:

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

Code:

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

purée dire que je plombe la dessus depuis hier 22heures en ayant un peu dormis quand même hein faut pas pousser ;)
allez cette fois ci je sais pourquoi donc résolu
merci spacefrog:ccool:
14/02/2017, 18h30
NoSmoking

Bonjour,

Citation:

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

sûrement la « pire » et la moins pérenne ;)