Notifikationer

Markér alle som læst Log ud

sonic666 Novice

07. januar 2008 - 12:30 Der er 8 kommentarer og
1 løsning

Ændre celler-baggrund ved mouseover

Jeg har brug for at kunne ændre baggrundsfarven i en tabel celle ved mouseover. indholdet(tekst) i cellen skal ikke ændres.

jeg har før været ude i noget med at ændre farvet på cellens border med:

onmouseover="this.firstChild.style.border='solid 2px #fff';this.style.color='#fff'"

Måske man kan bruge noget i samme retning... Håber nogen kan hjælpe.

Synes godt om

di8leva Nybegynder

07. januar 2008 - 12:52 #1

Sådan her kan du lave det:

<html>

<table border="1">
<tr>
<td onmouseover="this.style.backgroundColor='#FF0000';">1 - One</td>
</tr>
</table>
</html>

Synes godt om

sonic666 Novice

07. januar 2008 - 15:49 #2

Nåh ja men du har jo løst mit problem, så du må hellere få nogle point. Skriv lige npget.

Synes godt om

roenving Novice

08. januar 2008 - 00:03 #3

Er det kun een celle, du vil ændre baggrund på, eller har du flere i en række ?-)

Synes godt om

sonic666 Novice

08. januar 2008 - 09:35 #4

det er faktisk 5 celler ved siden af hinanden ud af en række med 7

Synes godt om

sonic666 Novice

08. januar 2008 - 11:32 #5

er der en måde man kan få den "hvide hånd" frem som cursor når man holder musen over linket?
som det er lavet nu får man kun en text-cursor.

Synes godt om

di8leva Nybegynder

08. januar 2008 - 15:26 #6

Her er en lidt bädre, også med hånden:

<html>

<script type="text/javascript">
// Colors
backgroundDef = '#FFFFFF';
backgroundOver = '#FF0000';
// Function
function change(object, mode) {
if(mode == 1) {
object.style.backgroundColor = backgroundOver;
} else {
object.style.backgroundColor = backgroundDef;
}
}
</script>

<table border="1">
<tr style="cursor: pointer;" >
<td onmouseover="change(this, 1);" onmouseout="change(this, 0);">1 - One</td>
<td onmouseover="change(this, 1);" onmouseout="change(this, 0);">1 - Two</td>
<td onmouseover="change(this, 1);" onmouseout="change(this, 0);">1 - Three</td>
</tr>
</table>
</html>

Synes godt om

roenving Novice

08. januar 2008 - 17:01 #7

Hvordan 5 ud af 7 (f.eks. de 2 første skal ikke ændres eller ... ?-), og skal mouseover-tingen virke på alle 7 celler eller kun de 5 ?o]

-- ingen tvivl om, at en æædring af hele rækkens baggrund er adskilligt simplere !-)

Synes godt om

olebole Juniormester

08. januar 2008 - 21:41 #8

<ole>

- man kunne vel også lægge baggrund i de to celler - og så ændre rækkens baggrund :)

/mvh
</bole>

Synes godt om

roenving Novice

09. januar 2008 - 16:26 #9

Sæ'føl'somt !-)

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 HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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