Rendre cliquable un élément :before
Résolu/Fermé
barale61
Messages postés
1205
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
10 mars 2023
-
Modifié par barale61 le 28/09/2015 à 18:58
barale61 Messages postés 1205 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 10 mars 2023 - 2 oct. 2015 à 19:20
barale61 Messages postés 1205 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 10 mars 2023 - 2 oct. 2015 à 19:20
A voir également:
- Rendre cliquable un élément :before
- Image cliquable html ✓ - Forum Internet / Réseaux sociaux
- Inspecter l'élément safari ✓ - Forum MacOS
- Pdf element - Télécharger - PDF
- Rendre un fichier moins volumineux - Guide
- Impossible de copier car cet élément est trop volumineux pour le format du volume - Forum MacOS
2 réponses
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
546
Modifié par Pitet le 29/09/2015 à 15:44
Modifié par Pitet le 29/09/2015 à 15:44
Salut,
La pseudo-classe before permet seulement d'ajouter du contenu (via la propriété content), mais ce contenu ne peut pas être une balise html donc il n'est pas possible de le rendre cliquable.
Tu peux par contre encapsuler ton élément .music dans une balise cliquable, le contenu ajouté avec before sera donc lui aussi cliquable, par exemple :
Bonne journée
La pseudo-classe before permet seulement d'ajouter du contenu (via la propriété content), mais ce contenu ne peut pas être une balise html donc il n'est pas possible de le rendre cliquable.
Tu peux par contre encapsuler ton élément .music dans une balise cliquable, le contenu ajouté avec before sera donc lui aussi cliquable, par exemple :
<a href="#" class="music">Musique</a> <!-- ou --> <a href="#"><div class="music"></div></a> <!-- ou --> <button class="music">Musique</button> <!-- ou --> <button><div class="music"></div></button>
Bonne journée
barale61
Messages postés
1205
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
10 mars 2023
109
2 oct. 2015 à 19:20
2 oct. 2015 à 19:20
Merci pour vos réponses j'ai donc fait:
function sous_menu() {
var sous_menu = document.getElementById('sous_menu');
var btn_plus = document.getElementById('btn_plus')
var btn_moins = document.getElementById('btn_moins')
if (sous_menu.style.display == 'none' || sous_menu.style.display == '') {
sous_menu.style.display = 'block';
btn_plus.style.display = 'none';
btn_moins.style.display = 'block';
}
else {
sous_menu.style.display = 'none';
btn_plus.style.display = 'block';
btn_moins.style.display = 'none';
}
}