mouse over native sur balise option est inexistant sur fichier HTA

Version imprimable

10/02/2017, 09h53
patricktoulon

1 pièce(s) jointe(s)

mouse over native sur balise option est inexistant sur fichier HTA

Bonjour a tous

toujours pour mon WYSIWYG perso je rencontre une nouvelle bizarrerie

quand je sauve le code en fichier HTML j'ai le mouse over sur balise OPTION mais quand je suis en HTA je ne l'ai plus
quelqu'un aurait une idée du pourquoi et comment y remédier

démo animée
Pièce jointe 243048
12/02/2017, 20h01
NoSmoking

Bonjour,
il n'y a aucune raison. Ton soucis doit être ailleurs !

Ps: je viens de faire un test rapide et pour moi c'est OK.
12/02/2017, 20h30
patricktoulon

2 pièce(s) jointe(s)

re

re
oui difficile de dire ou ca bug car le même code a la virgule pres dans un fichier html en local je l'ai le mouse over natif

et même quand je style cet évènement dans la balise "<STYLE>" j'ai bon dans le html mais rien dans le hta
Pièce jointe 243834

le même dans un html

Pièce jointe 243840

très bizarre cela :calim2:

pour le moment c'est un moindre mal je galère assez a séparer les évènement d'une même balise select sur ces options

je ne clos pas le sujet au cas ou quelqu'un puisse m'apporter une réponse ;)
13/02/2017, 14h15
NoSmoking

Est ce que tu as au moins accès à la barre de scroll quand celle-ci existe ?
13/02/2017, 14h53
patricktoulon

1 pièce(s) jointe(s)

re pour la scroll

re
oui j'ai bien la possibilité de manipuler la scroll da la balise
Pièce jointe 244095
14/02/2017, 19h11
NoSmoking

Pas de bille pour répondre/conclure mais comment est géré le changement de couleur au survol, javascript, CSS ... conflit de classe ...
14/02/2017, 19h17
patricktoulon

re

re ben en fait je me contenterais de l'effet natif mais lui je ne l'ai pas en hta
la seule classe que j'ai pour la liste c'est en css

Code:

.selects{margin-top:-10px;background-color:#ACC3CB;position: relative; z-index: 23;width:150px;font-size:15px;}

et c'est tout
en javascript seul le change de la balise select est géré
c'est pour ca que c'est un énigme pour moi

Un essai simple qui fonctionne en HTA

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>option:hover</title>
<HTA:APPLICATION 
     ID="option:hover"
     APPLICATIONNAME="option:hover"
     SINGLEINSTANCE="yes"
>
<style>
.format {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.format:hover > select {
  display: block;
}
.format select {
  display: none;
  position: absolute;
  top: 100%;  
} 
option:hover {
  background-color: #abc;
}
.btn {
  padding: .25em;
  border: 1px solid #888;
  font-weight: 700;
}
</style>
</head>
 
<body>
<div class="format">
  <div class="btn">Hx</div>
  <select class="selects" size="6">
    <option selected="">Titre&nbsp; H1</option>>
    <option>Titre&nbsp; H2</option>
    <option>Titre&nbsp; H3</option>
    <option>Titre&nbsp; H4</option>
    <option>Titre&nbsp; H5</option>
    <option>Titre&nbsp; H6</option>
  </select>
</select>
</div>
</body>
</html>

il y a un loup ailleurs !

14/02/2017, 19h50
patricktoulon

re

re
je vais tester mais pour le moment je suis sur les slider a la noix je pense que je vais prendre une autre voix car il sont pas stylable en terme de height
je suis en train de regarder un peu du coté de la balise meter ou progress elle m'on l'air plus abordables