Rendre cliquable un élément :before
Résolu/Fermé
barale61
Messages postés
1208
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
4 novembre 2024
-
Modifié par barale61 le 28/09/2015 à 18:58
barale61 Messages postés 1208 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 4 novembre 2024 - 2 oct. 2015 à 19:20
barale61 Messages postés 1208 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 4 novembre 2024 - 2 oct. 2015 à 19:20
A voir également:
- Rendre cliquable un élément :before
- Comment rendre un fichier moins lourd - Guide
- Sommaire cliquable word - Guide
- Element introuvable il n'existe plus dans l'ordinateur - Guide
- Comment nettoyer son mac pour le rendre plus rapide - Guide
- Open element - Télécharger - HTML
2 réponses
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
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
1208
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
4 novembre 2024
110
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';
}
}