| e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
![]() |
|||||||||
| SERŠ Maribor | Iskanje | Primeri | |||||||
| 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: |
|
| 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