script unter FF und IE

Hallo,
ein Javascript soll alle Zellen einer Tabelle kontrollierenund den
Fokus ggf in die nächste Zelle setzen. In TEXTFELD
stehen die Zeile und Spalte in der Form x-y.
<script type=javascript>
function nurZiffern(TEXTFELD) {
var ZEICHEN=Kaestchen.elements[TEXTFELD].value;
var K_ARRAY = TEXTFELD.split('-');
var ZEILE=K_ARRAY[0]; var SPALTE=K_ARRAY[1];
var maxSPALTE=20; var maxZEILE=10;
if (isNaN(ZEICHEN) && ZEICHEN!='+' && ZEICHEN!='-' && ZEICHEN!='*'
&& ZEICHEN!=':' && ZEICHEN!='=') {
Kaestchen.elements[TEXTFELD].value='';
}
else {
SPALTE=parseInt(SPALTE); ZEILE=parseInt(ZEILE);
SPALTE=SPALTE+1;
if (SPALTE >= maxSPALTE) {
ZEILE=ZEILE+1; SPALTE=0;
if (ZEILE >= maxZEILE) {
ZEILE=0;
}
}
TEXTFELD=ZEILE+'-'+SPALTE;
Kaestchen.elements[TEXTFELD].focus();
}
}
</script>

Unter FF funktioniert es einwandfei, unter Opera werden alle Zellen
gelöscht, wenn ein Buchstabe eingegeben wird und unter IE gehts gar
nicht. Warum?
--
Stephan

Stephan Dreisbach <muelleimer15 (AT) gmx (DOT) de> schrieb:

Unter FF funktioniert es einwandfei,

Nachtrag: Unter FF funktioniert es auch nicht mehr, wenn die Seite als
PopUp aufgerufen wird.

Stephan Dreisbach wrote:

ein Javascript soll alle Zellen einer Tabelle kontrollierenund den
Fokus ggf in die nächste Zelle setzen. In TEXTFELD
stehen die Zeile und Spalte in der Form x-y.
script type=javascript

<script type="text/javascript">

http://validator.w3.org/

function nurZiffern(TEXTFELD) {

Bezeichner, die keine Konstruktorenreferenzen darstellen, sollten nicht mit
grossem Aufangsbuchstaben beginnen. Ausserdem sollten Variablenbezeichner
nicht vollständig aus Grossbuchstaben bestehen; diese Schreibweise ist
Konstanten vorbehalten. Ausserdem erschwert häufige Grossschreibung die
Lesbarkeit und somit die Wartung des Quelltextes.

var ZEICHEN=Kaestchen.elements[TEXTFELD].value;
var K_ARRAY = TEXTFELD.split('-');
var ZEILE=K_ARRAY[0]; var SPALTE=K_ARRAY[1];
var maxSPALTE=20; var maxZEILE=10;

*Eine* Anweisung je Zeile verbessert die Lesbarkeit, genauso wie ein
Leerzeichen zwischen Operand und Operator.

if (isNaN(ZEICHEN) && ZEICHEN!='+' && ZEICHEN!='-' && ZEICHEN!='*'
&& ZEICHEN!=':' && ZEICHEN!='=') {
Kaestchen.elements[TEXTFELD].value='';
}
else {

Eeek.

if (isNaN(zeichen) && !/^[+*:=-]$/.test(zeichen))
{
// ...
}
else
{
// ...
}

SPALTE=parseInt(SPALTE); ZEILE=parseInt(ZEILE);

Bei parseInt() immer die Basis mit angeben, sonst gibt es unliebsame
Überraschungen:

spalte = parseInt(spalte, 10);
zeile = parseInt(zeile, 10);

SPALTE=SPALTE+1;

spalte++;

Weshalb dann aber nicht gleich

spalte = parseInt(spalte, 10) + 1;

?

[...]
Kaestchen.elements[TEXTFELD].focus();

Die Definition für `Kaestchen' fe lt für die Analyse.

}
}
/script

Unter FF funktioniert es einwandfei, unter Opera werden alle Zellen
gelöscht, wenn ein Buchstabe eingegeben wird und unter IE gehts gar
nicht. Warum?

Der Aufruf der Methode fe lt für die Analyse.


PointedEars

Thomas 'PointedEars' Lahn <PointedEars (AT) web (DOT) de> schrieb:

script type="text/javascript"

http://validator.w3.org/

ist korrigiert

function nurZiffern(TEXTFELD) {

Bezeichner, die keine Konstruktorenreferenzen darstellen, sollten nicht mit
grossem Aufangsbuchstaben beginnen. Ausserdem sollten Variablenbezeichner

Jeder hat so seine Angewohnheiten .....

if (isNaN(ZEICHEN) && ZEICHEN!='+' && ZEICHEN!='-' && ZEICHEN!='*'
&& ZEICHEN!=':' && ZEICHEN!='=') {

if (isNaN(zeichen) && !/^[+*:=-]$/.test(zeichen))

Bis ich das rausgefunden hätte ........

Bei parseInt() immer die Basis mit angeben, sonst gibt es unliebsame
Überraschungen:

ok

Der Aufruf der Methode fe lt für die Analyse.

[...]
<form name=Kaestchen>
<table id="tab1">
<tr>
<td><input type=text maxlength=1 name=0-0 class=Eingabefeld
onChange="nurZiffern('0-0')"></td>
<td><input type=text maxlength=1 name=0-1 class=Eingabefeld
onChange="nurZiffern('0-1')"></td>
</tr>
..........
</table>
[..]

Das Ganze soll Rechenkästchen für Schüler darstellen (als Hilfe).

Stephan Dreisbach wrote:

Thomas 'PointedEars' Lahn <PointedEars (AT) web (DOT) de> schrieb:
script type="text/javascript"

http://validator.w3.org/

ist korrigiert

Das denke ich nicht, Tim. [tm]

Der Aufruf der Methode fe lt für die Analyse.

[...]
form name=Kaestchen

Da fe lt das action-Attribut.

table id="tab1"

Wozu das id-Attribut?

tr
td><input type=text maxlength=1 name=0-0 class=Eingabefeld
onChange="nurZiffern('0-0')"></td

type=text is redundant, und alle Attributwerte sollten explizit begrenzt werden.

td><input type=text maxlength=1 name=0-1 class=Eingabefeld
onChange="nurZiffern('0-1')"></td
/tr
.........
/table
[..]

Das Ganze soll Rechenkästchen für Schüler darstellen (als Hilfe).

onChange="nurZiffern(this, '0-1')"

und dann

function nurZiffern(o, textfeld)
{
var kaestchen = o.form;
// ...
}

statt

Kaestchen

Die Referenzierung von Elementen nur über ihren Namen oder ihre ID is
IE-proprietär und folglich nicht interoperabel. Ansonsten solltest Du debuggen.

Ausserdem würde nicht nicht das onchange-Attribut jedes input-Elements
benutzen, sondern das onsubmit-Attribut des form-Elements.


PointedEars