login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div zichtbaar / onzichtbaar (Opgelost)

Offline Voldemort - 10/04/2007 17:11
Avatar van VoldemortPHP ver gevorderde Hallo iedereen,

Ik wil graag een div zichtbaar en onzichtbaar laten maken als men over een linkje gaat. Nu ging ik de basis al wat testen, maar die wil niet werken:

JAVASCRIPT

php code - Bekijk de code zonder highlighting - Klap code in 
  1. function hide_div(dname)
  2. {
  3. 	document.getElementById(dname).style.display = 'block';
  4. }
  5.  
  6. function show_div(dname)
  7. {
  8. 	document.getElementById(dname).style.display = 'none';
  9. }


HTML
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onMouseOver="hide_div('rpg')">RPG</a>
  2. <div id="rpg">
  3. [Andere HTML code]
  4. </div>


Waarom werkt dit niet? Is er ergens een website waarop alles over javascript staat (waar browserdevelopers hun info vandaan halen)?

4 antwoorden

Gesponsorde links
Offline Ibrahim - 10/04/2007 17:16
Avatar van Ibrahim PHP expert probeer eens een standaard display op de div te zetten, dus style="display: block" toevoegen aan je div.
Offline CDNC - 10/04/2007 17:28
Avatar van CDNC PHP ver gevorderde heb je nu niet de functie namen omgekeert:
hide_div => display = 'block';

??
Offline W0etah - 10/04/2007 17:34
Avatar van W0etah PHP beginner ik doe het altijd zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. <!--
  3. function toon(item){
  4. 	item = document.getElementById(item)
  5. 	item.style.display = 'block'
  6. }
  7.  
  8. function verberg(item){
  9. 	item = document.getElementById(item)
  10. 	item.style.display = 'none'
  11. }
  12. -->
  13. </script>
Offline Voldemort - 10/04/2007 18:08
Avatar van Voldemort PHP ver gevorderde Ik heb het opgelost:

JS:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. function change_div_status(dname)
  2. {
  3. 	start = document.getElementById(dname);
  4.  
  5. 	if(start.style.display == 'block')
  6. 		start.style.display = 'none';
  7. 	else
  8. 		start.style.display = 'block';
  9. }


HTML

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onMouseOver="change_div_status('rpg')">RPG</a>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.2s