Flere id=01´s der skal ændre baggrundsfarve ved onMouseOut

Ps. Når jeg bruger document.getElementById(\"01\").bgColor= #ff0000 fanger jeg KUN det første element der har id=01 (selvfølgeligt)

brug \" og strengparametre, og husk at dine id\'er skal have et lovligt javascript nanv (dvs begunde med et bogstav:

<td id=\"n01\">
<td id=\"n02\">
<td id=\"n01\">
<td id=\"n01\">
<td id=\"n01\">
<td id=\"n01\">

så risikerer du ikke at finde \"det element der har nummer 1\" når du leder efter \"det element der har navn \"01\".

mvh JakobA

Når du bruger samme navn flere gange skal det være  class=\"n01\" .
ID-navne bør kun bruges een gang i hele dokumentet.

der er vistnok noget med:
  window.styles.classnavn.background = \"#123456\";
for at sætte baggrundsfarven i alle elementer i den klasse.

Men en anden må komme med den korrekte adressering, for jeg tvivler på ovenstående er den rette.

mvh JakobA

hmm dvs

document.getElementById(\"n01\").bgColor= #ff0000
<td class=\"n01\">

øhhh.... jeg er efterhånden træt af at være dummie i JavaScript så RET mig RET mig RET mig RET mig RET mig RET mig RET mig RET mig RET mig ... så jeg kan lære mere :-)

Nej. du kan ikke bruge getElementById på et class navn, netop fordi der kan være flere elementer med den klasse.

Du skal have adresseret klassen selv. (på nåt vis:)

I IE ser det ud til at adressen er:

self.document.styleSheets[\"n01\"].background = \"FF0000\";

prøv den

næe, det hedder vist:
self.document.styleSheets[\"n01\"].style.backgroundColor = \'#ff0000\';

Er det crossbrowser??

Her er koden...

<html>
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<head>
<title>SWING KING</title>
<LINK REL=\"STYLESHEET\" HREF=\"http://td171794/SWINGKINGstyle.css\" TYPE=\"text/css\">
<!--#include file=\"../../adovbs.inc\"-->

<script language=\"JavaScript1.2\">

hex=255 // Initial color value.
function fadein(){
if(hex>0) { //If color is not black yet
hex-=11; // increase color darkness
document.getElementById(\"n01\").bgColor=\"rgb(\"+hex+\",\"+hex+\",\"+hex+\")\";
setTimeout(\"fadein()\",50);
}
else
hex=255 //reset hex value
}
</script>
</head>
<body>
<table border=\"0\">
<tr><td id=\"n01\"
        STYLE=\"cursor:hand;\"
        onClick=\"fadein();\"
    >ID n01 (1)</td></tr>
<tr><td id=\"n01\"
        STYLE=\"cursor:hand;\"
        onClick=\"fadein();\"
    >ID n01 (2)</td></tr>
</table>
</html>

Ikke spor crossbrowser. i NS hedder det utvivlsomt noget andet; ,em det burde også være muligt at adressere klassen der.

Betyder ovenstående at den der virkede i IE?

nope den virkede ikke derfor har jeg nu smidt koden frem fra skabet :o)

brug class istedet for id.  et givet id må KUN bruges een gang.

<table border=\"0\">
<tr><td class=\"n01\"
        STYLE=\"cursor:hand;\"
        onClick=\"fadein();\"
    >ID n01 (1)</td></tr>
<tr><td class=\"n01\"
        STYLE=\"cursor:hand;\"
        onClick=\"fadein();\"
    >ID n01 (2)</td></tr>
</table>

har du lavet ID om til class i \'http://td171794/SWINGKINGstyle.css\'?

mvh JakobA

jeg får en \"ukendt fejl [1 804B001E]\" når jeg prøver at downloade din css fil.
Kan du fortælle mig hvad der står i den?

jeg kan sende den til dig?

Min mail er HorsMark@tdc.dk

->ps. http://td171794 er min intranetserver så hvis du kunne kalde den havde jeg ét problem eller 123615½ ;-)

Ja det var jo en god grund :-)).
her virker faden i det mindste:
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp93470.html
men det er en sølle løsning for jeg adresserer ind i de definerede styles med et nummer, istedet for med navnet \"n01\".
self.document.styleSheets[0].rules[2].style.backgroundColor = \"rgb(\"+hex+\",\"+hex+\",\"+hex+\")\";
Det må kunne gøres bedre (rules[2] er 0,1,2-ende definition i stylesheetet).

Jeg har ikke gjort noget for at gøre den crossbrowser. Netscape kan alligevel ikke forstå onclick events i en <td kommando.
fejlen:
[an error occurred while processing this directive]
kommer af at jeg ikke har den fil der skal SSI-includes. den skulle være ok når du kopierer siden \'hjem\' :-))

Men den adressering er ikke god nok til at gå i produktion med. det må kunne gøres bedre.

mvh JakobA

oki takker du får pointsne...

Hvad hmm forstår NS onMouseOver onMouseOut i <td>´s ?

Desværre. Det nærmeste jeg kan foreslå er løbende at aflæste x,y værdier for cellerne. (og så have en onclick på body der lige tester hvor der blev klikket før den evt går videre til fade-funktionen.)
du kan finde det meste af den nødvendige kode her:
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp57415.html

tak for points.

mvh JakobA

takker... ved du forresten hvor på nættæt jeg kan finde en \"ordbord\" over ALLE kommandoer, Elementer, Objecter osv i JavaScript

IKKE et ordnetindex men en A-Z forklaring ?

Den jeg mest bruger er den for Netscapes Javascript reference manual:
http://developer.netscape.com/docs/manuals/js/client/jsref/index.htm

led i index efter objektets klassenavn (fx \"document\") klik og klig så igen der der står \"... methos of document.\". Så er du henne ved en ganske god og komplet beskrivelse af det objekt.
IE\'s layout for diverse objekter er så lidt anderledes, men man kan stort set regne med at det man finder der også går i IE.

mvh JakobA

ok vil lige sove en 30 timers tid og så håbe mine små grå kaperer mere input (har været på SQL kursus hele dagen *FEDT!*)

tak for hjælpen :-)

:-)