Hvordan lage en tabellcelle Klikkbart

Hvordan lage en tabellcelle Klikkbart


En hyperkobling kan brukes på de fleste HTML-elementer med et enkelt ankerkoden. Det er imidlertid enkelte tilfeller hvor ekstra kode er nødvendig for å foreta et sideelement eller et område i en hyperlink. Hvis du ønsker å gjøre en hel tabellcelle en link i stedet for bare å knytte innholdet med en ankerkode du må bruke en Javascript-funksjon. Javascript er et gratis, open-source, klientsiden skriptspråk som er enkel å bruke, allsidig og støttes av alle de store nettleserne.

Bruksanvisning

1 Skriv en Javascript funksjon som vil fyre av linking kode. Erstatt dette eksempelet URL til web-siden du ønsker å linke til med ditt tabellcelle:

<Script type = "text / javascript">
funksjon linkto () {

window.location.href=&quot;http://www.example.com&quot;;

}
</ Script>

2 Plasser dette skriptet etter </ head> -taggen og før <body> -taggen i HTML-koden på websiden som inneholder tabellen cellen du ønsker å gjøre om til en link.

3 Tildele onClick hendelsen av tabellen cellen å ringe Javascript-funksjonen du nettopp har opprettet. En tabellcelle er angitt i HTML med <td> tag.

<Td onClick = "link ()"> Dette er innholdet i tabellcellen </ td>

Når en web besøkende klikker på tabellcelle onclick arrangementet vil fyre av linkto () -funksjonen som vil omdirigere nettleservinduet til nettadressen som er definert i Javascript-funksjonen.

4 Lagre nettsiden din og laste den opp til serveren din. Gå til siden din og sjekke tabellcelle for å sikre at det er knyttet riktig.