22-01-2009, 08:26 PM
coucou, je suis en train de me dire que j'ai fait une grosse cagade mais pas sur... donc j'aimerais avoir vos avis
je développe avec du javascript et de la gestion d'événement
et je crée des images clicables. Pour ce faire j'utilise le format
<a id="id" href="#toto"><img ..../></a>
je colle un événement sur la balise <a> et c'est parti.
j'ai fait ainsi dans une vision "accessibilité" : le <a> indicant qu'on peut cliquer. (bon mon site ne doit pas du tout être acccessible par un non voyant donc pas sur que ce soit si pertinent que cela mais voilà, les premiers posts de keke m'avaient sensibilisé, et j'ai tordu ça à ma sauce)
mais bon accessible ou pas, le système marche, j'ajoute un événement sur la balise <a> en initialisation de page, et lorsque le gestionnaire d'événément se déclenche, il se déclenche sur l'image (principe de bouillonnement je crois)
je me déplace donc dans le dom pour capter l'id de la balise <a> (soit le père de la balise <img>)
mais voilà... sous ff3 (et probablement d'autres) je me suis aperçu hier que je pouvais cliquer sur l'image mais aussi sur un pixel autour de l'image
or... quand je clique autour, je ne suis pas sur l'image mais sur le <a> ce qui me plante.. (car je cherche le père de la balise cliquée, donc le père de <a> et non <a>)
ainsi j'ai un traitement particulier pour ce cas mais je ne trouve pas cela propre. je me demandais donc si j'avais le droit d'utiliser directement l'image comme zone clicable (ajout de l'image dans le gestionnaire d'événement) sachant qu'il me faudrait rajouter dans la balise des id et classes.
<img id="toto" class="tutu titi" src..../>
est ce que c'est possible, propre, etc... ? ou vaut il mieux rester avec ma balise <a> et traiter l'exception du contour en javascript ?
ps si vous savez comment rajouter en css (si je survole la zone alors ej change d icone) ce serait sympa de me le filer ^^
je développe avec du javascript et de la gestion d'événement
et je crée des images clicables. Pour ce faire j'utilise le format
<a id="id" href="#toto"><img ..../></a>
je colle un événement sur la balise <a> et c'est parti.
j'ai fait ainsi dans une vision "accessibilité" : le <a> indicant qu'on peut cliquer. (bon mon site ne doit pas du tout être acccessible par un non voyant donc pas sur que ce soit si pertinent que cela mais voilà, les premiers posts de keke m'avaient sensibilisé, et j'ai tordu ça à ma sauce)
mais bon accessible ou pas, le système marche, j'ajoute un événement sur la balise <a> en initialisation de page, et lorsque le gestionnaire d'événément se déclenche, il se déclenche sur l'image (principe de bouillonnement je crois)
je me déplace donc dans le dom pour capter l'id de la balise <a> (soit le père de la balise <img>)
mais voilà... sous ff3 (et probablement d'autres) je me suis aperçu hier que je pouvais cliquer sur l'image mais aussi sur un pixel autour de l'image
or... quand je clique autour, je ne suis pas sur l'image mais sur le <a> ce qui me plante.. (car je cherche le père de la balise cliquée, donc le père de <a> et non <a>)
ainsi j'ai un traitement particulier pour ce cas mais je ne trouve pas cela propre. je me demandais donc si j'avais le droit d'utiliser directement l'image comme zone clicable (ajout de l'image dans le gestionnaire d'événement) sachant qu'il me faudrait rajouter dans la balise des id et classes.
<img id="toto" class="tutu titi" src..../>
est ce que c'est possible, propre, etc... ? ou vaut il mieux rester avec ma balise <a> et traiter l'exception du contour en javascript ?
ps si vous savez comment rajouter en css (si je survole la zone alors ej change d icone) ce serait sympa de me le filer ^^