Ouvrez votre fichier HTML dans votre éditeur de texte favori. Cela peut être une application simple, libre tel que Notepad. Après avoir ouvert le fichier, faites défiler jusqu'à l'élément que vous souhaitez modifier. Dans cet exemple, un bouton de formulaire est édité.
Dans la balise de forme de bouton, saisissez le code suivant:
onclick ="javascript: changeVisibility (cette) -"
Le "onclick" événement modifie la propriété CSS lorsque l'utilisateur clique sur le bouton. "changeVisibility" est une fonction que vous créez pour changer la propriété de visibilité. Enfin, la "cette" notation envoie l'objet de bouton pour la fonction, donc il sait quel bouton pour changer la page.
Faites défiler vers le haut de votre page HTML pour créer la fonction javascript. Dans le "
" et "" balises, entrez le numéro entrées javascript suivants:
Cette désigne un bloc de code javascript, de sorte que le fichier HTML a des instructions pour exécuter les commandes au lieu de les traduire en HTML.
Utilisez le code suivant pour modifier la propriété CSS sur votre élément HTML:
changeVisibility fonction (bouton)
{
button.style.visibility = "caché"
}
Dans cet exemple de code, le bouton est passé à la fonction. Ensuite, la propriété de style CSS de la touche "visibilité" est changé en cachée. Ce masque le bouton de l'utilisateur, de sorte qu'il ne soit pas visible sur votre page Web.