login  Naam:   Wachtwoord: 
Registreer je!
 Forum

1 knop voor open/toe

Offline Raze - 01/07/2009 14:15
Avatar van RazePHP beginner hallo,

ik wil een div tonen en terug verbergen met 1 knop. Ik wil dus het event tijdelijk veranderen. Mijn code:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var varID;
  2.  
  3. function showDialog(id) {
  4. varID = id;
  5. 	document.getElementById(varID).style.display = 'block';
  6. 	document.getElementById('lang').onclick.value = 'hideDialog(\'' + varID + '\');';
  7. }
  8.  
  9. function hideDialog() {
  10. 		document.getElementById(varID).style.display = 'none';
  11. 	document.getElementById('lang').onclick.value = 'showDialog(\'' + varID + '\');';
  12. 	}


dit werkt echter niet, en via google zoeken naar "javascript change event" en aanverwanten wordt ik weinig wijzer.  

Iemand een idee?

4 antwoorden

Gesponsorde links
Offline Ontani - 01/07/2009 14:17
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 waarom zou je zelfs zoiets doen...

Waarom noem je die functie niet onclick="toggle()";

en check je in de function toggle() of de style.display == "block" en doe je dan style.display = "none" en anders .style.display = "block".
Offline b4nkr0bz0r - 01/07/2009 14:18
Avatar van b4nkr0bz0r PHP gevorderde wat werkt er niet? hoe roep je de functies aan ?

Sitemasters.be > beginpagina > nieuwste scripts > handig hide/show script...
Offline borger - 02/07/2009 14:57 (laatste wijziging 02/07/2009 15:49)
Avatar van borger Nieuw lid
Ontani schreef:
waarom zou je zelfs zoiets doen...

Waarom noem je die functie niet onclick="toggle();"

en check je in de function toggle() of de style.display == "block" en doe je dan style.display = "none" en anders .style.display = "block".



beter uitgewerkt:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <tag  onclick="toggle('myId');"></tag>
  2. <tag id="myId"></tag>


javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function toggle(id){
  2. if(document.getElementById(id).style.display == 'none';){
  3.     document.getElementById(id).style.display = 'block';
  4. }else{
  5.    document.getElementById(id).style.display = 'none';
  6. }


mocht je toch de functie willen veranderen kan dat door:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. document.getElementById(id).onClick = new Function("jouwFunction()");
Offline Ontani - 02/07/2009 15:14
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 allemaal goed behalve die ; op regel 2 in uw if
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.247s