Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript Comment mettre 1 main sur liste + bouton ???

Comment mettre 1 main sur liste + bouton ???

18 réponses
Avatar
X
Bonjour,

Sur une liste de ce style:

<select name="D1"
onclick="document.location.href=this.value;"
<optgroup style="color:#000000" label="BUREAUTIQUE"> </optgroup>
<option value

-1--> Sauf sur les optgroup, comment mettre une petite main (type windows)
???

-2--> Idem sur le boutons <Input>, comment faire ???

Merci.
--
ECRIRE
http://irolog.free.fr/ecrire/index.htm

LOGICIELS
http://irolog.free.fr

SITE
http://irolog.free.fr/joe/index.htm

FAQ VB
http://faq.vb.free.fr

PRINCIPE D'UTILISATION DES NEWSGROUPS MICROSOFT
http://support.microsoft.com/directory/worldwide/fr/newsgroup/regles.htm
********************************************************
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2
Avatar
O.L.
X a formulé ce dimanche :
Bonjour,

Sur une liste de ce style:

<select name="D1"
onclick="document.location.href=this.value;"
<optgroup style="color:#000000" label="BUREAUTIQUE"> </optgroup>
<option value

-1--> Sauf sur les optgroup, comment mettre une petite main (type windows)
???


<option style="cursor:hand;" ...
Ou peut être :
<select style="cursor:hand;" ...

-2--> Idem sur le boutons <Input>, comment faire ???


<input style="cursor:hand;" ...

@+
Olivier

Avatar
YD

<option style="cursor:hand;" ...
<select style="cursor:hand;" ...
<input style="cursor:hand;" ...


Non pas "cursor: hand" mais "cursor: pointer".
hand c'est du IE4 ou 5. Si on veut faire exhaustif (mais
non conforme) "cursor: pointer; cursor: hand;".

--
Y.D.

Avatar
O.L.
YD a formulé la demande :

<option style="cursor:hand;" ...
<select style="cursor:hand;" ...
<input style="cursor:hand;" ...


Non pas "cursor: hand" mais "cursor: pointer".
hand c'est du IE4 ou 5. Si on veut faire exhaustif (mais
non conforme) "cursor: pointer; cursor: hand;".


Ah ! J'apprend des choses :)
Je croyais que pointer c'était pour le pointeur normal (flèche).
Merci ! ;)


Avatar
YD

Ah ! J'apprend des choses :)
Je croyais que pointer c'était pour le pointeur normal (flèche).
Merci ! ;)


La référence (traduction française), § sur les curseurs :
<http://www.yoyodesign.org/doc/w3c/css2/ui.html#cursor-props>

--
Y.D.

Avatar
X
Bonjour, merci, mais ça ne marche pas dans la "liste", je dois mal
le placer, faute de connaître la syntaxe, voici ce que je fais (je devrais
avoir la "main")

<option value="http://irolog.free.fr/agenda/index.htm"
option style="cursor:hand">
AGENDA calendrier planificateur, alarme</option>

Comment faire stp :o) ???
---------------




"O.L." a écrit dans le message de news:

|X a formulé ce dimanche :
| > Bonjour,
| >
| > Sur une liste de ce style:
| >
| > <select name="D1"
| > onclick="document.location.href=this.value;"
| > <optgroup style="color:#000000" label="BUREAUTIQUE"> </optgroup>
| > <option value
| >
| > -1--> Sauf sur les optgroup, comment mettre une petite main (type
windows)
| > ???
|
| <option style="cursor:hand;" ...
| Ou peut être :
| <select style="cursor:hand;" ...
|
| > -2--> Idem sur le boutons <Input>, comment faire ???
|
| <input style="cursor:hand;" ...
|
| @+
| Olivier
|
|
Avatar
X
Bonjour, merci, mais ça ne marche pas dans la "liste", je dois mal
le placer, faute de connaître la syntaxe, voici ce que je fais (je devrais
avoir la "main")

<option value="http://irolog.free.fr/agenda/index.htm"
option style="cursor:hand">
AGENDA calendrier planificateur, alarme</option>

