problem mit htmltag für document.getElementById('tabelle2')... javascript

[Frederic.Schlüter]

ich habe ein problem:
ich bin totaler newbie was html und js angeht.
ich will, dass beim mouseover über ein bild in einer tabelle
die zellen () einer anderen tabelle eingefärbt werden.
threadi hat mir den tipp mit

document.getElementById('tabelle2').style.backgroundColor = 'green';}

gegeben, docjh ich weiß den html tag dafür nicht.
wäre euch sehr dankbar für hilfe und rat

 

[Gilles]

Das Ganze muss in den Script-Tag. Aber du solltest dir eventuell die Basics von Javascript anschauen, um wenigstens zu verstehen was da passiert.
Dazu ahb ich auf die Schnelle das hier gefunden
http://www.homepage-total.de/javascript/js_grundkurs001.php

 

[Frederic.Schlüter]

danke für den link.
wirklich hilfreich,
aber für mein document problem hat es
lerider nichts gebracht :(

 

[struppi]

aber für mein document problem hat es
lerider nichts gebracht :(

Welches document Problem?

 

[muhl]

Eigentlich gar nicht so schwer,
wenn du über das Bild gehst, dann wird über onmouseover eine Handlung ausgelöst, die durch javascript ausgeführt wird. das javascript wiederum lokalisiert die 2. tabelle und färbt diese ein.
du kannst dir das javascript wie einen wächter vorstellen, der über der seite schwebt, deswegen wird javascript auch vor dem body-tag eingebunden. wenn dann jemand mit der maus über ein bild wandert, wacht der wächter auf und pinselt die entsprechenden zellen an.
dir wurde vorgeschlagen:
document.getElementById('tabelle2').style.backgrou ndColor = 'green';
das heißt: in diesem document (document.) suche ein element mit dem namen tabelle2 aus. (getElementById("tabelle2").)
dann verändere den Stil der Tabelle (style.) und zwar die Hintergrundfarbe (backgroundColor).
Die soll dann grün werden (="green"). Das war alles ( letztes Zeichen: ; )
Sende doch mal den relevanten ausschnitt der html-codierung mit dem bild, das reagieren soll und der tabelle, die verändert werden soll.
gruß,

maik

 

[Frederic.Schlüter]

<td>
<a href="Eingang.html" >
<IMG SRC="images/Schlafzimmer1.jpg" class="zoom" style="width: 160px; height: 120px"
BORDER="0"></a><p>
</td>
ist die zelle, in der sich das bild befindet.

die tabelle, deren zellenfarbe sich ändern soll ist:

<table border="1" width="430">
<tr>

<td align="left">
<table width="140"><tr>
<tr>
<td>
<table border="1"><tr><td height="150" width="100%"><p align="center">Schlafzimmer 1</p></td></tr></table>
<table><tr><td height="60" width="100%"><p align="center">Bad</p></td></tr></table>
<table border="1"><tr><td height="150" width="100%"><p align="center">Schlafzimmer 2</p></td></tr></table>
</td></tr></table>

</td>

<td align="center">
<!-- tabelleküchebad -->
<table width="290">
<tr>
<td>

<table height="100%" border="1">
<tr height="100">
<td border="1" width="240"><p align="center">Küche</p></td>
<td width="50"><p align="center">Bad</p></td>
</tr></table>
</td>
</tr>

<!-- /tabelleküchebad -->
<tr>
<!-- tabellewohnzimmer -->
<td><table>
<tr>
<td height="150"><p align="center">Wohnzimmer</p></td>
</tr>
</table></td>
<!-- /tabellewohnzimmer -->
</tr>
<tr>
<!-- tabellekinderzimmer -->
<td><table border="1" height="110">
<tr align="left">
<td width="150"><p align="center">Kinderzimmer</p></td>
</tr>
</table>
</td></tr></table>
<!-- /tabellekinderzimmer -->
</td>
<td>
<table width="270"><tr>
<td>
<table align="center" width="100" height="200" hspace="115" vspace="85" border="1">
<tr>
<td><p align="center">Pool</p></td>
</tr>
</table>
</td></tr>
</table>
</td>
</tr>
</table>

 

[Frederic.Schlüter]

welches documentproblem?

das javascript, das ich versuche zu benutzen
fängt mit ducument an,
ich war zu faul, den ganzen Namen zu schreiben ;)

 

[struppi]

Wo ist in deinem Code ein Element mit der ID 'tabelle2'?

 

[Frederic.Schlüter]

eigentlich in der tabelle da oben, nur ich weiß nicht so genau wo

 

[Frederic.Schlüter]

ich meine wo ich das plazieren soll

 

[Gilles]

Hab mir grade mal dein HTML angeschaut. Hat die Seite es eilig erstellt zu werden? Denn solch ein Quelltext ist nicht zumutbar. Denn das Problem ist der Aufbau der Seite. Du verschachtelst Tabellen um ein Outfit zu erschaffen. Es ist schwierig per Javascript auf die Tds innerhalb der Tabellen zuzugreifen, da du sehr viel schachtelst. Deswegen mal eine Frage. Wie eilig hast du es mit der Seite? Denn die Seite mit CSS zu stylen wäre erheblich leichter und würde diese ganzen verschachtelungen sparen. Außerdem wäre das einfärben wesentlich leichter. Außerdem wäre der Quelltext der Seite viel übersichtlicher.

 

[Frederic.Schlüter]

die verschachtelung ist vom lehrer vorgegeben,
es handelt sich nämlich um ein script für die schule
und wir müssen den grundriss mit einer tabelle lösen.
ich weiß das sich das ein bisschen blöd anhört,
aber ich bin noch im 1.halbjahr informatik-
js und css sind freiwilliger zusatz.
aber es hat sich schon erledigt.
function farbe(ziel)
{
document.getElementById(ziel).style.backgroundColor="#FF0000";
}
function aus(ziel)
{
document.getElementById(ziel).style.backgroundColor="#323235";
}
(ich finde auch, dass es schreklich aussieht)

 

[Frederic.Schlüter]

vielen dank an alle helfer!
das problem hat sich mit der hilfe von muhl erledigt:

function farbe(ziel)
{
document.getElementById(ziel).style.backgroundColor="#FF0000";
}
function aus(ziel)
{
document.getElementById(ziel).style.backgroundColor="#323235";
}