Hvordan dynamisk endre størrelsen på hyperkoblinger i VB

VB.NET, den siste inkarnasjonen av Visual Basic, kan du lage kode som kjøres på eksterne webservere. Fordi dette NET-kode ikke gjennomføre innenfor en brukers nettleser, kan leseren ikke endre sideelementer som for eksempel hyperkoblinger uten å ringe tilbake til serveren. Dette gjør det vanskelig hvis du ønsker å endre størrelsen hyperkoblinger dynamisk uten å oppdatere hele websiden. Du kan imidlertid bruke Javascript-funksjoner som kjører inne i nettleseren for å endre størrelsen på VB.NET hyperkoblinger dynamisk.

Bruksanvisning

1 Start Microsoft Visual Studio 2010, og åpne VB.NET prosjektet.

2 Finn prosjektets oppstart form i Solution Explorer, og klikk den formen for å velge det. Visual Studio viser form HTML-kode i kodevinduet.

3 Klikk på "Design" -knappen nederst i Visual Studio for å vise form design vinduet.

4 Klikk på "View" -knappen øverst i Visual Studio, og klikk "Toolbox".

5 Dra en "link" kontroll og en "Button" kontroll fra "Toolbox" på skjemaet.

6 Klikk på "Source" -knappen på bunnen av "Visual Studio" for å vise form kode vindu HTML igjen. Finn følgende kode i vinduet:

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

Denne koden skaper knappen du lagt. Slett denne koden og erstatte den med koden vist nedenfor:

<Asp: Button ID = "Button1" runat = "server" Text = "Endre Hyper Size"

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

Legg merke til "OnClientClick" attributt. Den definerer en Javascript-funksjon som heter "changeHyperLink." Det går også verdien "8 piksler" til denne funksjonen. Når en bruker klikker på denne knappen, funksjonen går og endrer hyperkoblingen skriftstørrelsen til 8 piksler.

7 Legg til følgende kode i form er "<head>" -delen:

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

funksjon 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>

Dette er den "changeHyperLInk" -funksjonen som er beskrevet i det foregående trinn. Den bruker "getElementsByTagName" metode for å hente en samling av alle hyperkoblinger på siden. Funksjonen looper gjennom disse elementene og endres hver sin "Skriftstørrelse" eiendom til verdien vedtatt av knapp klikk. Den siste setningen, "return false" hindrer leseren fra å sende en "postback" til webserveren. Dette er viktig å stoppe en oppfrisket side fra overliggende skriftstørrelsen endring og retur hyperkoblinger til sin normale størrelse.

8 Trykk "F5". Visual Studio driver prosjektet og viser form i nettleseren din. En hyperkobling og knappen vises.

9 Klikk på knappen. Javascript-funksjonen går og endrer hyperkobling størrelse til verdien du angir i koden.

Hint

  • Bruk hvilken som helst font size enhet du liker når du kaller "changeFontSize" -funksjonen. For eksempel, for å gjøre hyperkoblinger veldig stor, passerer funksjonen verdien "60px" eller mer. Du kan også passere den "em" verdier hvis du foretrekker å definere skrifter bruker som måleenhet.