Toon posts:

Div verplaatsen Onclick

Pagina: 1
Acties:

Verwijderd

Topicstarter
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
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

this.style.top += 20 ?

  • AtleX
  • Registratie: Maart 2003
  • Niet online

AtleX

Tyrannosaurus Lex 🦖

Untested:
HTML:
1
onclick="this.style.top=this.style.top+10"

Sole survivor of the Chicxulub asteroid impact.


Verwijderd

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

  • AtleX
  • Registratie: Maart 2003
  • Niet online

AtleX

Tyrannosaurus Lex 🦖

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

Sole survivor of the Chicxulub asteroid impact.


  • NMe
  • Registratie: Februari 2004
  • Laatst online: 15-04 22:07

NMe

Quia Ego Sic Dico.

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.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


  • André
  • Registratie: Maart 2002
  • Laatst online: 28-04 11:43

André

Analytics dude

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
  • Registratie: Februari 2000
  • Laatst online: 00:52

crisp

Devver

Pixelated

tsja, wat zou hier uitkomen?
JavaScript:
1
2
3
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:
1
2
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 ]

Intentionally left blank

Pagina: 1