Weblap Hová jutunk?

Jelölőelemhez rendelhető tájékoztató szöveg

A szövegrészekből egy vagy több karaktert is megjeleníthetünk

A szövegek sorszámozása nullával (0) kezdődik, ezért lesz az első karakter sorszáma 0, a másodiké 1 és így tovább.
De kiírathatjuk a teljes szöveget is.
Ha nem ismerjük a szöveg hosszát, akkor a "length" utasítással kiszámoltatjuk, és az így kapott értéket egy változóhoz rendeljük (pl.: hossz).
Ezt követően a változó nevét, beírjuk a zárójelbe. Pl.: substring(0,hossz)

Megírása XHTML fájlban

<script language="JavaScript" type="text/javascript" >
szoveg1 = "Aki nem lép egyszerre.";
szoveg2 = "Nem kap rétest estére.";

osszefuzes = szoveg1 + szoveg2 ;

//Szövegrész kiíratása: 0-tól a 4. karakterig
document.write (osszefuzes.substring(0,4));
document.write ("<br />");

//Szövegrész kiíratása: 8-tól a 14. karakterig
document.write (osszefuzes.substring(8,14));
document.write ("<br />");

//Szövegrész kiíratása: 0-tól az utólsó karakterig.
//Elsőként a length segitségével kiszámoljuk az osszefuzes változó hosszát, és ezt egy változóhoz rendeljük
// Második lépésben 0-tól a végéig (hossz érték) kiíratjuk a substring(0,hossz) segédletével a szöveget

hossz=(osszefuzes.length);
document.write (osszefuzes.substring(0,hossz));
</script>

Megjelenése weboldalunkon: 0-tól 4. karakterig, és 8. karaktertől a 14. karakterig


Tájékoztató szöveg megjelenítése

XHTML fájl
<div>
<p>Klikkeljünk az első hivatkozásra, majd, mozgassuk a második hivatkozás vagy a bekezdés fölé az egeret.</p>
<ul>
<li><a href="#.html" id="link1"> Ez a hivatkozási üzenet, kattintásra jelenik meg, és egér elhagyja eltünik</a><br /></li>
<li><a href="#.html" id="link2"> Egér a hivatkozás fölött, üzenet megjelenik. Ha elhagyja, üzenet eltünik</a></li>
</ul>
<p id="bekezd1">Ez egy bekezdés. Egér a bekezdés szövege fölött, üzenet megjelenik</p>
<h2 id="h21" class="celpont">Linküzenet, itt jelenik meg </h2>
</div>

JavaScript fájl
function torles ( ) {
d = document.getElementById ("h21");
d.innerHTML = " ";
}

function egerEsemeny (e) {
if (!e) var e = window.event;
egerTartozkodas = (e.target) ? e.target.id : e.srcElement.id;
//Azon link és a hozzátartozó üzenet kiválasztása, mely felett az egér áll.
if (egerTartozkodas=="link1") uzenet = "1. Kattintott? Tetszőleges szöveget, ide írjuk. ";
else if (egerTartozkodas=="link2") uzenet = "2. Egér a hivatkozás fölött. Tetszőleges szöveget, ide írjuk.";
else if (egerTartozkodas=="bekezd1") uzenet = "Egér a bekezdés fölött. A bekezdés tájékoztató szövege.";

// A leírás megjelenítése azon területen, melynek kezdő címkéje az id="h21" egyedi azonosítóval rendelkezik.
d = document.getElementById ("h21");
d.innerHTML = uzenet;
}

// Az eseménykezelők, azaz hivatkozások beállítása.
esemeny1 = document.getElementById ("link1");
esemeny1.onclick=egerEsemeny;
esemeny1.onmouseout= torles;

esemeny2 = document.getElementById ("link2");
esemeny2.onmouseover=egerEsemeny;
esemeny2.onmouseout= torles;

esemeny3 = document.getElementById ("bekezd1");
esemeny3.onmouseover=egerEsemeny;
esemeny3.onmouseout= torles;

Megjelenése weboldalon

Klikkeljünk az első hivatkozásra, majd, mozgassuk a második hivatkozás vagy a bekezdés fölé az egeret.

Ez egy bekezdés. Egér a bekezdés szövege fölött, üzenet megjelenik

Jelölőelemhez tartozó üzenet, itt jelenik meg

Hibás sor, üzenet megjelenítésére!

A hiba akkor jelentkezik, ha elsőként a hibás sorra klikkelnek, vagy éppen odamozgatják az egeret.

'uzenet' nincs definiálva. Hibaüzenetet kapjuk, ha a horgony <a> vagy a <p> címkék közé szövegformázó elemet helyezünk el.

Példa hibás sorra:
<a href="#.html" id="link2"> <b> Egér a hivatkozás fölött, üzenet megjelenik. Ha elhagyja, üzenet eltünik</b> </a>
<p id="bekezd1"><strong>Ez egy bekezdés. Egér a bekezdés szövege fölött, üzenet megjelenik</strong></p>


 


Külső JavaScript fájl, melyet a dokumentum végén helyezünk el:
<script language="JavaScript" type="text/javascript" src="elérési út.js"> </script>

 

 

 

 

 

Vissza a lap elejére