Javascript EventHandler onClick

MrVega

Hallo zusammen,

zunächst einmal, ich bin Anfänger und habe bisher nur rudimentäre Kenntnisse von HTML & Co. Ich möchte eine Onlinebefragung machen und bin auf ein Problem gestoßen. Es soll aus einer Tabelle mit 2 Spalten und 7 Zeilen durch Anklicken jedes Element aus der 1. Spalte automatisch in der 2. Spalte erscheinen, von oben nach unten.

Kann mir einer behilflich sein? Ich weiß nur, dass man dazu ein Javascript benötigt und den EventHandler OnClick.

Vielen Dank schon mal.

Gruß, MrVega

Code

<table border="0" width="150">
<tr bgcolor="#FFFFFF">
	<td>Elemente</td>
	<td>Rangfolge</td>
</tr>
<tr bgcolor="#EEEEEE">
	<td>Element1</td>
	<td></td>

</tr>
<tr bgcolor="#EEEEEE">
	<td>Element2</td>
	<td></td>
</tr>
<tr bgcolor="#EEEEEE">
	<td>Element3</td>
	<td></td>
</tr>
<tr bgcolor="#EEEEEE">
	<td>Element4</td>
	<td></td>
</tr>
<tr bgcolor="#EEEEEE">
	<td>Element5</td>
	<td></td>
</tr>
<tr bgcolor="#EEEEEE">
	<td>Element6</td>
	<td></td>
</tr>
<tr bgcolor="#EEEEEE">
	<td>Element7</td>
	<td></td>
</tr>


</table>






Durch Anklicken auf ein Element soll dieses automatisch von oben nach unten der in der 2 Spalte erscheinen.</p>

Alles anzeigen

Boman

Sorry für die späte Antwort aber meinst du soetwas:

Code

<script type="text/javascript">
function uebertragen(zeile) 
{
  document.getElementById(zeile+"1").firstChild.nodeValue = document.getElementById(zeile+"0").firstChild.nodeValue;
}
</script>


<table border="0" width="150">
  <tr bgcolor="#FFFFFF">
    <td>Elemente</td>
    <td>Rangfolge</td>
  </tr>
  <tr bgcolor="#EEEEEE">
    <td id="00" onclick="uebertragen('0');">Element1</td>
    <td id="01"></td>      
  </tr>
  <tr bgcolor="#EEEEEE">
    <td id="10" onclick="uebertragen('1');">Element2</td>
    <td id="11"></td>
  </tr>
  <tr bgcolor="#EEEEEE">
    <td id="20" onclick="uebertragen('2');">Element3</td>
    <td id="21"></td>
  </tr>
  <tr bgcolor="#EEEEEE">
    <td id="30" onclick="uebertragen('3');">Element4</td>
    <td id="31"></td>
  </tr>
  <tr bgcolor="#EEEEEE">
    <td id="40" onclick="uebertragen('4');">Element5</td>
    <td id="41"></td>
  </tr>
  <tr bgcolor="#EEEEEE">
    <td id="50" onclick="uebertragen('5');">Element6</td>
    <td id="51"></td>
  </tr>
  <tr bgcolor="#EEEEEE">
    <td id="60" onclick="uebertragen('6');">Element7</td>
    <td id="61"></td>
  </tr>
</table>

Alles anzeigen

Die Elemente kann man ja noch durch text-inputs ersetzen, dann kann man den Text auch ändern.

Gruß Boman

Tags