Come modificare dinamicamente la dimensione dei collegamenti ipertestuali in VB

June 9

VB.NET, l'ultima incarnazione di Visual Basic, consente di creare il codice che viene eseguito sul server Web remoti. Poiché questo codice .NET non esegue all'interno del browser di un utente, il browser non può modificare gli elementi della pagina come i collegamenti ipertestuali senza fare una chiamata al server. Questo rende difficile, se si desidera ridimensionare i collegamenti ipertestuali in modo dinamico senza aggiornare l'intera pagina Web. Tuttavia, è possibile utilizzare le funzioni JavaScript che vengono eseguiti all'interno del browser per ridimensionare i collegamenti ipertestuali VB.NET in modo dinamico.

istruzione

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

2 Trova form di avvio del progetto in Esplora soluzioni e scegliere quella forma per selezionarla. Visual Studio visualizza il codice HTML del form nella finestra del codice.

3 Fare clic sul pulsante "Design" in fondo a Visual Studio per visualizzare la finestra di progettazione del modulo.

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" dal "Toolbox" sul modulo.

6 Fare clic sul pulsante "Source" in fondo "Visual Studio" per visualizzare nuovamente la finestra del codice HTML del form. Individuare il seguente codice all'interno di quella finestra:

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

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

<Asp: Button ID = "Button1" runat = testo "server" = "Change HyperLink Size"

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

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

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

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

Funzione changeHyperlink (newSize) {

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

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

var = currentLink linkCollection [i];

currentLink.style.fontSize = newSize;

return false;

}}

</ Script>

Questa è la funzione "changeHyperLInk" descritto nel passaggio precedente. Si utilizza il metodo "getElementsByTagName" per recuperare un insieme di tutti i collegamenti ipertestuali sulla pagina. La funzione di loop attraverso tali elementi e cambia di ciascuno proprietà "fontSize" al valore passato dal pulsante di scatto. La dichiarazione finale, "return false" impedisce al browser di inviare un "postback" al server Web. Questo è importante per fermare una pagina aggiornata da sovrapporre la modifica la dimensione del carattere e il ritorno dei collegamenti ipertestuali alle loro dimensioni normali.

8 Premere il tasto "F5". Visual Studio gestisce il progetto e visualizza il modulo nel browser. Un collegamento ipertestuale e il pulsante compaiono.

9 Fare clic sul pulsante. La funzione JavaScript corre e cambia dimensione del collegamento ipertestuale al valore impostato nel codice.

Consigli e avvertenze

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