Avatar billede trp79 Nybegynder
14. februar 2006 - 14:15 Der er 10 kommentarer og
2 løsninger

Gøre hele table row til link og ikke kun teksten i det.

Hejsa
Jeg har en menu, der generes dynamisk. Der bruges css til at gøre menuen lækker, og som det er nu, så er det kun teksten i hvert table row, der er "click-able", men jeg kunne godt tænke mig, at det også være den resterende tomme plads i table rowet.

Hvordan gør jeg det pænest?

På forhånd tak, mvh
Torben
Avatar billede fennec Nybegynder
14. februar 2006 - 14:18 #1
<tr onClick="location='enURL.htm'" style="cursor:hand;">
  <td>tekst</td>
  <td>tekst</td>
</tr>

Så skulle hele rækken gerne fungere som link.
Avatar billede roenving Novice
14. februar 2006 - 14:27 #2
-- men brug dog en cursor, som også forstås af andre end IE: cursor:pointer;

-- og skal siden virke på IE før v6, skal de begge to på !-)
Avatar billede fennec Nybegynder
14. februar 2006 - 14:34 #3
roenving >>
Jeg får altid bytte rundt på hand og pointer. Kan aldrig huske hvilken der skal bruges, så jeg opdager det først under test, og jeg synes ikke det var nødvendigt at teste dette script :o)
Avatar billede milandt Nybegynder
14. februar 2006 - 15:20 #4
Hvis man vil have en løsning der også virker uden javascript, så kan man sætte i <a> element i sin <td>, og style det således: {display:block;height:100%;width:100%;}

Det kræver lidt mere markup, men det er nu engang meningen at links skal præsenteres i et <a> element.

<style tyle="text/css">
  a.menu {display:block;height:100%;width:100%;}
</style>

<tr>
  <td><a class="menu" href="#">tekst</a></td>
  <td><a class="menu" href="#">tekst</a></td>
</tr>
Avatar billede roenving Novice
14. februar 2006 - 15:22 #5
-- hvad er der da galt med at bruge onclick ?-)
Avatar billede milandt Nybegynder
14. februar 2006 - 15:30 #6
Min pda er fx. ikke super god til javascript..
Avatar billede olebole Juniormester
14. februar 2006 - 21:18 #7
<ole>

window.location kan da vist stort set alle PDA'ere forstå  :)

/mvh
</bole>
Avatar billede milandt Nybegynder
14. februar 2006 - 21:40 #8
ole, don't start.. du ved lige så godt som jeg at specielt navigation ikke bør være 100% afhængig af at user agenten kan afvikle javascript... for slet ikke at snakke om indexering fra søge-robotter etc..
Avatar billede olebole Juniormester
15. februar 2006 - 01:47 #9
"ole, don't start" ... noget tyder på, du misforstået et eller andet  :)

1) Har man for det første bare den mindste interesse i den grafiske fremtoning af et site, skriver man en speciel version til små skærme.

2) Har man bare den mindste interesse for søgemaskineindeksering, sørger man naturligvis for at please dem, herunder med sitemaps - men også ved 'Google-skohorn' på de enkelte sider.

Fordi man bruger et tr-element som et link, er der jo ingen, der siger, at det behøver at være den eneste tilgang til den pågældende side. Desuden kan der være tale om en menu på et intranet - eller i et adminmodul - som meget nødigt skal indekseres af Google.
Det er kun dig, der taler om at gøre navigation 100% JS-afhængig - og i visse situationer, kan det endda være rystende ligegyldigt, om den er det.

Hvis vi endelig skal hænge os i de oprindelige meninger med de forskellige elementer, skal det hele jo blot bruges til at syndikere forsøgsresultater med. Men Gud være lovet er der da også kreative sjæle på WWW ... hvilket er grunden til, at teknologien på rekordtid har udviklet sig til det, vi roder med idag.
Avatar billede trp79 Nybegynder
15. februar 2006 - 08:33 #10
Løsning blev display: block, så hvis milandt og fennec(det var jo også brugbart) vil smide et svar:)

tak for hjælpen
Avatar billede fennec Nybegynder
15. februar 2006 - 08:34 #11
Om ikke andet så lægger jeg et svar :o)

Og bare for at deltage lidt i JS diskutionen, så er det noget vi har hørt før, at brugererne kan deaktivere JS, men jeg mangler stadig tal på hvor mange brugere der har gjort det...

Hvis vi snakker 0,01% kan det vist være ligemeget, men er det 1% eller højre, er det noget, der skal med i overvejelserne.
Avatar billede milandt Nybegynder
15. februar 2006 - 09:04 #12
thx
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester