selfhtml.de - Alles für den Webmaster!

 

Empfehlung:

wix.com

Kostenlose Homepage

Besuchen Sie auch:

Jobs:

Eingabefeld auf readonly setzen

Autor: alterwolf [Beiträge: 4]
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>


Beiträge

Antwort schreiben

Username: Usernamen registrieren
Passwort: Passwort vergessen?
Thema:
  Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:
Link (URL):
Titel für Link:
Grafik (URL):
  Die Breite der Grafik darf 468 Pixel nicht überschreiten.
 
E-Mail-Benachrichtigung:



Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Webhosting Provider bewerten und Apple iPad gewinnenWie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...