Java script probleem!

Deadangel · 28 October 2007, 15:28

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-code:

<!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!

Deadangel · 28 October 2007, 20:29

Niemand ?

**Jelle** · 28 October 2007, 22:20

Gelieve geen topics te bumpen na minder dan een dag.

Het feit dat de keuze niet bewaard wordt is eenvoudig. Dat kan alleen met cookies en die staan er niet in (de JavaScript toont en verbergt alleen maar stukken, maar zet geen cookies).

Ik heb het even getest, maar bij mij start hij niet open, maar gesloten zoals het is bedoeld. In de CSS staat immers duidelijk dat de c class standaard niet getoond moet worden (display:none). Wel zie ik in je HTML nergens een vermelding naar die CSS staan, net zoals dat noodzakelijk is bij JavaScript (waar je dan weer wel een link naar plaatst). De browser denkt dus dat er gewoon geen CSS code is.

Ofwel moet je die inline plaatsen, m.a.w. in de HTML zelf:

HTML-code:

<style type="text/css">
<!--
#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;
    }
-->
</style>

ofwel plaats je een link naar een extern stylesheet (en zorg je ervoor dat dat bestand stylesheet.css ook bestaat met de CSS erin):

HTML-code:

<link rel="stylesheet" type="text/css" href="stylesheet.css" />

Beide codes moeten uiteraard in het head gedeelte staan.

Deadangel · 28 October 2007, 22:29

Juwp!
Door de CSS niet te include werkte het niet, dom van mij ^^.
Ty voor de moeite hé! =).

Oh ja, hoe zorg ik dat ie dat wel onthoudt nzo ..
die coockies, hoe werkt dat nzo ?

lukt dat met javascript .. ?^^

**Jelle** · 28 October 2007, 23:09

Je kan berichten bewerken tot 24 uur nadat je ze gepost hebt. Ik heb je twee berichten samengevoegd.

Cookies kan je zetten met JavaScript en PHP of een andere webprogrammeertaal.

Een goede uitleg over JavaScript cookies vind je op de volgende drie sites:
http://www.quirksmode.org/js/cookies.html
http://www.sitemasters.be/?pagina=tu...s&cat=3&id=299
http://www.w3schools.com/js/js_cookies.asp

De code zal dan ook anders moeten werken, want onclick voldoet dan niet daar de JavaScript dan pas in werking treedt na een muisklik. Je moet dus een onload attribuut in de body gebruiken of gewoon inline een JavaScript functie starten bij het laden van de pagina. Deze checkt dan of er een cookie is om delen te verbergen en indien die er is checkt die welke nummers juist verborgen moeten worden, waarna dit gedaan wordt. Bij het klikken worden die dan uit de cookie gehaald (zichtbaar) of er juist bijgezet (onzichtbaar).