| maison  | Hardware  | réseaux  | programmation  | Logiciel  | Dépannage  | systèmes |  
programmation  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Connaissances Informatiques >> programmation >> Programmation JavaScript >> Content
    Comment masquer une barre de défilement avec JavaScript
    navigateurs Web réagissent différemment aux différents paramètres de votre navigateur en raison de la façon dont les spécifications de navigateurs ont été interprétées ou mises en œuvre . Vous pouvez masquer les barres de défilement à l'aide de JavaScript, mais il ya différents paramètres à changer selon que le navigateur de l' utilisateur est Internet Explorer ou autre chose que IE . Pour IE , vous pouvez masquer les barres de défilement en modifiant l'attribut "scroll" sur le corps du document . Dans les autres navigateurs , vous masquez les barres de défilement en modifiant l'attribut de style " de débordement " . Instructions
    1

    Créer un nouveau fichier HTML en utilisant un éditeur ou le Bloc-notes. Entrez un squelette HTML pour le fichier. ! Par exemple, tapez :

    < DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd "> Photos



    < p >

    Masquer Page 2 <p> créer une fonction JavaScript et l'insérer entre les balises "head" dans le document HTML. Définissez les attributs de débordement de style de document à «caché» pour les navigateurs non-IE et définir l'attribut de défilement du corps du document de «non» pour Microsoft Internet Explorer. Par exemple, tapez : Photos <p> <script type="text/javascript"> <br> hideScrollBars de la fonction <p> () { <br> <p> document.documentElement.style.overflowX = "hidden »; <br> <p> document.documentElement.style.overflowY =" hidden " ; <br> <p> document.body.scroll =" no " ; //Internet Explorer <br> <p> } <br> <p> </script> Photos <p> </head> <br> 3 <p> Créer un formulaire avec un bouton qui permet de masquer les barres de défilement . Lorsqu'un utilisateur clique sur le bouton , appeler la fonction JavaScript qui cache les barres de défilement. Par exemple, tapez : <br> <p> <body> <br> <p> <form name="myForm"> <input type = "button" nom = valeur "touche" = "Masquer" onclick = " hideScrollBars () " /> </form> Photos <p> </body> Photos <p> </html> <br> < br > <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Previous : <a class='LinkPrevArticle' href='/programmation/javascript-programming/91019.html' >Comment envoyer une fonction JavaScript dans un lien hypertexte </a></li></p></td> </tr> <tr> <td width="49%"> next : <a class='LinkNextArticle' href='/programmation/javascript-programming/91021.html' >Comment faire défiler en JavaScript </a></li></td> </tr> </table></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> articles connexes </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91142.html" title="Comment passer Divs avec JavaScript " target="_self">Comment passer Divs avec JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90993.html" title="Comment faire pour supprimer un espace à partir d'une variable en JavaScript " target="_self">Comment faire pour supprimer un espace à partir d'une …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90888.html" title="Comment utiliser Prototype JS " target="_self">Comment utiliser Prototype JS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91253.html" title="Comment remplacer IgnoreCase " target="_self">Comment remplacer IgnoreCase </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91001.html" title="Comment faire pour mettre un Facebook Connect dans le pied de page Utilisation de JavaScript " target="_self">Comment faire pour mettre un Facebook Connect dans le p…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91009.html" title="Comment afficher les heures et minutes dans deux domaines pour Javascript " target="_self">Comment afficher les heures et minutes dans deux domain…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90856.html" title="Explication de l'arrondissement et de troncature en Javascript " target="_self">Explication de l'arrondissement et de troncature en Jav…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91214.html" title="Comment faire pour modifier une CSS background image avec JavaScript " target="_self">Comment faire pour modifier une CSS background image av…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91136.html" title="Comment développer un formulaire en Java Script " target="_self">Comment développer un formulaire en Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90803.html" title="Comment désactiver l' API Google Maps Marker Bubble " target="_self">Comment désactiver l' API Google Maps Marker Bubble </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">articles en vedette </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/89655.html" title="Comment prendre l'entrée dans une boucle en Java " target="_self">Comment prendre l'entrée dans une boucle en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/96039.html" title="Comment savoir ActiveX Programmation " target="_self">Comment savoir ActiveX Programmation </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/89410.html" title="Définition de la collecte des ordures dans Java " target="_self">Définition de la collecte des ordures dans Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90874.html" title="Comment faire pour installer GAPro dans le lecteur JW " target="_self">Comment faire pour installer GAPro dans le lecteur JW </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/89445.html" title="Comment ajouter une nouvelle méthode dans NetBeans " target="_self">Comment ajouter une nouvelle méthode dans NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88444.html" title="Comment ouvrir un SIG Extension Broderbund " target="_self">Comment ouvrir un SIG Extension Broderbund </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/php-mysql-programming/91714.html" title="Comment sélectionner la valeur dans une zone de liste à une autre zone de liste en PHP " target="_self">Comment sélectionner la valeur dans une zone de liste …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/90582.html" title="Comment développer des applications Java pour un Blackberry " target="_self">Comment développer des applications Java pour un Black…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/94368.html" title="VB6 Fonction minuterie " target="_self">VB6 Fonction minuterie </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/python-programming/93842.html" title="Récursive Merge Trier en Python " target="_self">Récursive Merge Trier en Python </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="8" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=middle>Copyright © Connaissances Informatiques http://fr.wingwit.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>