Comment faire stp :o) ???
---------------




"YD" a écrit dans le message de news:
4340dcff$0$5378$
|
| > <option style="cursor:hand;" ...
| > <select style="cursor:hand;" ...
| > <input style="cursor:hand;" ...
|
| Non pas "cursor: hand" mais "cursor: pointer".
| hand c'est du IE4 ou 5. Si on veut faire exhaustif (mais
| non conforme) "cursor: pointer; cursor: hand;".
|
| --
| Y.D.
|
Avatar
X
Par contre dans le bouton ça marche super !!!

<input
type=button
value="Favoris"
OPTION STYLE="CURSOR:HAND"
style="background:#33ccff"
onClick="document.location.href='javascript:addbookmark()'";>

Mais ça marche pas dans la liste ???
------------ :o)





"O.L." a écrit dans le message de news:

|X a formulé ce dimanche :
| > Bonjour,
| >
| > Sur une liste de ce style:
| >
| > <select name="D1"
| > onclick="document.location.href=this.value;"
| > <optgroup style="color:#000000" label="BUREAUTIQUE"> </optgroup>
| > <option value
| >
| > -1--> Sauf sur les optgroup, comment mettre une petite main (type
windows)
| > ???
|
| <option style="cursor:hand;" ...
| Ou peut être :
| <select style="cursor:hand;" ...
|
| > -2--> Idem sur le boutons <Input>, comment faire ???
|
| <input style="cursor:hand;" ...
|
| @+
| Olivier
|
|
Avatar
X
Par contre dans le bouton ça marche super !!!

<input
type=button
value="Favoris"
OPTION STYLE="CURSOR:HAND"
style="background:#33ccff"
onClick="document.location.href='javascript:addbookmark()'";>

Mais ça marche pas dans la liste ???
------------ :o)





"YD" a écrit dans le message de news:
4340dcff$0$5378$
|
| > <option style="cursor:hand;" ...
| > <select style="cursor:hand;" ...
| > <input style="cursor:hand;" ...
|
| Non pas "cursor: hand" mais "cursor: pointer".
| hand c'est du IE4 ou 5. Si on veut faire exhaustif (mais
| non conforme) "cursor: pointer; cursor: hand;".
|
| --
| Y.D.
|
Avatar
ASM
Par contre dans le bouton ça marche super !!!


Chaque navigateur a sa méthode pour afficher les selects et options
à mon idée, théoriquement ces bazars sont plus gérés à travers
l'interface du système (Windows, Mac Os, ...) qu'à travers l'interface
du navigateur.

Grosso modo : on ne peut pas beaucoup bricoler ces selects
c'est ainsi que le seul à permettre qques fantaisies chez moi est FF
Opera, iCab, Safari et IE continuent chacun avec leurs trucs à eux
(différent de l'un à l'autre)


Voici le test :

<html>
<style type="text/css">
option { background: #ffc; color: maroon; margin: 4px 0; }
/* le survol comme le focus sont ignorés pour les couleurs
c'est le système (et ses régalges) qui prend la main
mais le cursor montre bien la petite menote au survol
tout ceci uniquement avec FireFox */
option:hover { background:#ff9; cursor: pointer; cursor: hand;}
option:focus { background: yellow; color: black }
optgroup { background: #999; color: blue; }
</style>
<form>
<select tabIndex="0">
<optgroup label="BUREAUTIQUE">
<option>truc 1
<option>truc 2
<option>truc 3
<option>truc 4
</optgroup>
<optgroup label="THEMATIQUE">
<option>machin 1
<option>machin 2
<option>machin 3
<option>machin 4
</optgroup>
</select>
</form>
</html>

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
Cenekemoi
Par contre dans le bouton ça marche super !!!

<input
type=button
value="Favoris"
OPTION STYLE="CURSOR:HAND"


Notez que le seul bon attribut compatible W3C (donc pour IE *ET* FF) est
:

...STYLE="CURSOR:POINTER;"

--
Cordialement, Thierry ;-)

1 2