Notifikationer

Markér alle som læst Log ud

dp2001 Juniormester

11. juni 2004 - 14:51 Der er 12 kommentarer og
1 løsning

Rollover-effekt med ASP

Hvordan laver man en rollover-effekt, a la www.onside.dk, naar man beväger musen henover nogle räkker i en tabel.

Räkkeantallet kan väre variabelt - og samtidig skal det haandtere, at räkkefarven (baggrund) skiftevis er farve A og farve B, men at denne ändres, naar man körer musen henover og derefter skifter tilbage til farve A/B, naar fokus fjernes igen.

Nogle idéer? Gaar ud fra, at det ska löses med baade CSS+ASP.

Synes godt om

roenving Novice

11. juni 2004 - 15:02 #1

Det er java script:

onmouseover='trcol(this,"#3399CC");' onmouseout='trcol(this,"#C0C0C0");'

function trcol(o,col)
{
o.style.backgroundColor=col;
}

Synes godt om

dp2001 Juniormester

11. juni 2004 - 15:05 #2

Jamen, det supporterer jo ikke, at jeg kan have 2 forskellige baggrundsfarver fra start? Hvis ja, har du saa eksempel?

Synes godt om

roenving Novice

11. juni 2004 - 15:08 #3

Jo da, den næste linje har:

onmouseover='trcol(this,"#3399CC");' onmouseout='trcol(this,"");'

Hvor det så er feltets/tabellens baggrundsfarve, som vises ...

Synes godt om

gil-galad Nybegynder

11. juni 2004 - 15:11 #4

du kan bruge css:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
a.menupunkt:active, a.menupunkt:link, a.menupunkt:visited {
text-decoration: underline;
background-color: #000000;
color: #FFFFFF;
border: 0;
border-left: 3px solid #000000;
display: block;
line-height: 20px;
width: 100%;
}

a.menupunkt:hover {
text-decoration: none;
background-color: #42495A;
border: 0;
border-left: 3px solid red;
display: block;
color: #FFFFFF;
width: 100%;
}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="120px" border="0" cellspacing="0" cellpadding="0" align="center" class="menu">
<tr>
<td class="menupunkt"><a href="#" class="menupunkt">1</a></td>
</tr>
<tr>
<td class="menupunkt"><a href="#" class="menupunkt">2</a></td>
</tr>
<tr>
<td class="menupunkt"><a href="#" class="menupunkt">3</a></td>
</tr>
<tr>
<td class="menupunkt"><a href="#" class="menupunkt">4</a></td>
</tr>
</table>
</body>
</html>

Synes godt om

roenving Novice

11. juni 2004 - 15:11 #5

Men det dur ikke på tabeller ...

<script type="text/javascript">
function trcol(o,col)
{
o.style.backgroundColor=col;
}
</script>

<table style="background:#eee;">
<tr style="background:#c0c0c0;" onmouseover='trcol(this,"#3399CC");' onmouseout='trcol(this,"#C0C0C0");'>
<td width="100">Noget tekst</td><td width="100">Et tidspunkt</td>
</tr>
<tr style="background:;" onmouseover='trcol(this,"#3399CC");' onmouseout='trcol(this,"");'>
<td width="100">Noget tekst</td><td width="100">Et tidspunkt</td>
</tr>
</table>

Synes godt om

gil-galad Nybegynder

11. juni 2004 - 15:13 #6

nej, men går da stærkt ud fra at der skal være et link i td'en!

Synes godt om

roenving Novice

11. juni 2004 - 15:16 #7

Det dp2001 henviser til er en tabel med to-tre celler pr. række, og så kan man ikke bruge den model ...

Medmindre man bruger Mozilla eller Opera som browser, for så understøttes :hover på andre elementer end links !-)

Synes godt om

dp2001 Juniormester

11. juni 2004 - 15:16 #8

Jeg takker - det ser ud til at funge - nu skal jeg bare lige have det samskrevet med noget ASP, men det burde vel ikke väre noget problem. Point til roenving.

Synes godt om

roenving Novice

11. juni 2004 - 15:16 #9

Velbekomme '-)

Synes godt om

dp2001 Juniormester

11. juni 2004 - 15:16 #10

(hvis han svarer)

Synes godt om

gil-galad Nybegynder

11. juni 2004 - 15:17 #11

hvorfor skal der være flere celler pr. række? er det pga. to farver? det kan jo bare løses med en border (som jeg har gjort)

Synes godt om

dp2001 Juniormester

12. juni 2004 - 15:47 #12

tak for svaret roenving - ved du tilfældigvis hvordan jeg kan omskrive det til ASP, alstå noget a la...

response.write "<tr style="background:#c0c0c0;" onmouseover='trcol(this,"#3399CC");' onmouseout='trcol(this,"#C0C0C0");'>"

Synes godt om

roenving Novice

12. juni 2004 - 15:53 #13

response.write "<tr style=""background:#c0c0c0;"" onmouseover='trcol(this,""#3399CC"");' onmouseout='trcol(this,""#C0C0C0"");'>"

-- og jeg mener den tomme bare skal laves med 4 "er ...

-- og tak for point ;~}

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

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra ASP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Jeg bakser med noget Database og If Then med ASP - hvad gør jeg galt? Af Peer i ASP	9	25/06/202622:20	29/06/202621:55
Tjek alle checkbox i form Af bsn i ASP	4	18/05/202601:57	19/05/202613:33
Lost focus Af bsn i ASP	1	07/11/202415:34	01/01/202514:58
ASP classic Af bsn i ASP	8	28/10/202423:11	30/10/202422:51
Classic - filer vist med sidste fil først Af bsn i ASP	5	23/05/202409:56	24/05/202400:02

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