nicht angemeldet
Hi alle,
ich habe folgendes Problem:
Ich habe eine Tabelle in der die Zeile die man anklickt farblich markiert wird.
Der Name der in dieser Zeile steht soll dann unten in einem "textarea" - Feld angezeigt werden, solange der Name markiert ist. Wenn der Name wieder entmarkiert wird soll dieser auch wieder aus dem "textarea" - Feld verschwinden.
Weiter sollen auch mehrere Namen in dem "textarea" - Feld angezeigt werden (natürlich nur wenn mehrere markiert sind).
Hier ist nun das Javascript soweit wie ich es hinbekommen habe:
_____________________________________________________________
<html>
<head>
<script type="text/javascript">
//-----------------------------------------------------------------------
// Akktuelle Zeile: markieren und merken
function Markieren(element)
{
// alert ("Hintergrund" + document.getElementById(element).bgColor);
if (document.getElementById(element).bgColor == "#ffffff")
{
document.getElementById(element).bgColor = "#ff0000";
}
else
{
document.getElementById(element).bgColor = "#ffffff";
}
MarkierteAusgeben();
}
function MarkierteAusgeben()
{
//var Namenausgabe = document.getElementById().childNodes[0]
var x;
for(x=1; x<=11; x=x+1)
//alert("Ich bin in Zeile " + x);
{
if (document.getElementById(x).bgColor == "#ff0000")
{
document.getElementById("xyz").innerText = Namenausgabe;
//alert("Jetzt wurde eine markierte Zeile angezeigt");
}
}
}
</script>
</head>
<body bgcolor="#00ff00">
<p align="center"><font face="Arial"><b>Mitarbeiter<br>
<br>
</b>
<div align="center">
<br>
Bitte markieren Sie die Mitarbeiter, die befördert werden sollen:
<br><br>
<table bgcolor="#ffffff" border="0" width="500">
<tr>
<td bgcolor="#EEEEEE" width="156"><font face="Arial"><b>Name</font></td>
<td bgcolor="#EEEEEE" width="153"><font face="Arial"><b>Funktion</font></td>
</tr>
<tr bgcolor="#ffffff" id="1" onClick="Markieren(id)">
<td><font face="Arial">Stephan Seiler</font></td>
<td><font face="Arial">Auszubildender 1. Jahr</font></td>
</tr>
<tr bgcolor="#ffffff" id="2" onClick="Markieren(id)">
<td><font face="Arial">Sebastian Rheinemann</font></td>
<td><font face="Arial">göttlicher Praktikant</font></td>
</tr>
<tr bgcolor="#ffffff" id="3" onClick="Markieren(id)">
<td><font face="Arial">Bruno Barbara</font></td>
<td><font face="Arial">Geselle</font></td>
</tr>
<tr bgcolor="#ffffff" id="4" onClick="Markieren(id)">
<td width="156"><font face="Arial">Phil Piro</font></td>
<td width="200"><font face="Arial">Auszubildender 4. Jahr</font></td>
</tr>
<tr bgcolor="#ffffff" id="5" onClick="Markieren(id)">
<td width="156"><font face="Arial">Marc Olivar-Korb</font></td>
<td width="200"><font face="Arial">Auszubildender 3. Jahr</font></td>
</tr>
<tr bgcolor="#ffffff" id="6" onClick="Markieren(id)">
<td width="156"><font face="Arial">Torsten Gerstacker</font></td>
<td width="200"><font face="Arial">Auszubildender 2. Jahr</font></td>
</tr>
<tr bgcolor="#ffffff" id="7" onClick="Markieren(id)">
<td width="156"><font face="Arial">Stefan Hensel</font></td>
<td width="200"><font face="Arial">Auszubildender 2. Jahr</font></td>
</tr>
<tr bgcolor="#ffffff" id="8" onClick="Markieren(id)">
<td width="156"><font face="Arial">Olaf Jacobi</font></td>
<td width="200"><font face="Arial">Werkstattleiter</font></td>
</tr>
<tr bgcolor="#ffffff" id="9" onClick="Markieren(id)">
<td width="156"><font face="Arial">Rudi Assfahl</font></td>
<td width="200"><font face="Arial">Arbeiter</font></td>
</tr>
<tr bgcolor="#ffffff" id="10" onClick="Markieren(id)">
<td width="156"><font face="Arial">Pascal Bennung</font></td>
<td width="200"><font face="Arial">Auszubildender 1. Jahr</font></td>
</tr>
<tr bgcolor="#ffffff" id="11" onClick="Markieren(id)">
<td width="156"><font face="Arial">Alex Bensak</font></td>
<td width="200"><font face="Arial">Praktikant</font></td>
</tr>
</table>
<br><br>
<font face="Arial">Klick markiert bzw. entmarkiert.</font>
<br><br>
<textarea id="xyz" rows="5" name="Ausgabe" cols="20"></textarea>
</table>
</div>
</body>
</html>
_________________________________________________________
Für Hilfe und Antworten bin ich sehr dankbar.
Ciao
Goi