HTML per nascondere barre di scorrimento in VBScript

November 9

HTML per nascondere barre di scorrimento in VBScript


Come JavaScript, VBScript è un linguaggio di programmazione che può essere utilizzato dagli sviluppatori Web di apportare modifiche al volo al Hypertext Markup Language (HTML) visualizzato agli spettatori del loro sito Web. Ad esempio, mettendo il contenuto in elementi attentamente strutturati in grado di creare le barre di scorrimento che sono inutili e sgradevoli. Per preservare l'estetica del tuo sito web, si può semplicemente nascondere queste barre di scorrimento utilizzando VBScript in concomitanza con il codice HTML della pagina Web.

VBScript e Cross-Browser Compatibility

Anche se ci sono diverse soluzioni per nascondere le barre di scorrimento attraverso una combinazione di VBScript e HTML, gli sviluppatori Web devono essere consapevoli che VBScript è destinato all'uso solo nel browser di Microsoft Internet Explorer. VBScript non è supportato in altri browser, come Firefox o Opera; in generale, JavaScript fornisce una più accessibile alternativa. In molti casi (tra cui le modifiche CSS) VBScript e JavaScript codice è identico, ma non si deve fare affidamento su questa interoperabilità coincidenza, e si dovrebbe controllare le pagine Web a fondo per la conformità in più browser prima di distribuire il sito.

Nascondere Barre di scorrimento per elemento

Per alcuni elementi della pagina, rimuovere le barre di scorrimento è più importante quando l'elemento è messa a fuoco. Ad esempio, è possibile rimuovere in modo dinamico la barra di scorrimento da un campo di testo in cui l'utente fa clic sul campo per renderlo attivo. Per fare ciò, inserire il codice "this.style.overflow = 'nascosto'" in caso VBScript rilevante. Per rimuovere le barre di scorrimento quando passaggio del mouse sopra l'elemento, digitare quanto segue:

'OnMouseOver = "this.style.overflow =' nascosto ';" '

Per rimuoverli quando l'utente fa clic sul elemento, digitare quanto segue:

'Onclick = "this.style.overflow =' nascosto ';".'

Questo consente di controllare il comportamento di molti barre di scorrimento in modo indipendente, ma significa anche che l'utente sarà probabile vedere le barre di scorrimento prima di essere rimossi, che può essere esteticamente indesiderabile.

Nascondere Barra di scorrimento di un elemento quando i carichi di documenti

Se avete bisogno di nascondere un singolo elemento o un piccolo numero di elementi, uno dei modi più semplici è quello di mettere una dichiarazione nella "OnLoad" attributo del tag della pagina Web "<body>", facendo uso della funzione di "stile" di VBScript per cambiare CSS al volo. Digitando "<body onload =" container_1.style.overflow = 'nascosto'; ">", per esempio, nasconderà le barre di scorrimento di un elemento con l'id "container_1" non appena il caricamento della pagina. L'utente non vedrà mai l'elemento che appare con barre di scorrimento a tutti. D'altra parte, utilizzando la funzione OnLoad del tag <body>, piuttosto che ogni singolo elemento, limita il numero di elementi è possibile nascondere simultaneamente senza il codice HTML diventare ingombrante.

Barre di scorrimento Nascondere usando le classi CSS

Per ottenere il meglio dei due mondi, usare "className" di VBScript per cambiare intere classi CSS, piuttosto che singoli elementi di stile di una pagina. Avvolgere l'intera pagina in un div vuoto chiamato "maincontainer" e, nel l'attributo OnLoad del tag <body>, scrivere "container.className = 'hidescrollbars"; ". È quindi possibile definire uno stile CSS nell'intestazione del documento denominato ".hidescrollbars div" che include il "overflow: hidden;" stile. Quando la pagina viene caricata, questo sarà rimuovere le barre di scorrimento da tutti gli elementi div sulla pagina.