Avatar billede d.kryger Praktikant
28. juli 2009 - 09:43 Der er 10 kommentarer og
1 løsning

Onclick i virker ikke i Firefox

Hej eksperter.

Jeg har en side hvor jeg bruger onclick i en tabel til at sende brugerne videre til den seneste nyhed. Men det virker ikke i Firefox. Der skal man klikke på overskriften for at komme til nyheden. I IE og Safari virker det fint!

Desuden bliver musen heller ikke til en hånd i Firefox når man er over tabellen, men det gør den i de to andre...

Er der nogen som kan hjælpe?

Min kode ser sådan ud:
<html>

<head>
<title>Test</title>
</head>

<body>

<table style='width: 458px;' cellspacing='0' cellpadding='0'>
  <tr>
    <td style='width: 458px; background-color: #EBEDE4;' onmouseover="this.style.backgroundColor='#D7D9D0'; this.style.cursor='hand';" onmouseout="this.style.backgroundColor='#EBEDE4';" onclick='nyhed1.click();'>
    <table style='width: 458px;' cellspacing='0' cellpadding='5'>
      <tr>
        <td style='width: 458px;'><a href='link.php' id='nyhed1' class='nyheder_kun_overskrift'><b>Overskrift</b></a><br>
        <span class='str10'>Dato<br></span></td>
      </tr>
    </table>
    </td>
  </tr>
</table>

</body>

</html>
Avatar billede d.kryger Praktikant
28. juli 2009 - 09:44 #1
Jeg har så lige fundet ud af at onclick heller ikke virker i Safari som jeg skrev - beklager fejlen...
Avatar billede olebole Juniormester
28. juli 2009 - 10:04 #2
<ole>

Du kan ikke adressere et element blot på dets ID:
    onclick="document.getElementById('nyhed1').click()"

- men da et link ikke har en click metode, så du må påregne, at det er et tilfældigt uheld, hvis scriptet virker ... og tilfældigt i hvilken browser(version), det måtte virke i  =)

/mvh
</bole>
Avatar billede d.kryger Praktikant
28. juli 2009 - 10:25 #3
Hej Ole.

Det forstår jeg ikke helt. Hvordan kan jeg så gøre?
Avatar billede olebole Juniormester
28. juli 2009 - 10:43 #4
Det er såmænd ikke så svært. Et link har hverken en click-, en pling- eller en dingdong-event  =)

Du kunne i stedet skrive:
    onclick="location.href='link.php'"
Avatar billede olebole Juniormester
28. juli 2009 - 10:44 #5
"en click-, en pling- eller en dingdong-metode" skulle der selvfølgelig stå  ;o)
Avatar billede d.kryger Praktikant
28. juli 2009 - 16:27 #6
Super, det var jo nemt :)
Hvordan kan jeg så få den til at vise en hånd når muser kommer over cellen?
Avatar billede olebole Juniormester
29. juli 2009 - 09:32 #7
Med lidt CSS:
    <td style="cursor:pointer" ... >
Avatar billede d.kryger Praktikant
29. juli 2009 - 10:38 #8
SUPER!, Tak for hjælpen. Vil du ikke ligge et svar, så du kan få point?
Avatar billede olebole Juniormester
29. juli 2009 - 11:07 #9
Selvtak - og svaret kommer her. Du kan forøvrigt godt slette lidt i din mouseover handler:

    <td style='width: 458px; background-color: #EBEDE4; cursor: pointer' onmouseover="this.style.backgroundColor='#D7D9D0'" onmouseout="this.style.backgroundColor='#EBEDE4';" onclick="location.href='link.php'">
Avatar billede olebole Juniormester
29. juli 2009 - 11:08 #10
... hov ... svaret  =)
Avatar billede olebole Juniormester
29. juli 2009 - 11:15 #11
Tak for points  =)
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