Avatar billede mkjaer Nybegynder
13. marts 2006 - 14:36 Der er 10 kommentarer og
1 løsning

Tabel med ét link

Hejsa,

Jeg har en tabel med flere rækker og kolonner. Nogle af cellerne indeholder tekst, og andre billeder.

Hele molevitten skal være ét link, dvs. alt i tabellen skal pege mod ét link. Men ikke nok med det - jeg vil også gerne have at en mouseover-funktion aktiveres på teksten når jeg f.eks. holder musen over et billede i tabellen.

Hvordan gør jeg det? Jeg tænker at jeg måske skal lave noget med <div> men er ikke helt sikker. Hvordan laves det smartest?

Hilsen
Martin
Avatar billede mstorgaard Praktikant
13. marts 2006 - 14:42 #1
Kan den her bruges?
onClick="document.location.href = 'LINK';"
Avatar billede mstorgaard Praktikant
13. marts 2006 - 14:46 #2
Og hvis du vil lave mouseover med baggrunden på tabellerne:
<td onMouseOver="this.style.background='url(\'MOUSEOVERBILLEDE\')';" onMouseOut="this.style.background='url(\'BILLEDE\')';" style="background: url('BILLEDE');">
Avatar billede mkjaer Nybegynder
13. marts 2006 - 15:05 #3
Hej,

Der skal være mouseover på teksten, ikke nødvendigvis på billederne.

Min tabel ser ca. således her ud:

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
  <TR>
    <TD WIDTH="100" HEIGHT="25">
      Celle1
    </TD>
  </TR>
  <TR>
    <TD VALIGN="top" CLASS="hovedindholdfed">
      Celle2
    </TD>
  </TR>
</TABLE>

Når jeg holder musen over 'Celle2' skal mouseover-effekten virke på 'Celle1' og 'Celle2'.

How to?

Hilsen
Martin
Avatar billede johan.o Nybegynder
14. marts 2006 - 15:34 #4
Kan du ikke blot lave onmouseover på <table> eller <tr> elementet istedet så ?

Mvh. Johan
Avatar billede mkjaer Nybegynder
15. marts 2006 - 11:17 #5
Tak for svarene.

Jeg endte med at bruge denne på min tabel:

onmouseover=\"this.className='filter: Alpha(Opacity=50);}'\"
onmouseout=\"this.className='filter: Alpha(Opacity=100);}'\"

Jeg ved ikke hvem pointet bør tilfalde - måske en deler mellem johan.o og carsbergnyder?
Avatar billede johan.o Nybegynder
15. marts 2006 - 14:47 #6
Stik du dem bare til carlsbergnyder :)

Mvh. Johan
Avatar billede mstorgaard Praktikant
17. marts 2006 - 07:46 #7
Svar? :)
Avatar billede mkjaer Nybegynder
18. marts 2006 - 09:48 #8
Tillægsspørgsmål:

Jeg har nu lavet en:
onClick=\"document.location.href='LINK';\"

Men den laver ikke muse-ikonet om til den velkendte hånd, som det sker når jeg kører musen over 'almindelige' links. Kan jeg få klienten til at gøre dette på denne type link?

Hilsen
Martin
Avatar billede johan.o Nybegynder
18. marts 2006 - 10:45 #9
Du kan sætte det med style på elementet :

style="cursor: pointer;"

Mvh. Johan
Avatar billede mkjaer Nybegynder
18. marts 2006 - 17:01 #10
Takker. Du er velkommen til at lave et tom spørgsmål/svar, så får du lidt point...
Avatar billede mkjaer Nybegynder
18. marts 2006 - 17:01 #11
Ok, jeg laver et tomt spørgsmål - du svarer....
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