Avatar billede matz Nybegynder
27. oktober 2007 - 21:56 Der er 16 kommentarer og
1 løsning

mouseover og mouseout

Jeg prøver at få den her til at skifte farve når musen kommer over den, men det virker ikke. Nogen der kan se fejlen?

<tr style=""background-color: #E4E4E4; cursor: hand;"" onMouseOver=""this.style.background='#ABCC53';"" onMouseOut=""this.style.background='#E4E4E4';"" onClick=""document.location.href=<?php echo'<a href="?page=visprodukt&id='. $array["pid"] .''. $array["navn"] .'</a><br>'; ?>>
     
      <td valign="top">   
<img src="<?php echo $array['billedesti']; ?>" border="0" width="120" height="90" />   
      </td>

     
      <td  valign="top">
   
      <?php echo'<a href="?page=visprodukt&id='. $array["pid"] .'">'. $array["navn"] .'</a><br>'; ?>
      <?php echo klip($array["beskrivelse"], 187). "<br /><br />"; ?>
      </td>
    </tr>
Avatar billede nielle Nybegynder
27. oktober 2007 - 22:09 #1
Alle de steder hvor du har 2 "" nskal vist ændres til enkelt ".

PS: JavaScript spørgsmål hare sin egen kategori.
Avatar billede matz Nybegynder
27. oktober 2007 - 22:25 #2
Okay nu udskriver den "navn >" ?

<tr style="background-color: #ffffff; cursor: hand;" onMouseOver="this.style.background='#ABCC53';" onMouseOut="this.style.background='#ffffff';" onClick="document.location.href="<?php echo'<a href="?page=visprodukt&id='. $array["pid"] .'">'. $array["navn"] .'</a><br>'; ?>>
Avatar billede nielle Nybegynder
27. oktober 2007 - 22:36 #3
Der er et eller andet galt i denne del:

... onClick="document.location.href="<?php echo'<a href="?page=visprodukt&id='. $array["pid"] .'">'. $array["navn"] .'</a><br>'; ?>> ...

Værdien som

document.location.href

skal sættes til skal være et url ... det dur ikke at forsøge at sætte den til at være en href-tag.
Avatar billede matz Nybegynder
27. oktober 2007 - 22:41 #4
Hmm Har du en løsning på det? For jeg kan ikke lige se det.
Avatar billede nielle Nybegynder
27. oktober 2007 - 22:46 #5
En løsning ... tja det afhænger jo af hvad det er du ønsker at opnå.

Men dette her virker nok bedre:

<tr style="background-color: #ffffff; cursor: hand;"
onMouseOver="this.style.background='#ABCC53';"
onMouseOut="this.style.background='#ffffff';"
onClick="document.location.href='?page=visprodukt&id=<?php echo $array["pid"] ?>'>
Avatar billede nielle Nybegynder
27. oktober 2007 - 22:46 #6
<tr style="background-color: #ffffff; cursor: hand;"
onMouseOver="this.style.background='#ABCC53';"
onMouseOut="this.style.background='#ffffff';"
onClick="document.location.href='?page=visprodukt&id=<?php echo $array["pid"] ?>'">
Avatar billede matz Nybegynder
27. oktober 2007 - 22:49 #7
Nu liver billederne placeret øverst og væk fra teksten... Jeg vil opnå at når musen føres over en tabel så skal skifte farve og være klikbar.
Avatar billede matz Nybegynder
27. oktober 2007 - 22:50 #8
Din sidste kommentar virkede som det skal. Kan man få border på?
Avatar billede nielle Nybegynder
27. oktober 2007 - 22:53 #9
Noget i denne stil:

<tr style="background-color: #ffffff; cursor: hand;"
onMouseOver="this.style.background='#ABCC53';this.style.border='????????';"
onMouseOut="this.style.background='#ffffff';this.style.border='????????';"
onClick="document.location.href='?page=visprodukt&id=<?php echo $array["pid"] ?>'">
Avatar billede matz Nybegynder
27. oktober 2007 - 22:55 #10
Nu sker der intet med mouseOver:

<tr style="background-color: #ffffff; cursor: hand;"
onMouseOver="this.style.background='#ffffff';this.style.border='#cccccc';"
onMouseOut="this.style.background='#ffffff';this.style.border='#ffffff';"
onClick="document.location.href='?page=visprodukt&id=<?php echo $array["pid"] ?>'">
Avatar billede nielle Nybegynder
27. oktober 2007 - 22:59 #11
Du har jo også den samme baggrundsfarve i de to tilfælde.
Avatar billede matz Nybegynder
27. oktober 2007 - 23:03 #12
Ja men kan man ikke få den til at gøre så det kun er border der skifter farve? Det er det jeg prøver på der.
Avatar billede nielle Nybegynder
27. oktober 2007 - 23:06 #13
Sådan?

<tr style="background-color: #ffffff; cursor: hand;"
onMouseOver="this.style.background='#ABCC53';this.style.border-color='????????';"
onMouseOut="this.style.background='#ffffff';this.style.border-color='????????';"
onClick="document.location.href='?page=visprodukt&id=<?php echo $array["pid"] ?>'">
Avatar billede matz Nybegynder
27. oktober 2007 - 23:09 #14
Det virker desværre ikke:

<tr style="background-color: #ffffff; cursor: hand;"
onMouseOver="this.style.background='#ffffff';this.style.border-color='#cccccc';"
onMouseOut="this.style.background='#ffffff';this.style.border-color='#ffffff';"
onClick="document.location.href='?page=visprodukt&id=<?php echo $array["pid"] ?>'">
Avatar billede nielle Nybegynder
28. oktober 2007 - 06:31 #15
Som sagt høre dette spørgsmål hjemme i JS kategorien. Hvis du husker det til næste gang kan det være at det er de rette folk som kigger på det fra starten af. :^)

Trore nok at det så er sådan?

<tr style="background-color: #ffffff; cursor: hand;"
onMouseOver="this.style.background='#ffffff';this.style.backgroundColor ='#cccccc';"
onMouseOut="this.style.background='#ffffff';this.backgroundColor ='#ffffff';"
onClick="document.location.href='?page=visprodukt&id=<?php echo $array["pid"] ?>'">

PS: Hvorfor fjerner du ikke dine to this.style.background når de nu ikke har nogen effekt i dette tilfælde?
Avatar billede matz Nybegynder
28. oktober 2007 - 11:18 #16
Det virker desværre ikke... Jeg opretter spørgsmålet i javascript forummet.

Ellers tak for hjælpen :)
Avatar billede nielle Nybegynder
28. oktober 2007 - 11:26 #17
Jeg synes nu ellers at jeg svarede på det oprindelige spørgsmål?
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