Ik ben bezig met een website. en daar in wil ik in het menu javascript. maar ik heb 0 verstand van javascript. dus ik zoek iemand die een klein scriptje voor mij wilt maken.

Het is voor het navigatie menu.
code:

Spoiler tonen

<h1 class="first">Navigation Menu</h1>

        <!-- Navigation with grid style -->
        <dl class="nav3-grid">
          <dt><a href="#">Navlink 11</a></dt>
          <dt><a href="#">Navlink 12</a></dt>
            <dd><a href="#">Navlink 121</a></dd>
            <dd><a href="#">Navlink 122</a></dd>
            <dd><a href="#">Navlink 123</a></dd>        
          <dt><a href="#">Navlink 13</a></dt>
          <dt><a href="#">Navlink 14</a></dt>
          <dt><a href="#">Navlink 15</a></dt>
        </dl>

Nu wil ik dat de regels alleen zicht baar is als er op navlink 12 word gedrukt (moet ook mogelijk worden voor andere kopjes)

Wie kan dit maken?

Prijs bespreken we.

<script type="text/javascript">
function hideshow(wat) {
 if(document.GetElementByClassName(wat).style.display == block) {
  document.getElementByClasName(wat).style.display = none;
 } else {
  document.getElementByClassName(wat).style.display = block;
 }
}
</script>

<h1 class="first">Navigation Menu</h1>

        <!-- Navigation with grid style -->
        <dl class="nav3-grid">
          <dt><a href="#">Navlink 11</a></dt>
          <dt><a href="javascript: hideshow(1)">Navlink 12</a></dt>
            <dd class="1" style="display:none;"><a href="#">Navlink 121</a></dd>
            <dd class="1" style="display:none;"><a href="#">Navlink 122</a></dd>
            <dd class="1" style="display:none;"><a href="#">Navlink 123</a></dd>        
          <dt><a href="#">Navlink 13</a></dt>
          <dt><a href="#">Navlink 14</a></dt>
          <dt><a href="#">Navlink 15</a></dt>
        </dl>

Is niet getest, maar zou wel moeten werken.
(Beloning altijd welkom, donaties ook)

Jponsen schreef:

<script type="text/javascript">
function hideshow(wat) {
 if(document.GetElementByClassName(wat).style.display == block) {
  document.getElementByClasName(wat).style.display = none;
 } else {
  document.getElementByClassName(wat).style.display = block;
 }
}
</script>

<h1 class="first">Navigation Menu</h1>

        <!-- Navigation with grid style -->
        <dl class="nav3-grid">
          <dt><a href="#">Navlink 11</a></dt>
          <dt><a href="javascript: hideshow(1)">Navlink 12</a></dt>
            <dd class="1" style="display:none;"><a href="#">Navlink 121</a></dd>
            <dd class="1" style="display:none;"><a href="#">Navlink 122</a></dd>
            <dd class="1" style="display:none;"><a href="#">Navlink 123</a></dd>        
          <dt><a href="#">Navlink 13</a></dt>
          <dt><a href="#">Navlink 14</a></dt>
          <dt><a href="#">Navlink 15</a></dt>
        </dl>

Is niet getest, maar zou wel moeten werken.
(Beloning altijd welkom, donaties ook)

hij doet het niet
ik heb eerst het javascript gedeelte in de head gedaan. en daarna in de body bijde doet het niet (heb de code waar het staat natuurlijk ook vervangen

edit///
wat moet ik bij "(wat)" typen? of hoort dat wel zo

Heb je ook dit in je head?:

<script src="http://code.jquery.com/jquery-1.5.js"></script>

Sebastiaanh schreef:

Heb je ook dit in je head?:

<script src="http://code.jquery.com/jquery-1.5.js"></script>

Dat is jQuery.
En wat ik heb is Javascript, en is dus totaal nutteloos.

Sorry voor late reactie, had geen internet door verhuizing.

Maar het probleem is nog steeds niet opgelost

Kun je de pagina eens laen zien? Als javascript niet werkt staat vaak in de browser (nogal verborgen) waar hij errort. Linksonder vind je dan zo een icoon met een uitroepsteken.

Javascript staat gewoon aan

Zou je het script nog eens erin willen/kunnen zetten dan kan ik kijken waar de bug zit

Navigation Menu

Navlink 11
Navlink 12
Navlink 121
Navlink 122
Navlink 123
Navlink 13
Navlink 14
Navlink 15