• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

<td> tab hintergund ändern

MasterD

New member
hi ,

wie kann ich bei einem <td> tab die hintergrundfarbe mit einem link ändern ? bitte beide befehle für IE und NN(NC)
 
kuck mal hier

http://www.dynamicdrive.com/dynamicindex11/highlighttable.htm
onmouseover efect bei table elementen, klappt aber nur beim ie

oder vieleicht weiß ja jemand wie man das script abstimmen kann wenn möglich


<HTML>
<HEAD>
<TITLE>Title of your page</TITLE>
<META NAME="generator" CONTENT="ToniArts EasyHtml v.2.2">
<script language="JavaScript1.2">

function changeto(highlightcolor)
{
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor)
{
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}

</script>
</HEAD>
<BODY bgcolor=lightgreen>
<center>
<pre>

</pre>
<table onmouseover="changeto('green')" onmouseout="changeback('lightgreen')" border=1 bordercolor=gold width=300 height=100>
<tr><td id="ignore" bgcolor=blue><b>Menü</b></td></tr>
<tr><td><b>Text/Link</b></td></tr>
<tr><td><b>Text/Link</b></td></tr>
</table>
</center>
</BODY>
</HTML>
 
onclick

und jetzt noch der für onclick


<html><head><title>Test</title>

<script>
function check()
{

x=document.Eingabe.Feld.value;
ignore.style.backgroundColor=x;

}

function check2()

{

y="blue"
ignore.style.backgroundColor=y;

}
</script>
</head>
<body>
<center>
<form name="Eingabe">
gib hier den farbnamen oder die farbe in hex dezimal ein:
<input type=text name="Feld"><br>
<input type=button value="OK (oder klicke auf den table)" onClick="check()">
</form>
<pre>

</pre>
<table border=1 bordercolor=gold width=100 height=10>
<tr>
<td id="ignore" bgcolor=blue onMouseDown="check()" onMouseup="check2()"><b>Menü</b></td>
</tr>
</table>
</center>

</body></html>

und HIER für das ändern der farbe in einem anderen fenster/frame

<html><head><title>Test</title>

<script language="JavaScript">
<!--
fenster = window.open('dummytable.htm','fenster','menubar=no,status=no,toolbar=no,width=400,height=100');

function check()
{

x=document.Eingabe.Feld.value;
parent.fenster.ignore.style.backgroundColor=x;

}

-->
</script>
</head>
<body>
<center>
<form name="Eingabe">
gib hier den farbnamen oder die farbe in hex dezimal ein:
<input type=text name="Feld"><br>
<input type=button value="farbe ändern" onClick="check()">
</form>

</center>

</body></html>
 
achja

ich vergaß, mein dummytable.htm hat nen table der so aussieht:

...
<table border=1 bordercolor=gold width=100 height=10>
<tr>
<td id="ignore" bgcolor=blue><b>Menü</b></td>
</tr>
</table>
...

was wichtig ist, ist die id im <td>-tag damit auf das objekt zugegriffen werden kann
und nich zu vergessen/verwechseln ist die bezeichnung des frames/fensters ...normal.
 
Zurück
Oben