|
Vous aimez JavaScript , VBScript est un langage de programmation qui peut être utilisé par les développeurs Web pour apporter des modifications à la volée à l' Hypertext Markup Language (HTML) affichée pour les téléspectateurs de leur site web. Par exemple, placer le contenu en éléments soigneusement structurés peut créer des barres de défilement qui sont inutiles et inesthétiques . Afin de préserver l' esthétique de votre site Web , vous pouvez simplement masquer ces barres de défilement à l'aide de VBScript en conjonction avec le code HTML de la page Web. VBScript et la Croix - compatibilité avec les navigateurs
Bien qu'il existe plusieurs solutions pour cacher les barres de défilement grâce à une combinaison de VBScript et HTML , les développeurs Web doivent être conscients que VBScript est destiné à être utilisé uniquement dans Internet Explorer le navigateur de Microsoft . VBScript n'est pas pris en charge dans d'autres navigateurs, comme Firefox ou Opera , en général , JavaScript fournit une alternative plus accessible. Dans de nombreux cas ( y compris les modifications CSS ) VBScript et JavaScript sont identiques , mais il ne faut pas compter sur cette interopérabilité fortuite , et vous devriez vérifier vos pages Web avec vigilance le respect dans plusieurs navigateurs avant de déployer le site.
Masquer scrollbars par élément
Pour certains éléments de la page , en supprimant les barres de défilement est le plus important lorsque l'élément a le focus. Par exemple, vous pouvez supprimer dynamiquement la barre de défilement à partir d'un champ de texte lorsque l'utilisateur clique sur le champ pour le rendre actif . Pour ce faire, inclure le code " this.style.overflow = 'hidden' " en cas VBScript pertinente. Pour retirer les barres de défilement lorsque les souris de l'utilisateur sur l'élément , tapez la commande suivante :
' OnMouseOver = " this.style.overflow = ' hidden ' ; " '
Pour les supprimer lorsque l'utilisateur clique sur l' élément , tapez le texte suivant: « OnClick =" this.style.overflow = 'hidden' . ; «
Cela vous permet de contrôler le comportement de beaucoup de barres de défilement de manière indépendante, mais signifie aussi que l'utilisateur verra probablement les barres de défilement avant qu'ils ne soient enlevés , qui peuvent être esthétiquement indésirable .
cacher la barre de défilement d'un élément lors du chargement du document
Si vous avez besoin de cacher un élément unique ou un petit nombre d'éléments , l'un des moyens les plus simples consiste à placer une déclaration dans l'attribut de la balise " body " de la page Web " OnLoad " , faisant usage de «style » de VBScript fonction pour modifier CSS à la volée. Taper " " , par exemple, permet de masquer les barres de défilement d'un élément avec l'id " container_1 " dès que la page se charge . L'utilisateur ne verra jamais l'élément apparaissant avec des barres de défilement à tous. D'autre part , en utilisant la fonction OnLoad de la balise body , plutôt que chaque élément individuel , limite le nombre d'éléments que vous pouvez masquer simultanément sans votre code HTML devenir lourd.
Dissimulation Scrollbars utilisation des classes CSS
pour obtenir le meilleur des deux mondes, utiliser " la className " de VBScript de changer l'intégralité des classes CSS plutôt que des éléments individuels de style d'une page. Enveloppez la page entière dans un div vide appelé " maincontainer » et , dans l'attribut onload de la balise body , écrire " container.className = ' hidescrollbars "; " . Vous pouvez ensuite définir un style CSS dans l'entête du document intitulé « hidescrollbars div . » Qui inclut le " overflow: hidden ; " style . Lorsque la page se charge , cela va enlever les barres de défilement de tous les éléments div de la page.
|
