Inputfelder via Event auf readonly setzen

flashfreak · 22. Dez. 2005

Hallo Allezusammen,
aaalso...

...ich habe hier ein Formular das 8 "text" inputfelder beinhaltet, es soll nun die möglichkeit gegeben werden das wenn man sagen wir mal auf das zweite inputfeld reinklickt und Daten eingibt das sofort alle anderen inputfelder die genauso als "text" deklariert sind auf readonly springen damit der jenige bei der eingabe nicht die anderen inputfelder auch noch ausfüllt.

das ich das entsprechende inputfeld mit onFocus="quicklink()" bestücke um eine funktion aufzurufen ist kein thema, aber wie könnte die funktion denn aussehen das die restlichen felder auf readonly gestellt werden ?

EDIT: habe nun ein recht praktisches bsp. gefunden welches aber leider nicht auf onFocus reagiert :-(

PHP:

<script type='text/javascript'>
function machEs() {
    var felder = new Array('asd', 'foo', 'bar');
    var i;

    for (i=0; i<felder.length; i++) {
        document.getElementById(felder[i]).disabled=document.getElementById('klickding').checked;
    }
}
</script>

<textarea id='asd'>Hallo, ich bin ein sinnloser Text!</textarea><br>
<textarea id='foo'>Hallo, ich bin DER sinnlose Text!</textarea><br>
<textarea id='bar'>Hallo, ich sinnlos!</textarea><br>

<input type='checkbox' id='klickding' onclick='machEs();'>

mfg
freaky

pit-r · 22. Dez. 2005

Moin!

Wenn es dabei um ein Formular geht, das tatsächlich zu irgendeinem ernsten Zweck Daten an den Server übermittelt stehst Du mit einem einzigen Textfeld und eine Gruppe von 8 radio-buttons besser da - dann würdest Du auch bei deaktiviertem JS die gewünschte Information erhalten: welche Auswahl getroffen wurde und den entsprechenden Text. Ansonsten kannst Du was in dieser Art machen:

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Beispiel</title>
<script type="text/javascript">
<!--
start=0;
function doIt(inp){
if(start==0)start=inp
f=document.form1;
for (var i=1;i<9;i++){
f['text'+i].readOnly=true;
}
start.readOnly=false;
start.focus();
}
//-->
</script>
</head>
<body>
<form name="form1" action="#">
<input name="text1" onfocus="doIt(this)">
<input name="text2" onfocus="doIt(this)">
<input name="text3" onfocus="doIt(this)">
<input name="text4" onfocus="doIt(this)">
<input name="text5" onfocus="doIt(this)">
<input name="text6" onfocus="doIt(this)">
<input name="text7" onfocus="doIt(this)">
<input name="text8" onfocus="doIt(this)">
</form>
</body>
</html>

Ahoi - Pit

Inputfelder via Event auf readonly setzen

flashfreak

New member

pit-r

Guest