Java script probleem!

Status
Niet open voor verdere reacties.
D

Deadangel

Nieuwe gebruiker
Lid geworden
28 okt 2007
Berichten
3
Hallo iedereen!
'k heb 'n klein java script probleem,
kan iemand mij hier helpen ?

Het zit zo,
'k heb dus 'n soort van openschuifbaar menu ..
maar het probeem is,
- Hij begint open IPV toe..
- Hij onthoudt de keuze van de persoon niet bij 'n refresh (dan start hij weer open)

de scripts zijn ;
java script;
Code: 
function weergeef (nummer)
  {
    var laatzien= document.getElementById("kop"+nummer).style.visibility;
    if (laatzien== 'visible')
    {
      document.getElementById("kop"+nummer).style.visibility = 'hidden';
      document.getElementById("kop"+nummer).style.display = 'none';
    }
    else
    {
      document.getElementById("kop"+nummer).style.visibility = 'visible';
      document.getElementById("kop"+nummer).style.display = 'block';
      document.getElementById("afb_"+nummer).src="plus.gif"
    }
  }
css;
Code: 
#menu_wrap
    {
      width:142px;
      padding-left:8px;
      position:relative;
      cursor:pointer;
    }

.c
    {
      height:auto;
      visibility:hidden;
      width:120px;
      text-align:left;
      padding-left:50px;
      display:none;
      float:right;
      margin-right:-1px;
    }
& html;
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="sliding_menu.js"></script>

<title>Untitled Document</title>
</head>

<body>
 <div id="menu_wrap">
                
                  <div id="kop1_k" onclick="weergeef(1)">
                    <img src="plus.gif" width="12" height="12" id="afb_1" /> Test </div>
                    <div class="c" id="kop1">
                    Hallo ?
                    Dit is 'n text die zou tevoorschijn moeten komen van zodra je daarop clickt ?
                    </div>
                
                  <div id="kop1_k" onclick="weergeef(2)">
                    <img src="plus.gif" width="12" height="12" id="plaatje1" /> Test </div>
                    <div class="c" id="kop2">
                    The same met dit hier!
                    </div>
                </div>
</body>
</html>
Alvast bedankt voor de moeite!
 
Dat onthouden zou je mbv een cookie moeten doen, maar ik weet niet hoe je dat met javascript moet doen...

Voor de rest snap ik niet echt wat t probleem is :confused:
 
Wel,
als 'k et online zet,
starten die div's open..
je kan al lezen wat erin staat.

Normaal zou je op de Plus afbeelding moeten drukken & daarna zou 't pas mogen opengaan ..
 
Zo te zien werkte je script al :confused: maar 't kon nog iets mooier:
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function weergeef (nummer)
  {
    var laatzien = document.getElementById("kop"+nummer).style.display;
    if (laatzien == 'block')
    {
      document.getElementById("kop"+nummer).style.display = 'none';
      document.getElementById("afb_"+nummer).src="plus.gif"
    }
    else
    {
      document.getElementById("kop"+nummer).style.display = 'block';
      document.getElementById("afb_"+nummer).src="min.gif"
    }
  }
</script>
<style type="text/css">
#menu_wrap
    {
      width:142px;
      padding-left:8px;
      position:relative;
      cursor:pointer;
    }

.c
    {
      height:auto;
      width:120px;
      text-align:left;
      padding-left:50px;
      display: none;
      float:right;
      margin-right:-1px;
    }
</style>

<title>Untitled Document</title>
</head>

<body>
 <div id="menu_wrap">
                
                  <div id="kop1_k" onclick="weergeef(1)">
                    <img src="plus.gif" width="12" height="12" id="afb_1" /> Test </div>
                    <div class="c" style="display: none;" id="kop1">
                    Hallo ?
                    Dit is 'n text die zou tevoorschijn moeten komen van zodra je daarop clickt ?
                    </div>
                
                  <div id="kop1_k" onclick="weergeef(2)">
                    <img src="plus.gif" width="12" height="12" id="afb_2" /> Test </div>
                    <div class="c" style="display: none;" id="kop2">
                    The same met dit hier!
                    </div>
                </div>
</body>
</html>
Het gebruikt alleen de .style.display die ook als style="..." in de divs zelf staan. Dat is namelijk de style die het script aanstuurt en belangrijker als de class uit het stylesheet.

Ik blijf het tegenkomen. ;)
http://www.helpmij.nl/forum/showpost.php?p=2089220&postcount=10
http://www.helpmij.nl/forum/showpost.php?p=2091325&postcount=2
http://www.helpmij.nl/forum/showpost.php?p=2099049&postcount=2

De id van het tweede plusje had id="afb_2" moeten zijn.


Vr.Gr. Egel.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan