selfhtml.de - Alles für den Webmaster!

 

Empfehlung:

wix.com

Kostenlose Homepage

Besuchen Sie auch:

Jobs:

Eingabefeld auf readonly setzen

Autor: alterwolf
Datum: 12.01.2014 19:07:47

Hallo miteinander,

ich möchte ein Eingabefeld, nachdem per Javascript ein Wert eingeschrieben und der Hintergrund eingefärbt wurde , auf "readonly" setzen.- Habe unter den Beiträgen nur ein ähnliches Thema von Klaus66 von 2004 gefunden und die dort angegebene lösung in den Script eingetragen Das funktioniert leider nicht und ich weiß nicht, warum. Es handelt sich um die Anweisung: document.getElementById(x).readonly = true
Was habe ich falsch gemcht? Hier der gesamte Script:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Schleife-Test</title>
<meta name="author" content="Claus">
<meta name="editor" content="html-editor phase 5">
<script language="JavaScript">

function SchreibeInFeld() {

    document.getElementById("Z1").value = 1;
    document.getElementById("Z5").value = 5;
    document.getElementById("Z9").value = 9;

    var End = 9;
    var i, x, y;

     for (i=1; i <= 9; i++ )  {
     x = "Z" + i
        y = document.getElementById(x).value;
        if(y) { document.getElementById(x).style.backgroundColor = "yellow";
                document.getElementById(x).readonly = true; }
    }

  }
</script>
<style type="text/css">
input.kfeld1 {position:relative; left:2mm; top:2mm; width:5mm; text-align:center; font-weight:bold;}
</style>
</head>
<body  text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div id="B1" style="position:absolute; top:10mm; left:7mm; height:24mm; width:27mm; background-color:#FF7750;">

<input id="Z1" type="text" class="kfeld1">
   <input id="Z2" type="text" class="kfeld1">
     <input id="Z3" type="text" class="kfeld1"><br>
     <input id="Z4" type="text" class="kfeld1">
   <input id="Z5" type="text" class="kfeld1">
     <input id="Z6" type="text" class="kfeld1"><br>
     <input id="Z7" type="text" class="kfeld1">
   <input id="Z8" type="text" class="kfeld1">
     <input id="Z9" type="text" class="kfeld1">

</div>
    <input type="button" value="Schreibe" style="position:absolute; left:100mm; height:16mm; top:10%; width:20mm;"
    onclick="SchreibeInFeld()" >

</body>
</html>



Re: Eingabefeld auf readonly setzen

Autor: reporter
Datum: 13.01.2014 17:40:16

Hallo,

deine Javascript ist ein gutes Beispiel für die Lebensweisheit "Kleine Ursache, große Wirkung".

-> Es muss document.getElementById(x).readOnly = true heißen. Beachte das große 'O' bei 'readonly' (siehe
http://de.selfhtml.org/javascript/objekte/elements.htm#readonly )



Re: Eingabefeld auf readonly setzen

Autor: alterwolf
Datum: 14.01.2014 17:50:35

> Hallo,
>
> deine Javascript ist ein gutes Beispiel für die
> Lebensweisheit "Kleine Ursache, große Wirkung".
>
> -> Es muss
> document.getElementById(x).read<b>O</b>nly = true
> heißen. Beachte das große 'O' bei 'readonly'
> (siehe
>
> http://de.selfhtml.org/javascript/objekte/elements.htm#readonly
> )
>
Danke, mit Deiner Feststellung zu Ursache und Wirkung hast Du sehr recht.....
Danke!! Mit Deiner Feststellung zu Ursache und Wirkung hast
dU SEHR rECHT::::