In einer Zeile zwei unterschiedliche Actions senden

A

Aleyna23

Mitglied
Hallo,

ich habe eine Tabelle mit 3 Spalten.
Wenn auf eine Zeile geklickt wird, wird die gesamte Zeile markiert.
Es soll aber, beim Klick auf die 1. oder 2. Spalte die ersten beiden Spalten markiert werden.
Beim Klick auf die dritte Spalte soll eine andere Action gesendet werden.

Für die selektierung der Zeile ist der oncklick im <tr>.
Ist es möglich im <tr> einen onclick zu haben (der für die selektierung der Zeile den index sendet) und gleichzeitig im <td> noch einen Onclick der eine andere Action sendet

Wenn ich auf die Dritte Spalte klicke, soll eine andere Action gesendet werden, als wenn ich auf die ersten Beiden Spalten Klicke.

PS: Ich möchte den oncklick NICHT in die 1. und 2. Spalte schreiben. Sie soll im <tr> bleiben.

Geht das ?

Danke im Voraus.
(Sorry, für die "schlechte" Beschreibung des Problems) :confused:
 
Du kannst Elementen auch Events zuordnen, ohne diese direkt in das Element zu schreiben:
Code: 
<html>
<head>
<title>Test</title>
<script type="text/javascript">
<!--
function add_events(r)
{
  r.cells[0].onclick=r.cells[1].onclick=function()
    {
      this.parentNode.cells[0].style.backgroundColor=
      this.parentNode.cells[1].style.backgroundColor='red';
    }
  r.cells[2].onclick=function(){alert('ich mach was anderes');}
  r.onmouseover=function(){}
}
//-->
</script>
</head>
<body>
<table border="1">
  <tr onmouseover="add_events(this)">
    <td>#1</td>
    <td>#2</td>
    <td>#3</td>
  </tr>
</table>
</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück