Ik heb een 2-column layout, bestaande uit twee <div>'s. De rechterkolom bevat tekst, in de linkerkolom staan opmerkingen bij die tekst.
Nu is een opmerking gerelateerd aan een bepaalde paragraaf. Hij moet dan ook naast die paragraaf komen te staan (net als in Word, met comments). Echter, als de gebruiker de window een ander formaat geeft, verschuift de verticale positie van de paragrafen. Nu heb ik dat proberen op te lossen door de DOM-node die het commentaar bevat, de eigenschap referenceNode mee te geven. En deze referenceNode is...de paragraaf waar het comment bij hoort. Vervolgens heb ik een functie geschreven die de verticale positie van alle referenceNodes uitrekent en de verticale positie van bijbehorende comments aanpast (deze functie wordt aangeroepen door body.onresize).
Dit werkt prima, MAAR...zodra ik ga printen, staan alle comments op de verkeerde plek!
Mijn vraag: hoe dit op te lossen? Is mijn aanpak met Javascript wel goed, of moet ik e.e.a. heel anders doen?
Nu is een opmerking gerelateerd aan een bepaalde paragraaf. Hij moet dan ook naast die paragraaf komen te staan (net als in Word, met comments). Echter, als de gebruiker de window een ander formaat geeft, verschuift de verticale positie van de paragrafen. Nu heb ik dat proberen op te lossen door de DOM-node die het commentaar bevat, de eigenschap referenceNode mee te geven. En deze referenceNode is...de paragraaf waar het comment bij hoort. Vervolgens heb ik een functie geschreven die de verticale positie van alle referenceNodes uitrekent en de verticale positie van bijbehorende comments aanpast (deze functie wordt aangeroepen door body.onresize).
Dit werkt prima, MAAR...zodra ik ga printen, staan alle comments op de verkeerde plek!
Mijn vraag: hoe dit op te lossen? Is mijn aanpak met Javascript wel goed, of moet ik e.e.a. heel anders doen?