login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div laten zien en verdwijnen (Opgelost)

Offline advmedia - 07/01/2009 16:53 (laatste wijziging 07/01/2009 17:07)
Avatar van advmediaNieuw lid Ik ben nogal een beginner in JavaScript en vraag me af waarom dit niet werkt;

JS:
  1. <script>
  2.  
  3. function open()
  4.  
  5. {
  6.  
  7. document.getElementById("pagina").style.display = "block";
  8.  
  9. }
  10.  
  11. </script>
  12. <script>
  13.  
  14. function dicht()
  15.  
  16. {
  17.  
  18. document.getElementById("pagina").style.display = "none";
  19.  
  20. }
  21.  
  22. </script>


CSS:
  1. #pagina
  2.  
  3. {
  4. width: 200px;
  5. height: 100px;
  6. background-color: #ccc;
  7. display:none;
  8.  
  9. }


html:
  1. <a href="javascript:void(0)" onClick="javascript:open();">Open</a>
  2. <a href="javascript:void(0)" onClick="javascript:dicht();">Dicht</a>
  3. <div id="pagina">
  4. yooo
  5. </div>

11 antwoorden

Gesponsorde links
Offline Abbas - 07/01/2009 16:56
Avatar van Abbas Gouden medaille

Crew .NET
Misschien kan je jouw script eens vergelijken met dit hier: Show/Hide. En kan je kijken wat je eventueel verkeerd doet. 
Offline Erwt - 07/01/2009 16:58
Avatar van Erwt PHP beginner Voordat je je post ge'edit had.. had je in je javascript staan:

document.getElementById("pagina").style.display = "none";

Dat was juist.. in de dicht() dan hé.
Offline Ontani - 07/01/2009 16:59 (laatste wijziging 07/01/2009 16:59)
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
bij dicht moet het display.block = "none"; zijn ipv "block"

... je was me voor
Offline advmedia - 07/01/2009 17:07 (laatste wijziging 07/01/2009 17:08)
Avatar van advmedia Nieuw lid Ja excuses.. dat had ik al veranderd maar nog steeds doet ie niet wat ik wil..

Dit is toch gewoon heel simpel de code voor het laten - en niet laten zien van de div "pagina"? Het zal wel aan mij liggen maar ik zie de fout niet  

edit:

in FF verdwijnen de links en blijft ie eeuwig laden
en in IE ook, maar dan zie je de links nog wel (al kun je nergens meer op klikken)
Offline Erwt - 07/01/2009 17:10
Avatar van Erwt PHP beginner Heb je hem online staan? het voorbeeld zou goed moeten zijn maar.. misschien dat wij kunnen testen?
Offline advmedia - 07/01/2009 17:11
Avatar van advmedia Nieuw lid sure: [url]http://www.advmedia.nl/test.html/[/url]
Offline Erwt - 07/01/2009 17:17 (laatste wijziging 07/01/2009 17:22)
Avatar van Erwt PHP beginner Je hebt zowieso wat schoonheidsfoutjes MAAR:

De functie OPEN is gereserveerd.. in Dreamweaver geeft deze dus ook een ander kleurtje dan andere functies. (omdat open een code is die javascript zelf al in gebruik neemt kan je hier niet zelf een functie van maken omdat hij deze dan wil overschrijven)

Schoonheidsfoutje:

Je opent 2x <script> en zet in elke een functie.. je kan de functies gewoon tussen 1 x de <script> tag zetten. ook moet je de script tag het volgende meegeven: type="text/javascript"
Offline advmedia - 07/01/2009 17:32
Avatar van advmedia Nieuw lid
Erwt schreef:
Je hebt zowieso wat schoonheidsfoutjes MAAR:

De functie OPEN is gereserveerd.. in Dreamweaver geeft deze dus ook een ander kleurtje dan andere functies. (omdat open een code is die javascript zelf al in gebruik neemt kan je hier niet zelf een functie van maken omdat hij deze dan wil overschrijven)

Schoonheidsfoutje:

Je opent 2x <script> en zet in elke een functie.. je kan de functies gewoon tussen 1 x de <script> tag zetten. ook moet je de script tag het volgende meegeven: type="text/javascript"


oke.. dus function dicht() kan helemaal niet eens?
Offline Rens - 07/01/2009 17:37
Avatar van Rens Gouden medaille

Crew algemeen
Dicht zal waarschijnlijk wel kunnen, is geen Engels woord zoals open...
Offline junior - 07/01/2009 18:11
Avatar van junior Lid Noem je functie's bijvoorbeeld

OpenPagina
VerbergPagina


Dan krijg je geen problemen, en dan weet je duidelijker waarover het gaan, 'dicht' hebt zegt namelijk veel minder dan 'VerbergPagina'
Offline advmedia - 07/01/2009 18:15
Avatar van advmedia Nieuw lid Dankuwel allemaal, was inderdaad de oplossing
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.184s