Weblap Hová jutunk?

Címsor elrejtés, felfedés 1420

Az id azonositóval rendelkező jelölőelem, azaz objektum elrejtés, felfedés

<h1 id="rejt1"> h1-es címsor </h1>



<h3 id="rejt3"> h3-as címsor </h3>


 

 

Címsorok elrejtéséhez vagy felfedéséhez, kattintsunk a jelölőnégyzetbe.
Első h1 (azonosítója id="rejt1")
Második h3 (azonosítója id="rejt3")

<head>
<script language="JavaScript" type="text/javascript">

function ShowHide() {
if (!document.getElementById) return;
var rejt1 =document.getElementById("rejt1");
var rejt3 =document.getElementById("rejt3");

var showcimsor1 = document.form1.rejt1.checked;
var showcimsor3 = document.form1.rejt3.checked;

rejt1.style.visibility=(showcimsor1) ? "visible" : "hidden";
rejt3.style.visibility=(showcimsor3) ? "visible" : "hidden";
}
</script>

</head>
<body>

<h1 id="rejt1"> h1-es címsor</h1>
<h3 id="rejt3"> h3-as címsor </h3>

<form name="form1">
<u><strong>Címsorok elrejtése vagy felfedése</strong></u><br />
<input type="checkbox" name="rejt1" checked onClick="ShowHide() ;"> Első h1 (azonosítója id="rejt1") <br />
<input type="checkbox" name="rejt3" checked onClick="ShowHide() ;"> Második h3 (azonosítója id="rejt3") <br />
</form>

</body>

 

 

 

 

Vissza a lap elejére