Div verplaatsen Onclick

[Verwijderd]

Heej luitjes,

Ik zoek een klein scriptje.

Ik ben bezig met een simpele maar duidelijke sitemap, maar ik stuit tegen het volgende.

ik heb een topmenu zoals informatie, producten, contact ed.
Verder heb ik een leftmenu waar precies hetzelfde staan, de sitemap dus.

Nu is het de bedoeling dat zodra ik op bv informatie klik dat de layer in de "sitemap" 10cm zakt.
Verticaal dus. In die layer zit een plaatje met een pijltje die dus zegt waar je op dat moment bent.

dus ik zat aan zoiets te denken: Onclick="style.pos.top+10" of + 20 of +30, maar net waar ik de layer wil hebben

Ik weet het, het is vast simpel maar ik kan het zo niet vinden..

Alvast bedankt.

[Erkens]

this.style.top += 20 ?

[AtleX]

Untested:

HTML:

onclick="this.style.top=this.style.top+10"

[Verwijderd]

Ja zoiets, alleen dan wil ik dan de div "sitemap" verplaatsen en niet diegene die ik aanklik, dat is nl ook een div

[AtleX]

Alweer untested:

HTML:

onclick="document.getElementById('<id van de div die je wilt verplaatsen>').style.top+=10"

[NMe]

Verwijderd schreef op woensdag 07 september 2005 @ 20:44:
Ja zoiets, alleen dan wil ik dan de div "sitemap" verplaatsen en niet diegene die ik aanklik, dat is nl ook een div

Dus? Dan doe je document.getElementById('blaat').style.top aanpassen... Een beetje eigen inzet kan geen kwaad hoor.

[André]

Hier is echt genoeg over te vinden. Ga eerst maar eens zoeken en kom dan met gerichte vragen, dit is al zo vaak langsgekomen.

Probeer eerst zelf eens wat

[ Voor 12% gewijzigd door André op 07-09-2005 21:32 ]

[crisp]

tsja, wat zou hier uitkomen?

JavaScript:

var top = '10px';
top += 10;
alert(top);

Nog afgezien van het feit dat style-properties op een element niet direct uitleesbaar zijn als ze niet expliciet inline toegekend zijn. Je stuurt de TS zo wel met een kluitje in het riet...

Derhalve lijkt me dit zinniger:

JavaScript:

var curtop = element.style.offsetTop; // dat is wel een integer waarde
element.style.top = (curtop + 10) + 'px'; // maataanduiding is verplicht

en dat is ervan uitgaande dat het al een absoluut of relatief gepositioneerd element is...

[ Voor 77% gewijzigd door crisp op 07-09-2005 23:52 ]