11499 sujets

JavaScript, DOM et API Web HTML5

Utiliser un pseudo element comme déclencheur

Bonsoir,

J'ai une DIV, j'aimerais y appliquer une action, qui consisterais avec du javascript, de l'ouvrir en cliquant sur un lien, et de la fermer en cliquant sur le me^me lien comme un toggle donc.

Mais je ne veux pas modifier la partie HTML, donc j'ai pensé à ajouter en CSS un text avec le pseudo-element "after" par exemple sur la div concerné, et en utilisent du javascript, pouvoir agir sur cette div grace à mon AFTER.

Ma question, est ce possible?

Car j'ai essayer différentes méthode en utilisent du jquery, et j'ai pas réussi à quoi que ce soit, je commence à me dire que ça n'est pas possible et que je doivent créer un lien en HTML directement en oublient de l'ajouter en CSS.
salut,
ce n'est pas possible vu que ":after" est du contenu généré et ne fait partie du DOM. Donc laisse tomber cette voie.
Tant mieux que ce n'est pas possible, ça ne serait pas très bon du point de vue de l'accessibilité de toute manière.

La propriété CSS Content n'est pas rendue par tous les lecteurs d'écran, donc il vaut mieux l'éviter.
Administrateur
Bonjour,

pourquoi ne pas modifier le code HTML en JavaScript ? Ça peut être du texte ou un élément enfant.
tazzkiller a écrit :
si tu veux essayer j'ai creer un petit plug in qui permet de gerer un toggle par le biais de jquery a partir d'une classe.. https://gist.github.com/tazzkiller/7098194

et pour l'exemple :
http://jsfiddle.net/2JyFe/2/
Merci mais j'utilise déjà ce type d'action en javascript, ce que je voulais savoir visais un pseudo element, et on m'a répondu.

Et pour répondre sur la question accessibilité, il faudrait savoir à quoi cela servirais et surtout à qui, non? Ce qui n'est pas la question ici.
Sujet clos
Aller à