Masquer le texte dès l'affichage de la page
Fermé
Aaymeric
Messages postés
78
Date d'inscription
jeudi 29 septembre 2011
Statut
Membre
Dernière intervention
7 octobre 2018
-
7 oct. 2018 à 13:06
Aaymeric - 11 oct. 2018 à 18:39
Aaymeric - 11 oct. 2018 à 18:39
A voir également:
- Masquer le texte dès l'affichage de la page
- Supprimer une page word - Guide
- Masquer conversation whatsapp - Guide
- Page d'accueil iphone - Guide
- Traduire une page web - Guide
- Word numéro de page 1/2 - Guide
3 réponses
jordane45
Messages postés
38145
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
25 avril 2024
4 650
7 oct. 2018 à 14:39
7 oct. 2018 à 14:39
Bonjour
Tu les mets en style display: none directement dans ton html.
Tu les mets en style display: none directement dans ton html.
Salut,
tout autant que JavaScript (
Explication de code:
Par le préfixe
Ensuite entre les parenthèses vous avez un sélecteur (cela peut être autre chose mais ici c'est un sélecteur).
Le sélecteur
Dans le cas de votre code le sélecteur fait référence à une classe ou ID CSS, donc incluse dans la balise HTML concernée. Comme on peut voir ici:
tout autant que JavaScript (
JQueryétant une 'extension' de JavaScript) c'est HTML et CSS que vous devez connaître. De préférence sur le bout des doigts, c'est assez simple car pas du tout un langage de programmation.
Explication de code:
Par le préfixe
jQueryvous faites appel à la bibliothèque en question chargée par votre page HTML. Notez qu'on peut le remplacer par le symbole '$' ce qui évite de taper beaucoup de lettres.
Ensuite entre les parenthèses vous avez un sélecteur (cela peut être autre chose mais ici c'est un sélecteur).
Le sélecteur
jQueryest assez puissant puisqu'il permet de raccourcir l'écriture JavaScript complète.
Dans le cas de votre code le sélecteur fait référence à une classe ou ID CSS, donc incluse dans la balise HTML concernée. Comme on peut voir ici:
<button class="showSingle" target="1">Div 1</button>
<!--- DONC quand on écrit dans le script:
$(' .showSingle')
//-- cela revient à donne moi toutes les balises HTML avec la classe 'showSingle'
//-- notez la présence des guillemets simples(apostrophes) qui indiquent une chaîne de caractères
//-- le point '.' devant le nom indique lui que c'est une classe qui est appelée
//-- même chose mais avec le symbole dièse à la place du point:
JQuery('#showall')
//--symbole dièse (#) au lieu d'un point veut simplement dire que l'on fait appel à une id
//-- la différence entre class et id est une des bases du CSS, la syntaxe . ou # reste familière
Bien une fois sélectionné un élement de la page on peut lui donner des instructions(ou fonctions).
Voilà avez ceci vous devriez pouvoir faire tout ce que vous avez demandé. Sinon il ne vous reste qu'à vous plonger dans HTML, CSS puis JavaScript qui permet de commander tout ça.
//---
jQuery('#showall').click(function(){
//-- contenu de la fonction 'personalisée'
})
//-- l'accolade fermante indique la fin de l'instruction ou série d'instructions(plusieurs 'lignes') = fonction
//-- la parenthèse fermante elle indique la fin de l'instruction correspondant à la fonction .clic de Jquery
//-- Ici on fait appel au sélecteur JQuery pour utiliser la balise comportant l'id 'showall'
//-- puis le point suivant (chaînage de fonction) précéde le mot 'click'
//-- click est une fonction Jquery correspondant en gros à: quand l'utilisateur clique sur...
//-- le chaînage (avec le "." ) indique que tout est ensemble, plus précisément applique le click au sélecteur
//-- puis vient une nouvelle parenthèse qui termine la fonction clic
Voilà avez ceci vous devriez pouvoir faire tout ce que vous avez demandé. Sinon il ne vous reste qu'à vous plonger dans HTML, CSS puis JavaScript qui permet de commander tout ça.
"...dans le JavaScript mais je ne connais pas ce langage .. "
Apprenez alors ;)
https://www.w3schools.com/js/default.asp
Dit ceci:
JavaScript is the programming language of HTML and the Web.
JavaScript is easy to learn.
This tutorial will teach you JavaScript from basic to advanced.
Des cours et tutos français existent aussi mais le site que je cite est très bien fait pour cela et aussi fait par le consortium web. Il vaut mieux parler à dieu qu'à ses ministres comme disait l'autre.
Apprenez alors ;)
https://www.w3schools.com/js/default.asp
Dit ceci:
JavaScript is the programming language of HTML and the Web.
JavaScript is easy to learn.
This tutorial will teach you JavaScript from basic to advanced.
Des cours et tutos français existent aussi mais le site que je cite est très bien fait pour cela et aussi fait par le consortium web. Il vaut mieux parler à dieu qu'à ses ministres comme disait l'autre.
7 oct. 2018 à 14:45
7 oct. 2018 à 18:20
Qu'avais tu écrit comme code exactement ?
7 oct. 2018 à 18:21
jQuery('.targetDiv').hide();