elso oldal
„ELSŐOLDAL” PROJEKT
< Programozás > < Túraproject > < CSS > < JQuery > < Javascript > < PHP > < Táblázatok >
programozás Fontos, hogy a linkre kattintás működjön minden böngészőn, így sajnos a visibility stílust nem alkalmazhatod, mert azt az IE nem mindig szereti.

Elsőként az alábbi sorokat beszúrjuk a <HEAD> mezőbe:
<SCRIPT TYPE="text/javascript">
<!--
function kapcsolgat(x){
	var elal=document.getElementById(x).style.display;
	if (elal=="none"){
		document.getElementById(x).style.visibility="visible";
		document.getElementById(x).style.display="block";}
	else {
		document.getElementById(x).style.visibility="hidden";
		document.getElementById(x).style.display="none";}
	}
//-->
</SCRIPT>


Itt kell megjegyezni, hogy gyakori hiba a display stílus beállítása "hidden" értékre. A "hidden" NEM elfogadott érték, helyette a "none" használatos!

Majd az aktuális <FORM> mezőt így alakítjuk ki:

<div><a href="javascript:kapcsolgat('rejtett')">Ide kattintva megjelenik</a></div>
<div id="rejtett" style="visibility:hidden;display:none">Megjelenik</div>
Példa:

Ide kattintva megjelenik