Jelölőelem tartalom elrejtés, felfedés 1405
Az "id" azonositóval rendelkező jelölőelem,
elrejtés, felfedés a
visibility=(show) ? "visible" : "hidden"; meghatározással.
Ha azon hibajelzést kapjuk pl: objektumot kötelező megadni a javascript "..." sorában, ez nem bitos hogy ott a hiba, hanem annak a sornak a megfelelője nem helyes azonosító megadást kapott, vagy nem is adtunk azonosítót a html oldali jelölőcímkének.
A dokumentum további szöveges részei, bemutató jelleggel készültek.
Itt tesztelhetjük visibility meghatározásnál, a szövegrészek elrejtésének és megjelenítésének működését.
1. Teszteléshez:
Kattintsunk a kipipált checkbox négyzetekre egyszer.
Amikor tartalmak törlődtek, frissítsük az oldalt böngésző ablakából vagy az F5 billentyű leütésével.
Ekkor, az előzőleg kattintással aktívált checkbox négyzetek, üresek maradnak.
Ezt követően, kattintsunk az üres checkbox négyzetekre.
2. Teszteléshez:
Kattintsunk a kipipált checkbox négyzetekre egyszer.
Amikor tartalmak törlődtek, kattintsunk a böngésző ablakában lévő visszalépés ikonjára ( <-- )
Megjegyzés:
Tesztelés után, minenki döntse el, milyen célra alkalmazhatja weboldalán,
ezt a visibility meghatározást, bármelyik html jelölőelem tartalmához.
Tesztlapoknál alkalmazhatjuk. Ha kitöltés helyes, üzenetet jeleníthetünk meg.
<div id="rejtdiv1">
<p>Ezen szövegsor, kezdő <p> címkéjéhez nem rendeltünk egyedi azonosítót.
A div szakasz ki és bekapcsolása, akkor hatásos a szövegsorokra, ha azok kezdőcímkéje nem rendelkezik olyan egyedi azonosítóval, melyek a js programunkban is, szerepel.</p>
Ez a p elem class osztályazonosítóval rendelkezik.
<h2 id="rejt1"> Címsor </h2>
<p>A második div szakasz azonosítója rejtdiv2.<br />
kezdőcímkéje nem rendelkezik egyáltalán azonosítóval, vagy olyan egyedi azonosítóval, melyek a js programunkban szerepelnek.</p>
<h3 id="rejt3"> h3-as címsor </h3>
<p id="rejtp1">Első bekezdés <span id="rejtspan1"> Első span szövegrész </span> xxxxxxx xx </p>
<blockquote id="rejtblock1"> Idézet xxxxxx </blockquote><cite id="rejtcite1"> cite szövegrész </cite>
<p id="rejtp2">Második bekezdés <span id="rejtspan2"> Második span szövegrész </span> xxxxxx </p>
<pre id="rejtpre1">Első pre elem tartalma. xxxxxxxxxxxxx
xxxxxxxxxxxxx x x x xxxxxxxxx </pre>
<pre id="rejtpre2">Második pre elem tartalma. xxxxxxxxxxxxx
xxxxxxxxxxxxx x x x xxxxxxxxx </pre>
| <tr id="rejttr1"> | <th>xxxxxxxxxx</th> | <th>xxxxxxxxxx</th> | </tr> |
|---|---|---|---|
| <tr> | <th id="rejtth1"></th> | <th>xxxxxxxxxx</th> | </tr> |
| <tr> | <td>xxxxxxxxxx</td> | <td id="rejttd2"></td> | </tr> |
Ez a szöveg, a második div elemben, azaz, területén van.
</div>
Ez a szövegsor, az első div elem területén van.
</div>
Elrejtéshez, felfedéshez, kattintsunk a kipipált négyzetekre.