Afficher un div avec j'appuie sur un <a>
Fermé
GASTON22
Messages postés
204
Date d'inscription
mercredi 27 mars 2013
Statut
Membre
Dernière intervention
23 décembre 2019
-
Modifié par GASTON22 le 1/10/2015 à 23:47
segatasenshiro - 2 oct. 2015 à 01:45
segatasenshiro - 2 oct. 2015 à 01:45
A voir également:
- Afficher un div avec j'appuie sur un <a>
- Afficher appdata - Guide
- Afficher mot de passe wifi android - Guide
- Afficher taille dossier windows - Guide
- Windows 11 afficher d'autres options - Guide
- Afficher calendrier outlook dans google agenda - Guide
1 réponse
Salut,
2 solutions simples qui fonctionneront:
1_faire une fonction par div à afficher, donc masquer les autres dans chaque fonction.
2_utiliser un seul div et remplir son contenu en fonction du bouton appuyé(ce qui remplacera l'ancien contenu).
La deuxième solution est la plus pratique car elle nécessitera qu'une seule instruction quand la première en nécessite 3(afficher un div, masquer les 2 autres).
Si c'est un code trouvé et employé sans le comprendre vous devriez commencer par apprendre les bases et vous pourrez faire vos propres codes ;)
Il y aussi des solutions qui sont encore mieux mais qui nécessiteront un peu de réflexion pour les mettre en place et auront l'avantage de pouvoir s'adapter sans changer le code si vous voulez avoir 2 div à remplir/afficher ou 10 ou 30 en utilisant la même fonction. C'est par exemple le cas de la 2ème solution en mettant en paramètre le contenu à utiliser dans le div plutôt que dans la fonction.
Remarque: vous utilisez la balise input qui est une balise de formulaire, donc n'est pas correcte sémantiquement/structurellement.
Vous pouvez comme vous l'indiquez utiliser un lien en indiquant en valeur href="#" ou une balise <button></button> qui peut être utilisé dans et hors formulaire.
Pour un lien comme ceci:
<a href="#" onclick="mafonction()" >clicquez moi</a>
ou
<button onclick="mafonction">cliquez moi</button>
Autre remarque: puisque vous utilisez JQuery(et même sans) il est plus correct(plus facile à lire et surtout modifier, mettre à jour) d'utiliser un gestionnaire d'événement plutôt que d'utiliser le paramètre onclick dans la balise.
En javascript 'pur' on utilise addEventListener() et en JQuery la fonction se nomme click()
Ici les références avec exemples d'utilisation pour peu que vous ayez les bases de javascript et de JQuery:
https://developer.mozilla.org/fr/docs/Web/API/EventTarget/addEventListener
https://api.jquery.com/click/
2 solutions simples qui fonctionneront:
1_faire une fonction par div à afficher, donc masquer les autres dans chaque fonction.
2_utiliser un seul div et remplir son contenu en fonction du bouton appuyé(ce qui remplacera l'ancien contenu).
La deuxième solution est la plus pratique car elle nécessitera qu'une seule instruction quand la première en nécessite 3(afficher un div, masquer les 2 autres).
Si c'est un code trouvé et employé sans le comprendre vous devriez commencer par apprendre les bases et vous pourrez faire vos propres codes ;)
Il y aussi des solutions qui sont encore mieux mais qui nécessiteront un peu de réflexion pour les mettre en place et auront l'avantage de pouvoir s'adapter sans changer le code si vous voulez avoir 2 div à remplir/afficher ou 10 ou 30 en utilisant la même fonction. C'est par exemple le cas de la 2ème solution en mettant en paramètre le contenu à utiliser dans le div plutôt que dans la fonction.
Remarque: vous utilisez la balise input qui est une balise de formulaire, donc n'est pas correcte sémantiquement/structurellement.
Vous pouvez comme vous l'indiquez utiliser un lien en indiquant en valeur href="#" ou une balise <button></button> qui peut être utilisé dans et hors formulaire.
Pour un lien comme ceci:
<a href="#" onclick="mafonction()" >clicquez moi</a>
ou
<button onclick="mafonction">cliquez moi</button>
Autre remarque: puisque vous utilisez JQuery(et même sans) il est plus correct(plus facile à lire et surtout modifier, mettre à jour) d'utiliser un gestionnaire d'événement plutôt que d'utiliser le paramètre onclick dans la balise.
En javascript 'pur' on utilise addEventListener() et en JQuery la fonction se nomme click()
Ici les références avec exemples d'utilisation pour peu que vous ayez les bases de javascript et de JQuery:
https://developer.mozilla.org/fr/docs/Web/API/EventTarget/addEventListener
https://api.jquery.com/click/