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

Samo za branje

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

function branje(vrednost)
{
var x=document.forms.obrazec.vpis.readOnly=vrednost
}

</script>

<form id="obrazec" action="branje.html">
<p><input type="text" value="SERŠ Maribor!" size="20" name="vpis"></p>
<p><input type="button" onclick="branje(true)" value="Samo za branje" /></p>
<p><input type="button" onclick="branje(false)" value="Omogoči spreminjanje" /></p>
</form>
Izgled v
brskalniku:

Razlaga: V vnosno polje obrazca se lahko vpiše želen tekst, ki ga potem ob pritisku na gumb "samo za branje" ni mogoče več spreminjati. Po kliku na gumb "samo za branje" se funkciji branje(vrednost) pošlje kot parameter vrednost true. Nato se gumbu v obrazcu določi lastnost, ki omogoča le branje vnosnega polja in ne dopušča spreminjanja. To je lastnost readOnly. Z vrednost2m gumbom ponovno omogočimo vpis v vnosno polje, kar pomeni, da smo lastnosti samo za branje readOnly dodelili vrednost false in je ponovno možno tudi pisanje v vnosno polje.

SERŠ Maribor : Strokovna gimnazija : 2004 : Benjamin Šaler