Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

JavaScript position (Opgelost)

Keesieh - 08/05/2008 13:55 (laatste wijziging 08/05/2008 13:56)

Nieuw lid

Ik heb een div:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<div id="test"></div>

<div id="test"></div>

Nu wil ik met een onclick de positie weten van deze div:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<div id="test" onclick="getPosition(this.id)"></div>

<div id="test" onclick="getPosition(this.id)"></div>

De JavaScript zoiets:

javascript code - Bekijk de code zonder highlighting - Klap code in

                var positionX = 0;
var positionY = 0;

function getPosition(id){
positionX = document.getElementById(id).style.left;
positionY = document.getElementById(id).style.top;

document.getElementById(id).innerHTML = 'X: ' + positionX + '<br />Y: ' + positionY;
}
            
var positionX = 0;
var positionY = 0;
 
function getPosition(id){
positionX = document.getElementById(id).style.left;
positionY = document.getElementById(id).style.top;
 
document.getElementById(id).innerHTML = 'X: ' + positionX + '<br />Y: ' + positionY;
}
 

Theoretisch gezien lijkt me dat dit moet werken. Maar helaas niet, iemand een idee? Het is gewoon de bedoeling dat ik de positie van een div te weten kom.

De div is versleepbaar vandaar dat ik het op deze manier te weten wil komen.

2 antwoorden

Gesponsorde links

marten - 08/05/2008 14:03
Beheerder		Zoek eens naar offsetLeft, offsetTop, offsetHeight en offsetWidth. Deze heb je namelijk in ASP. Ik weet niet zeker of je die ook in css / javascript hebt. Hopelijk help ik je een beetje op weg.

Keesieh - 08/05/2008 22:23 (laatste wijziging 08/05/2008 22:23)

Nieuw lid

Dankje, dit werkt. Ik zal nog even goede script neerzetten:

javascript code - Bekijk de code zonder highlighting - Klap code in

                var positionX = 0;
var positionY = 0;

function getPosition(id){
positionX = document.getElementById(id).offsetLeft;
positionY = document.getElementById(id).offsetTop;

document.getElementById(id).innerHTML = 'X: ' + positionX + '<br />Y: ' + positionY;
}
            
var positionX = 0;
var positionY = 0;
 
function getPosition(id){
positionX = document.getElementById(id).offsetLeft;
positionY = document.getElementById(id).offsetTop;
 
document.getElementById(id).innerHTML = 'X: ' + positionX + '<br />Y: ' + positionY;
}
 

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten