Zeile in Tabelle auswählen

[Paul]

Moin,
ich habe eine Imagemap (<map><area>) und eine Tabelle mit dazugehörigen Daten. Per JS wird mir die jeweilige Zeilen der Tabelle markiert wenn ich mit der Maus über dem entsprechenden <area> bin.
Da die Tabelle aus Platzgründen in einem <div style="overflow:auto;"> ist, sieht man die Markierung bei vielen Daten einfach nicht weil sie außerhalb der Größe des <div> sind.

Es wäre natürlich super wenn man die Tabelle automatisch zu dem entsprechenden Eintrag scrollen lassen könnte.

Habt Ihr das verstanden :-?
Wenn nicht einfach nachfragen :-!

Vielen Dank im Voraus,
Paul

[Struppi]

Es wäre natürlich super wenn man die Tabelle automatisch zu dem entsprechenden Eintrag scrollen lassen könnte.

Du suchst scrollIntoView()?

Struppi.

[Paul]

Es wäre natürlich super wenn man die Tabelle automatisch zu dem entsprechenden Eintrag scrollen lassen könnte.

Du suchst scrollIntoView()?

Struppi.

Fast. Dabei wird mir die ganze Seite verschoben und den Eintrag ist immer noch nicht zu sehen.
Ich möchte nur die <table> innerhalb des <div> verschieben ...

Paul

[Struppi]

Fast. Dabei wird mir die ganze Seite verschoben und den Eintrag ist immer noch nicht zu sehen.
Ich möchte nur die <table> innerhalb des <div> verschieben ...

wie hast du es denn probiert?

Struppi.

[Paul]

Fast. Dabei wird mir die ganze Seite verschoben und den Eintrag ist immer noch nicht zu sehen.
Ich möchte nur die <table> innerhalb des <div> verschieben ...

wie hast du es denn probiert?

Struppi.

<div id="template" style="overflow:auto;">
 <table>
   <tr>
     <td id="XXX">
       text
     </td>
     <td id="YYY">
       text
     </td>
     <td id="ZZZ">
       text
     </td>
   </tr>
 </table>
</div>

function sprung() {
  document.all.XXX.scrollIntoView(true);
}

Und sprung() beim onmouseover der <area> ausgeführt.

Wie gesagt die <table> im <div> wird nicht verschoben. Die gesamte Seite verschiebt sich und man sieht trotzdem nix.

Paul