11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

Je n'y connais pas grand chose (rien) et je souhaitais simplement modifier un menu que j'utilise sur une page html5.

Je souhaitais m'assurer que la méthode que je souhaite utiliser en remplacement est suffisamment propre et cohérente pour les navigateurs récents :

Le menu d'origine qui affiche une "case à cocher cliquable" et lance une action ajax:

<input  type="checkbox" name="monaction" id="monaction" onClick="handlemonaction(this);">monaction


Je souhaiterais plutôt utiliser un bouton cliquable:

<label for="monaction"><img src="/imagr/monaction.png" alt="monaction" height="20" width="100"><input  type="checkbox" name="monaction" id="monaction" onClick="handlemonaction(this);"></label>


Mais sans afficher la case à cocher qui ne servirait plus en raison de la présence du bouton

Là, je n'ai pour l'instant que trouvé à masquer celle-ci par la css en "display: none;" mais je trouve cela un peu sineux et tordu comme méthode Smiley confused

Cela semble fonctionner mais la méthode et le style sont-ils corrects et comment se passer de la case à cocher ...

Merci pour vos infos
Amicalement
Benoit
Modifié par benoit* (18 Dec 2011 - 10:53)
Bonjour,

tu as plusieurs possibilités comme valeur de type, pas uniquement "checkbox" pour ton élément input. essaies button ou submit, ou pourquoi pas image (puisque tu as une image = monaction.png).
Bonjour,

Merci pour cette piste, je viens d'essayer en vain.
Je pense que la fonctionnalité JavaScript liée présente une particularité que je ne connais pas

Amicalement
Bonjour,
celait serait avec plaisir mais il fait 3 pages en compressé et je ne sais pas où est la fonction liée Smiley decu je vais bien chercher
Amicalement