Notifikationer

Markér alle som læst Log ud

matz Nybegynder

28. oktober 2007 - 11:19 Der er 21 kommentarer og
1 løsning

mouseover og mouseout

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

<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"] ?>'">

Synes godt om

soerenlyn Nybegynder

28. oktober 2007 - 11:39 #1

det skal være sådan:

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

Jeg har ændret cursor:hand; til cursor:pointer, da hand ikke er valid crossbrowser. I javascript erstatter man css-bindestreger med stortbogstav i det efterføgende ord i stedet :)

Synes godt om

w13 Novice

28. oktober 2007 - 11:39 #2

Hvorfor sætter du background til #ffffff hver gang? Hvis du ikke ændrer den andre steder, skulle det gerne være ligemeget.
Og du sætter border-color rigtigt, men har din tabel overhovedet slået borders til? For ellers skal du jo også have:

border-width:1px;
border-style:solid;

Hvilket også kan slås sammen til:

border:1px solid #ffffff;

i CSS.

Synes godt om

w13 Novice

28. oktober 2007 - 11:40 #3

Ah, den burde jeg have set. Ja, selvfølgelig skal border-color trækkes sammen til borderColor i JavaScript, som jo er case-sensitive.

Synes godt om

soerenlyn Nybegynder

28. oktober 2007 - 11:41 #4

Du mangler et falkeøje hr. w13 ! ;)

Synes godt om

soerenlyn Nybegynder

28. oktober 2007 - 11:42 #5

Og en lille smule hastighed, 8 sek :)

Synes godt om

w13 Novice

28. oktober 2007 - 11:44 #6

Damn you, Hr. Søren Lyn! ^^

Synes godt om

matz Nybegynder

28. oktober 2007 - 12:09 #7

soerenlyn >>

Der kommer stadig ikke en border rundt om når musen føres over det.

Synes godt om

soerenlyn Nybegynder

28. oktober 2007 - 12:14 #8

Så er det, som w13 så rigtigt udtaler, at du mangler at angive border. Ændr stylen på tr'en til : style="background-color:#ffffff;border:1px #ffffff solid;cursor:pointer;"

Synes godt om

w13 Novice

28. oktober 2007 - 12:17 #9

Jeg mener dog, at solid bør stå bag #ffffff, hr. Lyn.

Synes godt om

soerenlyn Nybegynder

28. oktober 2007 - 12:18 #10

Begge dele virker crossbrowser, men muligvis er dit mere korrekt ja..

Synes godt om

matz Nybegynder

28. oktober 2007 - 12:22 #11

Virker heller ikke :)

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

Synes godt om

soerenlyn Nybegynder

28. oktober 2007 - 12:26 #12

Det _skal_ virke! :P

Synes godt om

soerenlyn Nybegynder

28. oktober 2007 - 12:27 #13

Det burde virke, men se så om det virker hvis du pensler det ud:

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

Synes godt om

soerenlyn Nybegynder

28. oktober 2007 - 12:28 #14

Hvordan er din css på din tabel? Det kan være du har lavet din tabel så det ikke er muligt at se borders på tr? Burde det ikke være på table eller td ?

Synes godt om

w13 Novice

28. oktober 2007 - 16:01 #15

Har vi mulighed for at se siden et sted på nettet, så vi selv kan opleve det?

Synes godt om

mclemens Nybegynder

28. oktober 2007 - 18:00 #16

Jeg giver Matz ret: Det virker ikke.
... Jeg har ikke rodet med tabeller i et par
år, men erindrer ikke at jeg har set border på tr.

Eksempel (kig efter den 10px røde border på tr):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
table {border:10px solid #000;background:#0ff;}
tr {border:10px solid #f00;background:#00f;}
td {border:10px solid #ff0;}
td.td2 {background:#fff;}
</style>

</head><body>
<table>
<tr>
<td>a</td>
<td class="td2">a</td>
</tr>
</table>
</body></html>

... Jeg har testet W13 og Soerenlyn's forslag
på javascript og det har ikke givet nogen effekt.
- Mit forslag vil derfor være at kaste det ind i en
masse mindre tabeller og så rette border på tabellen.

Synes godt om

w13 Novice

28. oktober 2007 - 18:06 #17

Tror du har ret i, at det ikke kan være på tr, ja.

Synes godt om

soerenlyn Nybegynder

28. oktober 2007 - 19:32 #18

Ja, det var også det jeg mente med at borderen nok ikke kan ses på tr :)

Synes godt om

mclemens Nybegynder

28. oktober 2007 - 20:02 #19

Søren, så godt din kommentar med tr, men læste
det som om at du mente at det var konstruktionen
af tabellen, der gjorde tr border var usynlig.

soerenlyn 28/10-2007 12:28:19 "... Det kan være du har lavet
din tabel så det ikke er muligt at se borders på tr? ..."

Synes godt om

soerenlyn Nybegynder

28. oktober 2007 - 22:34 #20

Ja det lyder sådan ... jeg kan ikke huske hvad jeg mente, men jeg undrede mig over det var på en tr hvert fald :P

Synes godt om

matz Nybegynder

30. oktober 2007 - 21:32 #21

sorenlyn lig et svar...fik din til at virke med en <td>...Lavede en table inde i en table.

Synes godt om

soerenlyn Nybegynder

30. oktober 2007 - 23:01 #22

Ok, glad for at kunne hjælpe.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS