[Javascript] iframe scrollen naar element

[dafz0r]

Dus,

Ik krijg van een applicatie een hele hoop data door die ik at runtime format in tables en dan aan de innerhtml van een iframe zen body plak. Ik gebruik een iframe omdat die zo een handige scrollBy function heeft en dat ik moet scrollen via externe knoppen (niet eigen aan iframe).

Probleem is het volgende:
- bij het tonen van de pagina moet er een zekere table vanboven staan. Tijdens het formatten krijg ik 3 tables en het is niet zeker op welke plaats diegene staat die focussed is.
- bij het scrollen via scollBy staat er soms text vanboven of vanonder maar half in de iframe en dat zou niet mogen.
Echter kan ik van de elementen geen left of top opvragen omdat deze gewoon at runtime aan elkaar geplakt worden zonder enige formatting van de positie.
Is er een manier om van mijn elementen <table> <tr> <td> de coordinaten in de iframe te krijgen of op een manier een element een id te geven en naar dat element te scrollen?

[André]

Kun je het element niet een id geven en daar naartoe linken: bla.php#idvanelement

[dafz0r]

hmm, ff duidelijk zijn :
ik gebruik html & javascript, niets anders (mag ik ook niet), dus mocht er in javascript een manier zijn om naar id's te scrollen dat zou leuk zijn

[user109731]

Wat André zegt is ook enkel HTML, die .php is slechts een voorbeeld...

Met JS zou het zoiets worden:

JavaScript:

function scrollToId(id) {
  document.getElementById(id).scrollIntoView();
}

[dafz0r]

code:

rowsTable = window.frames(0).document.getElementsByTagName("TR");

en dan van elk element recursief de offsetleft en offsettop gebruiken deed het voor mij