login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[OPGELOST]hide/show script

Offline Ultimatum - 02/11/2005 22:47 (laatste wijziging 03/11/2005 18:57)
Avatar van UltimatumPHP expert (dit is niet hetzelfde probleem als het topic in html/css 
heb nu een scriptje dat menu hide en showd alleen ehb nu dat script in een aparte file gestop hide_show.js, en nu werkt het hiden van menu niet meer 

dit is de regel om te hiden
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="javascript:void(0)" onclick="showhide('nav')"><div class="boxbottom"></div></a>


en dit is hide_show.js
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function showhide(layerID, mode)
  2. {
  3. var currentRef = document.getElementById(layerID).style
  4.  
  5. //Display modes 1 for on 0 for off
  6. modes = new Array
  7. modes[0] = 'none'
  8. modes[1] = 'block'
  9.  
  10. if(isNaN(mode))
  11. currentRef.display = (currentRef.display == 'none') ? 'block' : 'none'
  12. else
  13. currentRef.display = modes[mode]
  14. }


hide_show.js word in index.php zo aangeroepe
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript" src="hide_show.js"></script>

11 antwoorden

Gesponsorde links
Offline Thomas - 02/11/2005 22:49
Avatar van Thomas Moderator * hoe heet de div die je wilt showen / hiden?
* showhide() heeft 2 parameters, maar je roept deze met 1 aan?
Offline Ultimatum - 02/11/2005 22:53
Avatar van Ultimatum PHP expert de code van de div is
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="boxcontent" id="nav">


en heb dit script ook maar gedownload, kan slecht zijn, zoja weet iemand een betere (die werkt ) dan

kan geen javascript 
Offline Thomas - 02/11/2005 23:02 (laatste wijziging 02/11/2005 23:05)
Avatar van Thomas Moderator zo snel uit mijn hoofd:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. // div: naam van de div
  2. // show: true/false (tonen/verbergen)
  3. function showdiv(div, show) {
  4.   var d = document.getElementById(div);
  5.   if(show) {
  6.     d.style.display: "block";
  7.     d.style.visibility: "visible";
  8.   } else {
  9.     d.style.display: "none";
  10.     d.style.visibility: "hidden";
  11.   }
  12. }


Aanroepen met:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. showdiv("div_id_hiero", true); // om te tonen
  2. showdiv("div_id_hiero", false); // om te verbergen
Offline MothZone - 02/11/2005 23:47
Avatar van MothZone PHP ver gevorderde @FangorN: Werkt niet, heb hem zojuist ook eens geprobeert.
Maar heb je fout eruit gehaald (: moest een = zijn is geen css he )

php code - Bekijk de code zonder highlighting - Klap code in 
  1. // div: naam van de div
  2. // show: true/false (tonen/verbergen)
  3. function showdiv(div, show) {
  4.   var d = document.getElementById(div);
  5.   if(show) {
  6.     d.style.display = "block";
  7.     d.style.visibility = "visible";
  8.   } else {
  9.     d.style.display = "none";
  10.     d.style.visibility = "hidden";
  11.   }
  12. }
Offline Ultimatum - 02/11/2005 08:13 (laatste wijziging 03/11/2005 11:20)
Avatar van Ultimatum PHP expert maar hoe kan ik nou zorgen dat het een link word, want waar moet ik precies dat showdiv neerzette 

dit is de code om mijn boxen te showen 
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="box">
  2. 			<div class="boxtop"></div>
  3. 			<div class="boxcontent" id="nav">
  4. 						<a href="#">Link</a><br />
  5. 		</div>
  6. 			<div class="boxbottom"></div>
Offline haytjes - 03/11/2005 11:56 (laatste wijziging 03/11/2005 11:56)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. ...
  2. <a href="#" onclick="showdiv('nav',false);">Link</a>
  3. ...


denk dat je het zo wilt
Offline Ultimatum - 03/11/2005 12:28
Avatar van Ultimatum PHP expert maar nu loopt er een zwarte streep boven de text hide/show 

http://ultimatum.ul.funpic.de
Offline haytjes - 03/11/2005 12:35
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 die streep weet ik ook niet van waar hij komt,

Citaat:
hmm, geen idee hoe ik 2 berichten onder elkaar krijg


wat bedoel je hiermee?
Offline Ultimatum - 03/11/2005 14:25 (laatste wijziging 03/11/2005 15:21)
Avatar van Ultimatum PHP expert vreem probleem 

nou ik had een dubbele post, maar er zit hier toch een anti-subbel post script..

Citaat:
Rensjuh edit:
ontopic graag


@rensjuh best, maar hij vroeg toch wat er was...
Offline XenoX - 03/11/2005 16:41 (laatste wijziging 03/11/2005 16:45)
Avatar van XenoX Gouden medailleGouden medaille

PHP expert		 http://www.site...amp;id=200

Gewoon het plaatjes gebeuren eruit slopen en hij werkt.

Edit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function ShowHide(div)
  2. {
  3.   var thisLevel = document.getElementById(div);
  4.  
  5.   if (thisLevel.style.display == 'none')
  6.   {
  7.     thisLevel.style.display = 'block';
  8.   }
  9.   else
  10.   {
  11.     thisLevel.style.display = 'none';
  12.   }
  13. }


Edit:
Die streep laat je denk ik ook niet 'hiden', anders zou je hem niet zien.
Offline Ultimatum - 03/11/2005 17:55
Avatar van Ultimatum PHP expert thanx XenoX, gebruik nu deze code en hij werkt

die streep werd veroorzaakt omdat het plaatje zichzelf ging repeate omdat ik backgroun-repeat was vergete , iig idereen dank voor de hulp 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.294s