| | | | |
| |||||||
| HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability. |
 |
| | LinkBack | Themen-Optionen | Thema bewerten |
22.05.2006, 16:49
| |
| Gast
Beiträge: n/a
|  Zeichenzähler funktioniert nicht richtig... Hey Leute ich habe probs mit meinem JS-Zeichenzähler. Er dient dazu, die Anzahl noch verfügbarer Zeichen bei Input und Textarea Elementen auszugeben. Aus irgend einem Grund zählt er im MSIE in einem Input-Feld wo maximal 55 Zeichen rein dürfen nicht korrekt. Wenn ich in das Feld klicke und eine Taste drücke, steht dort sofort das ich nur noch 47 Zeichen frei habe. Alle weiteren eingegebenen Zeichen lösen keine Zählung mehr aus. In einem Textarea darunter läuft der Code aber wiederum einwandfrei. Und im Firefox läuft der Zeichenzähler gar nicht. JS ist aktiviert. Code:
<script language="JavaScript">
function MaxString(maximum, outputid, inputid)
{
var value;
value = maximum - document.getElementById(inputid).value.length;
if (value < 0) {
document.getElementById(inputid).value = document.getElementById(inputid).value.substring(0,maximum);
value = maximum - document.getElementById(inputid).value.length;
}
if(value == maximum){
document.getElementById(outputid).innerText = "maximal";
} else {
document.getElementById(outputid).innerText = "noch " + value + " von";
}
}
</script>
Hier das dazugehörige Input feld: Code: <input type="text" id="titel" name="titel" value="<?=$titel?>" style="width:100%" maxlength="55" onChange="MaxString(55,'tstrlen','titel');" onKeyUp="MaxString(55,'tstrlen','titel');" onKeyDown="MaxString(55,'tstrlen','titel');"> <div style="font-size:11px;"> <span id="tstrlen" style="font-size:11px;">maximal</span> 55 Zeichen</div> gleich darunter kommt eine Textarea, und da geht's einwandfrei (aber nur im MSIE) Code: <textarea id="rez" name="rez" style="height:58px; width:100%" onChange="MaxString(10000,'rstrlen','rez');" onKeyUp="MaxString(10000,'rstrlen','rez');" onKeyDown="MaxString(10000,'rstrlen','rez');"> <?=$rez?> </textarea> <div style="font-size:11px;"><span id="rstrlen" style="font-size:11px;">maximal</span>10.000 Zeichen</div>  |
 |
 | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
|
22.05.2006, 16:53
| |
| Erfahrener Benutzer Registriert seit: 23.08.2007
Beiträge: 1.510
 | Kuck dir die Meldungen im Javascript Browser vom FF an .. Da kommt dann sicherlich ne Fehlermeldung Extras --> JavaScript konsole (Strg+Umschalt+J) |
| |
|
22.05.2006, 17:10
| |
| Gast
Beiträge: n/a
| die JS-Konsole gibt mir dazu keine fehler aus. Sie meckert nur wegen scrollbar-base-color im .css  blöde sache. finde den fehler nicht... |
| |
|
22.05.2006, 17:18
| |
| Gast
Beiträge: n/a
| habe die feldbezeichnung von "titel" mal auf "blub" geändert, und siehe da, im MSIE läuft's jetzt. weis aber immer noch nicht woran das lag, weil ich "titel" sonst nirgens im quellcode habe. merkwürdig das ist. Aber wieso ignoriert's der FF komplett? Ist der bekloppt? Oder ist mein Code FF-Feindlich? Versteht der FF eventuell innerText nicht?? |
| |
|
22.05.2006, 17:20
| ||
| Gast
Beiträge: n/a
| Zitat:
Code: if(value == maximum){
document.getElementById(outputid).innerText = "MAXIMUM";
} else {
alert(document.getElementById(outputid).innerText);
document.getElementById(outputid).innerText = "noch " + value + " von";
}
| |
| |
|
22.05.2006, 17:28
| |
| Gast
Beiträge: n/a
| und die alternative wäre dann was? |
| |
|
22.05.2006, 17:29
| ||
| Gast
Beiträge: n/a
| Zitat:
 http://de.selfhtml.org/javascript/ob...htm#inner_html | |
| |
|
22.05.2006, 17:44
| |
| Gast
Beiträge: n/a
| karl-150, du bist der beste  |
| |
|
22.05.2006, 17:44
| |
| Gast
Beiträge: n/a
| funktioniert jetzt einwandfrei! genial |
| |
| |
| Themen-Optionen | |
| Thema bewerten | |
|
|
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.
