[HTML / CSS / JS] relatief aanroepen van een div

[hobbit_be]

Hoi

Mijn dreamweaver (2004) wil niet meer opstarten en nu zit ik zonder reference voor JS/HTML.

heb de volgende html:

HTML:

<div>
   <a href="javascript:show(this, "doh")">doh</a>
   <a href="javascript:show(this, "yeah")">yeah</a>
   <a href="javascript:show(this, "ooh")">ooh</a>

   <div id="doh" style="hidden">doh</id>
   <div id="yeah" style="hidden">yeah</id>
   <div id="ooh" style="">ooh</id>
</div>

met als doel: klick op een hyperlink en de desbreffende div showed en de ander verdwijnen. Mara ik snap geen fluit van hoe ik die nameless div moet aanroepen en dan te iteraten over de sub-divs... kan dit zowieso? wil liefst geen "getElementByID" gebruiken ...

[André]

je kunt door de getElementsByTagname("div") heen lopen om alle divs te zien.

Dit hoort overigens in Webdesign & Graphics

[Verwijderd]

document.getElementsByTagName
Node.childNodes
Node.lastChild
Node.nextSibling

In general: hiervoor is er dus DOM.

[Verwijderd]

_nm

[ Voor 93% gewijzigd door Verwijderd op 08-05-2004 16:55 ]

[crisp]

gewoon bijhouden welke div je open hebt staan, dan weet je ook welke je moet verbergen als een volgende aangeklikt wordt. Echt gewoon basis logica hoor

Wat is trouwens het probleem met getElementById? Je geeft je divs toch id's - waarom zou je ze dan niet gebruiken?

[ Voor 29% gewijzigd door crisp op 08-05-2004 16:59 ]

[Michali]

JavaScript:

current_id = "";

function show(element, id)
{
  if ( current_id != "" )
  {
    document.getElementById(current_id).style.display = "hidden";
  }
  current_id = id;
  document.getElementById(id).style.display = "block";
  // + doe iets met element...
}

style="hidden" => style="display: hidden;"

Dat lijkt me toch het makkelijkst

[hobbit_be]

bestaat er echt niet zoals "parent" ofzo...

het probleem is dus dat er meerdere DIV met dezelfde ID's in het document kunnen staan (de html wordt gecreerd en dit is een stukje van iets) (ie het blokje kan wel x-aantal keer voorkomen) vandaar ik dus zocht naar een soort van parent.childNodes().

Bijhouden is idd wel leuk maar moeilijk met het probleem dat die blok meerdere malen voor kan komen. Ik zie dus de nameless DIV als container ...

en dat hardcoden vind ik maar vies ...

edit:
btw tis voor het hidden van 6/7 tal evengrote textarea's met in elke textarea een andere taal voor hetzelfde veld...

natuurlijklijk kunnen er meerdere multitalige velden in 1 form staan...

[ Voor 24% gewijzigd door hobbit_be op 08-05-2004 17:58 ]

[Verwijderd]

hobbit_be schreef op 08 mei 2004 @ 17:56:

het probleem is dus dat er meerdere DIV met dezelfde ID's in het document kunnen staan (de html wordt gecreerd en dit is een stukje van iets) (ie het blokje kan wel x-aantal keer voorkomen) vandaar ik dus zocht naar een soort van parent.childNodes().

parentNode.childNodes dus.

Maar sowieso mogen er niet meerdere elementen met hetzelfde id voorkomen. Een identifier hoort naar één bepaald element te verwijzen. Dat is het idee van een id.
Om gerelateerde elementen te kunnen herkennen kun je het class attribuut gebruiken.

[ Voor 7% gewijzigd door Verwijderd op 08-05-2004 18:24 ]

[MarkvE]

Michali schreef op 08 mei 2004 @ 17:18:

style="hidden" => style="display: hidden;"

Dat lijkt me toch het makkelijkst

Naar mijn geweten is het nog altijd display: none;, er bestaat ook nog een visibility: hidden; maar dat zorgt ervoor dat het betreffende object niet te zien is maar nog wel qua "vorm" en positie in de layout aanwezig is. Met display: none; zorg je ervoor dat het object echt "verdwijnt".

[ Voor 29% gewijzigd door MarkvE op 08-05-2004 21:34 ]

[gorgi_19]

P&W FAQ - HTML / javascript /css, etc...

>> Webdesign & Graphics

[Verwijderd]

Is dit wellicht wat je zoekt: http://simon.incutio.com/code/js/easytoggle/example2.html ?