e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Opis za povezavo

Koda:
<script type="text/javascript">

function opis(text)
{
document.getElementById("repek").firstChild.nodeValue=text
document.getElementById("repek").style.visibility="visible"
document.getElementById("repek").style.position="absolute"
document.getElementById("repek").style.left=event.clientX+20
document.getElementById("repek").style.top=event.clientY+20
}

function skrij()
{
repek.style.visibility="hidden"
}
</script>

<p>
<a href="http://www.najdi.si"
   onmousemove="opis('Najdi nekaj \u017Ee!')"
   onmouseout="skrij()">Najdi si</a>
</p><p>
<a href="http://www.matkurja.com"
   onmousemove="opis('I\u0161\u010Di z Mat Kurjo!')"
   onmouseout="skrij()">Mat Kurja</a>
</p><p>
<a href="http://groups.yahoo.com"
   onmousemove="opis('Obi\u0161\u010Di skupine!')"
   onmouseout="skrij()">Yahoo Groups!</a>
</p>

<div id="repek" style="visibility:hidden"></div>
Izgled v
brskalniku:

Najdi si

Mat Kurja

Yahoo Groups!

Razlaga: Funkcija skrij nam prikaže novo plast če gremo z miško na povezavo. Uporabljen je postopek getElementById. Slogovni predlogi se spremeni vrednost vidnos z style.visibility="hidden". To pomeni, da kadar z miško nismo na povezavi se plast ne prikaže, ko pa gremo z miško na povezavo se plast prikaže na takšni poziciji, kot je določena s položajem miške. Položaj miške prestreza predmet event.

SERŠ Maribor : Strokovna gimnazija : 2004 : Jure Štern