Goi: Akktuelle Zeile in anderm Feld wiedergeben

SELF-Forum

Akktuelle Zeile in anderm Feld wiedergeben

Goi Homepage des Autors
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Akktuelle Zeile in anderm Feld wiedergeben

    Struppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Für Hilfe und Antworten bin ich sehr dankbar.

    Das ganze ein wenig zu kürzen wäre sehr hilfreich gewesen. Zumal einige Fehler drin sind.

    <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>

    1. das font Tag ist verlatet und sol nicht mehr verwendet werden.
    2. id's dürfen nicht mit einer Zahl anfangen
    3. übergibst du deiner funktion den Inhalt der Variabel id die aber nirgendwo definiert ist.
    4. kann man diese farbliche Markierung auch mit CSS machen in deinem Falle :active
    5. sprichst du das Formularfeld falsch an, du willst den Wert ändern und nicht innertext.

    Alles in allem ist dir zu empfehlen, deine Skripte mit Mozilla oder einem anderen Browser, der nicht alles schön rechnet, zu testen, damit du auch merkst, wenn du was falsch machst.

    Außerdem ist eine Dokumentation mit weniger Fehlern Hilfreich.

    Struppi.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Akktuelle Zeile in anderm Feld wiedergeben

      Goi Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Das ganze ein wenig zu kürzen wäre sehr hilfreich gewesen. Zumal einige Fehler drin sind.

      Nun ja ich bin halt noch am anfang des lernens.

      1. das font Tag ist verlatet und sol nicht mehr verwendet werden.
      2. id's dürfen nicht mit einer Zahl anfangen

      Wusste ich nicht, hatte gesagt bekommen, das dies noch ok wäre.

      1. übergibst du deiner funktion den Inhalt der Variabel id die aber nirgendwo definiert ist.

      Den Fehler hab ich schon bemerkt.

      1. kann man diese farbliche Markierung auch mit CSS machen in deinem Falle :active

      Ich versuche ja erst mal Javascript zu verstehen, daher wollte ich auch versuchen alles mit Javascript zum laufen zu bringen.

      1. sprichst du das Formularfeld falsch an, du willst den Wert ändern und nicht innertext.

      Das hilft mir doch schon mal etwas weiter.

      Alles in allem ist dir zu empfehlen, deine Skripte mit Mozilla oder einem anderen Browser, der nicht alles schön rechnet, zu testen, damit du auch merkst, wenn du was falsch machst.

      Das werd ich auch versuchen, danke!

      Außerdem ist eine Dokumentation mit weniger Fehlern Hilfreich.

      Sorry.

      LG Goi

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Akktuelle Zeile in anderm Feld wiedergeben

        Struppi Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Das ganze ein wenig zu kürzen wäre sehr hilfreich gewesen. Zumal einige Fehler drin sind.

        Nun ja ich bin halt noch am anfang des lernens.

        Naja, das solte dich nicht vom lesen der FAQ abhalten.

        »

        1. kann man diese farbliche Markierung auch mit CSS machen in deinem Falle :active

        Ich versuche ja erst mal Javascript zu verstehen, daher wollte ich auch versuchen alles mit Javascript zum laufen zu bringen.

        Das liesse sich z.b. so einfacher machen:

        <td onclick="changeColor(this);">.....</td>

        var old;
        var color = '#000';

        function changeColor(obj)
        {
        if(old)
        {
        old.style.backgroundColor = old.oldColor;
        }
        old = obj;
        old.oldColor = obj.style.backgroundColor;
        obj.style.backgroundColor = color;
        }

        so brauchst du keine ID.

        Außerdem ist eine Dokumentation mit weniger Fehlern Hilfreich.

        Sorry.

        brauchst dich nicht zu entschuldigen, es gibt soviel Quellen im Netz, da ist es schon schwierig das passende zu finden.

        Struppi.

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln