Avatar billede hansen Nybegynder
09. marts 2001 - 11:23 Der er 8 kommentarer og
1 løsning

Hovereffekt i tabelcelle, behold klikfarve

er det muligt at bygge dette script om, så det beholder en baggrundsfarve i cellen ved klik på link,
script---

<HTML>
<HEAD>
    <TITLE>Untitled</TITLE>
<STYLE TYPE=\"text/css\"><!--
.off  {background: #FFFFFF;}
.Button    {background: #ffcc66;}
--></STYLE>
</HEAD>
<BODY>
<table width=\"200\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
    <td class=off onMouseOver=\"this.className =\'Button\';\" onMouseOut=\"this.className=\'off\';\">Tekst 1</td>
</tr>
<tr>
    <td class=off onMouseOver = \"this.className =\'Button\';\" onMouseOut = \"this.className = \'off\';\">Tekst 2</td>
</tr>
</table>
</BODY>
</HTML>
script---
Avatar billede htx98i17 Professor
09. marts 2001 - 11:26 #1
kan du ikke bare lave en onClick=\"this.className =\'Button\';\" ?
Avatar billede ezzuk Nybegynder
09. marts 2001 - 11:30 #2
.off {background} skal have samme farve som background i button
Avatar billede ezzuk Nybegynder
09. marts 2001 - 11:31 #3
(tror jeg)
Avatar billede ezzuk Nybegynder
09. marts 2001 - 11:40 #4
det var ment som et svar!
Avatar billede hansen Nybegynder
09. marts 2001 - 11:49 #5
> ezzuk

Den skal beholde sin farve når jeg har klikket på linket, det gør den ikke ved at sætte .off farven til det samme som background, desværre
Avatar billede nute Nybegynder
09. marts 2001 - 12:54 #6
dette må du lage ved hjelp av layers

/nute
Avatar billede engrob Nybegynder
09. marts 2001 - 14:03 #7
Gør som htx98i17 eller lade være da det ikke virker i NS
Avatar billede nute Nybegynder
09. marts 2001 - 14:13 #8
lek litt med denne koden:

<html>
<head>
<title></title>
<script language=\"JavaScript\">
<!--

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function setBGColor(id,nestref,color) {
    if (ns4) {
        var lyr = (nestref)? eval(\'document.\'+nestref+\'.document.\'+id):document.layers[id]
        lyr.document.bgColor = color
    }
    else if (ie4) {
        document.all[id].style.backgroundColor = color
    }
}

//-->
</SCRIPT>
<STYLE TYPE=\"text/css\">
<!--
#mylayerDiv {position:absolute; left:80; top:110; width:100; height:30; clip:rect(0,100,30,0); background-color:#004080; layer-background-color:#004080;};
-->
</STYLE>
</HEAD>

<BODY BGCOLOR=\"#FFFFFF\">
<DIV ID=\"mylayerDiv\">

</DIV>

Change Color:
<BR><A HREF=\"java script:setBGColor(\'mylayerDiv\',null,\'red\')\">red</A>
<BR><A HREF=\"java script:setBGColor(\'mylayerDiv\',null,\'blue\')\">blue</A>

</BODY>
</HTML>

(hentet fra http://www.dansteinman.com...jeg anbefaler at du leser gjennom http://www.dansteinman.com/dynduo . den er ytrolig lærerik og aktuell for nøyaktig det du spør om.)

/nute
Avatar billede engrob Nybegynder
09. marts 2001 - 18:06 #9
Eller du kan også lade være med at gøre som htx da det ikke vil virke :)
Du vil have at hvis man kører musen over så skifter den farve og den skifter tilbage igen hvis man fører den ud, men  hvis man klikker i td\'en så skal den beholde mouseover-farven også ved mouseout ik\'?
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