PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
G

[js] aanpassen

Door Gerben G op 17-07-2006 16:12
610 views
Is er iemand die me kan helpen met het aanpassen van dit javascript


		function Toggle(item) {
  		obj=document.getElementById(item);
		visible=(obj.style.display!="none")
		key=document.getElementById("x" + item);
		if (visible) {
		  obj.style.display="none";
		} else {
		   obj.style.display="block";
		}
		}


Wat doet het:
Het script klapt een div in of uit.
maar als het divje geladen wordt dan is hij altijd zichtbaar.
ik zou graag willen dat het divje altijd gesloten is (onzichtbaar) het divje wordt zichtbaar als je ergens op klikt.
Jan Koehoorn
17-07-2006 16:16
Je kunt hem om te beginnen onzichtbaar maken in je CSS.

    div.invis {
        display: none;
    }

Als je dan in je HTML dit doet:

<div class="invis" id="div1">
</div>

Dan kun je op een andere plek dit doen:

<p onclick="Toggle('div1');">toggle div 1</p>
G
Gerben G
17-07-2006 16:20
het werkt wel, maar dan moet je 2 keer klikken voordat hij uitklapt.
Jan Koehoorn
17-07-2006 16:21
Dat komt door die Toggle functie. Probeer hem eens zo, die is veel beter en nog crossbrowser ook:

function toggle_display (nr)
{
	if (document.layers) {
		current = (document.layers[nr].display == 'none') ? 'block' : 'none';
		document.layers[nr].display = current;
	}
	else if (document.all) {
		current = (document.all[nr].style.display == 'none') ? 'block' : 'none';
		document.all[nr].style.display = current;
	}
	else if (document.getElementById) {
		vista = (document.getElementById(nr).style.display == 'none') ? 'block' : 'none';
		document.getElementById(nr).style.display = vista;
	}
}

Copyright: Peter Paul Koch
G
Gerben G
17-07-2006 16:24
en hoe laat ik die een divje uitklappen??
Jan Koehoorn
17-07-2006 16:28
[voorkauwmode]
Die toggle functie die je eerst had, vervang je door mijn voorbeeld. En dan in je HTML dit:

<p onclick="toggle_display('div1');">toggle div 1</p>

[/voorkauwmode]

Reageren

Inloggen om te reageren