Nwlapcug.com


Come modificare dinamicamente le dimensioni dei collegamenti ipertestuali in VB

L'ultima incarnazione di Visual Basic, VB.NET, consente di creare codice che viene eseguito su un server Web remoto. Poiché questo codice .NET non viene eseguito all'interno del browser di un utente, il browser non è possibile modificare gli elementi della pagina ad esempio collegamenti ipertestuali senza effettuare una chiamata al server. Questo rende difficile, se si desidera ridimensionare dinamicamente i collegamenti ipertestuali senza aggiornare l'intera pagina Web. Tuttavia, è possibile utilizzare le funzioni JavaScript che esegue all'interno del browser per ridimensionare dinamicamente i collegamenti ipertestuali VB.NET.

Istruzioni

1

Avviare Microsoft Visual Studio 2010 e aprire il progetto VB.NET.

2

Trovare il form di avvio del progetto in Esplora soluzioni e scegliere quella forma per selezionarla. Visual Studio viene visualizzato il codice HTML del form nella finestra del codice.

3

Fare clic sul pulsante "Design" nella parte inferiore di Visual Studio per visualizzare la finestra di progettazione del form.

4

Fare clic sul pulsante "Visualizza" nella parte superiore di Visual Studio e fare clic su "Strumenti".

5

Trascinare un controllo "Collegamento ipertestuale" e un controllo "Button" dalla "Casella" sul form.

6

Fare clic sul pulsante "Source" nella parte inferiore della "Visual Studio" per visualizzare la finestra del codice HTML del form nuovamente. Individuare il seguente codice all'interno di tale finestra:

< asp: Button ID = "Button1" runat = "server" Text = "Button" / >

Questo codice crea il pulsante aggiunto. Eliminare tale codice e sostituirlo con il codice riportato di seguito:

< asp: Button ID = "Button1" runat = "server" Text = "Cambia la dimensione del collegamento ipertestuale"

OnClientClick = "return changeHyperlink('8px')" / >

Si noti l'attributo di "OnClientClick". Definisce una funzione JavaScript denominata "changeHyperLink." Passa anche il valore "8px" a tale funzione. Quando un utente fa clic su questo pulsante, la funzione viene eseguita e cambia la dimensione del carattere del collegamento ipertestuale a 8 pixel.

7

Aggiungere il seguente codice alla sezione "< head >" del form:

< script type = "text/javascript" language = "javascript" >

Function changeHyperlink(newSize) () {

linkCollection var = document.getElementsByTagName("a");

per (var i = 0; i < linkCollection.length; i + +) {

var currentLink = linkCollection [i];

currentLink.style.fontSize = newSize;

restituire false;

}}

< / script >

Questa è la funzione di "changeHyperLInk" descritta nel passaggio precedente. Utilizza il metodo "getElementsByTagName" per recuperare una raccolta di tutti i collegamenti ipertestuali nella pagina. La funzione scorre in quegli elementi e cambia di ciascuno "fontSize" proprietà al valore passato facendo clic sul pulsante. La dichiarazione finale, "return false" impedisce il browser di inviare un "postback" al server Web. Questo è importante per interrompere una pagina aggiornata sovrapponendo il vostro cambiamento di dimensione carattere e restituendo i collegamenti ipertestuali alle loro dimensioni normali.

8

Premere "F5". Visual Studio il progetto viene eseguito e viene visualizzato il modulo nel browser. Un collegamento ipertestuale e il pulsante vengono visualizzati.

9

Fare clic sul pulsante. La funzione JavaScript viene eseguito e cambia dimensione del collegamento ipertestuale per il valore impostato nel codice.

Consigli & Avvertenze

  • Utilizzare qualsiasi unità di dimensione di carattere che ti piace quando si chiama la funzione di "changeFontSize". Ad esempio, per rendere i collegamenti ipertestuali molto grande, passare la funzione di un valore di "60px" o più. È anche possibile passare valori "em" Se si preferisce definire i font utilizzando tale unità di misura.