login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div tonen/verbergen: div bij begin "hidden"

Offline Raze - 27/01/2009 19:47
Avatar van RazePHP beginner Hallo,

ik heb volgende code:

  1. <script type="text/javascript">
  2.  
  3. var onthouden="aan" // actuele status bijhouden met sessie-cookie (aan/uit)
  4. var vorige_verbergen="ja" // bij nieuw item vorige geopende item dichtvouwen(ja/nee)
  5.  
  6. if (document.getElementById){
  7. document.write('<style type="text/css">')
  8. document.write('.wisselen{display:none;}')
  9. document.write('</style>')}
  10.  
  11. function getElementbyClass(classname){
  12. ophalen=new Array()
  13. var teller=0
  14. var alleTags=document.all? document.all : document.getElementsByTagName("*")
  15. for (i=0; i<alleTags.length; i++){
  16. if (alleTags[i].className==classname)
  17. ophalen[teller++]=alleTags[i]}}
  18.  
  19. function dichtvouwen(omit){
  20. var teller=0
  21. while (ophalen[teller]){
  22. if (ophalen[teller].id!=omit)
  23. ophalen[teller].style.display="none"
  24. teller++}}
  25.  
  26. function uitvouwen(cid){
  27. if (typeof ophalen!="undefined"){
  28. if (vorige_verbergen=="ja")
  29. dichtvouwen(cid)
  30. document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"}}
  31.  
  32. function vernieuwen(){
  33. dichtvouwen("alles")
  34. selectedItem=getselectedItem()
  35. selectedComponents=selectedItem.split("|")
  36. for (i=0; i<selectedComponents.length-1; i++)
  37. document.getElementById(selectedComponents[i]).style.display="block"}
  38.  
  39. function get_cookie(Name) {
  40. var search = Name + "="
  41. var returnvalue = "";
  42. if (document.cookie.length > 0) {
  43. offset = document.cookie.indexOf(search)
  44. if (offset != -1) {
  45. offset += search.length
  46. end = document.cookie.indexOf(";", offset);
  47. if (end == -1) end = document.cookie.length;
  48. returnvalue=unescape(document.cookie.substring(offset, end))}}
  49. return returnvalue;}
  50.  
  51. function getselectedItem(){
  52. if (get_cookie(window.location.pathname) != ""){
  53. selectedItem=get_cookie(window.location.pathname)
  54. return selectedItem}
  55. else return ""}
  56.  
  57. function status_opslaan(){
  58. var teller=0, selectedItem=""
  59. while (ophalen[teller]){
  60. if (ophalen[teller].style.display=="block")
  61. selectedItem+=ophalen[teller].id+"|"
  62. teller++}
  63. document.cookie=window.location.pathname+"="+selectedItem}
  64.  
  65. function do_onload(){
  66. getElementbyClass("wisselen")
  67. if (onthouden=="aan" && typeof ophalen!="undefined")
  68. vernieuwen()}
  69.  
  70. if (window.addEventListener)
  71. window.addEventListener("load", do_onload, false)
  72. else if (window.attachEvent)
  73. window.attachEvent("onload", do_onload)
  74. else if (document.getElementById)
  75. window.onload=do_onload
  76.  
  77. if (onthouden=="aan" && document.getElementById)
  78. window.onunload=status_opslaan
  79.  
  80. </script>

  1. <p onClick="uitvouwen('sc1')" style="cursor:hand;">Tekst 1</p>
  2. <div id="sc1" class="wisselen">
  3. Hier komt de inhoud van tekst 1.
  4. </div>


Ik heb de code van de volgende website: http://users.sk...gtekst.htm

De code werkt goed, alleen zou ik nu willen dat wanneer ik de pagina open de div niet wordt getoond Nu wordt deze wel getoond en kan ik deze eventueel toedoen, maar ik wil het dus bij het laden van de pagina niet zien.

Wat moet ik dan veranderen aan deze code? Heeft er iemand een idee?

4 antwoorden

Gesponsorde links
Offline DenMette - 27/01/2009 19:50
Avatar van DenMette PHP gevorderde var onthouden="aan"
Dit veranderen naar
var onthouden="uit"
Offline Raze - 27/01/2009 20:17
Avatar van Raze PHP beginner dit werkt blijkbaar niet 
Offline DenMette - 31/01/2009 01:23
Avatar van DenMette PHP gevorderde En als je de andere op nee plaatst
Offline Stijn - 31/01/2009 06:38
Avatar van Stijn PHP expert Waarom zou je hiervoor javascript gebruiken . Als je in je CSS volgende zet:

  1. #scl {
  2. display: none;
  3. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.174s