[Javascript] positie van plaatje achteraf bepalen

Pagina: 1
Acties:

  • spacy
  • Registratie: Februari 2002
  • Laatst online: 20:14
Ik heb gezocht in topics maar kon niet vinden wat ik nodig heb,
ik vermoed dat het met Javascript zal moeten,

maar ik wil achteraf de positie van 2 plaatjes bepalen.

waarom?
ze worden namelijk aan de boven en onderkant van een tabelletje geplaatst zodat ik het verschil in hoogte daartussen kan uitrekenen.
maar vanwege de inhoud van die tabel, is de lengte van de tabel natuurlijk variabel, en juist die lengte wil ik weten zonder loze ruimte over te houden.

de lengte van de tabel aan de hand van de inhoud berekenen geeft me iets te veel hoofdpijn vanwege de vele uitzonderingen ;) dus was benieuwd of hier een functie voor is.

het resultaat laat ik tzt wel zien

  • chris
  • Registratie: September 2001
  • Laatst online: 11-03-2022
Ik denk dat je op zoek bent naar getBoundingClientRect (IE) en getBoxObjectFor (Mozilla). Het schijnt dat de laatste nog buggy is, ik heb er zelf nog geen problemen mee gehad. Het is niet echt crossbrowser, maar je moet er een heel eind mee kunnen komen.

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:40

crisp

Devver

Pixelated

JavaScript:
1
2
3
4
5
6
7
8
9
10
11
function getOffsetTop(el)
{
    var offsetTop = 0;
    do
    {
        offsetTop += el.offsetTop
    }
    while ((el = el.offsetParent));

    return offsetTop;
}

en het zelfde uiteraard voor Left ;)

Intentionally left blank


  • spacy
  • Registratie: Februari 2002
  • Laatst online: 20:14
a.offsetTop-b.offsetTop

is al voldoende, bedankt :)

nu nog uitwerken...

  • André
  • Registratie: Maart 2002
  • Laatst online: 15-04 09:54

André

Analytics dude

spacy schreef op maandag 19 december 2005 @ 23:30:
a.offsetTop-b.offsetTop

is al voldoende, bedankt :)
Als ze in 1 cel staan wel ja ;)

  • spacy
  • Registratie: Februari 2002
  • Laatst online: 20:14
hier was dat dus voor nodig:

http://www.jeugdkerkthelife.nl/

deze website heb ik opgebouwd met halfdoorzichtige achtergrond plaatjes

alpha transparante png bestanden
maar omdat dit niet werkt onder Internet Explorer,
moest ik zowel in het cms gedeelte als in de pagina diverse trucs uithalen om dit toch voor elkaar te krijgen, tijdens het invoeren van de tekst/gegevens wordt de hoogte dus uitgelezen,
met bovenstaande (reden van topic) manier

en bij het weergeven van de informatie weet hij zo, hoeveel 'div margin' (marge) er heen en weer geschoven moet worden met de tekst.

:+

  • chris
  • Registratie: September 2001
  • Laatst online: 11-03-2022
Je kan anders ook nog even hier kijken voor transparante png's in IE.
Pagina: 1