подскажите пожалуйста ..вот я функцию для кнопки Backspace написал,но у меня получилось сделать только для первого поля чтобы она работала,как сделать чтобы она символ удаляла в том поле на которое переключились? и как сделать чтобы мы видели на какое поле переключились(чтобы курсор мигал там или оно подсвечивалось),просто я их сделал защищенными,т.е. с клавиатуры нельзя вводить туда?? | Код |
<html>
<head>
<title>jjkkll</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="JavaScript" type="text/javascript">
<!--
var X = "X";
var focusedElem = null;
var __form = null;
function deleteChar(input)
{input.value = input.value.substring(0, input.value.length - 1);}
function addChar(character) {
if (!focusedElem) return true;
if (focusedElem.type != "text") return true;
if(focusedElem.value == "" || focusedElem.value == "0")
focusedElem.value = character
else
focusedElem.value += character
}
function focusChanged(evnt) {
var ev = (evnt) ? evnt : event;
var sender = (ev.target) ? ev.target : ev.srcElement;
focusedElem = sender;
}
function addHandlers(evnt) {
__form = document.getElementById("_form");
for (var i = 0; i < __form.elements.length; i++) {
if (__form.elements[i].type != "text") continue;
if (__form.elements[i].addEventListener) {
__form.elements[i].addEventListener("focus", focusChanged, false);
} else {
__form.elements[i].attachEvent("onfocus", focusChanged, false);
}
}
}
function focusNext() {
if (focusedElem == null) {
focusedElem = __form.elements[0];
focusedElem.focus();
} else {
focusedElem = focusedElem.nextSibling;
while (focusedElem != null) {
if (focusedElem.type != "text") {
focusedElem = focusedElem.nextSibling;
} else {
focusedElem.focus();
return true;
}
}
focusedElem = __form.elements[0];
focusedElem.focus();
}
}
if (window.addEventListener) {
window.addEventListener("load", addHandlers, false);
} else {
window.attachEvent("onload", addHandlers);
}
function focusPrev() {
if (focusedElem == null) {
focusedElem = __form.elements[0];
focusedElem.focus();
} else {
focusedElem = focusedElem.previousSibling;
while (focusedElem != null) {
if (focusedElem.type != "text") {
focusedElem = focusedElem.previousSibling;
} else {
focusedElem.focus();
return true;
}
}
focusedElem = __form.elements[0];
focusedElem.focus();
}
}
// -->
</script>
<form action="#" id="_form">
<table border="4" align="center" cellspacing="0" cellpadding="2">
<tr>
<td align="center" width="80"><br /> </td>
<td align="middle"><table width="100%" border="0">
<tr>
<td><p>
<input name="view" type="text" id="view" onFocus="this.blur()" >
</br>
<input type="text" onFocus="this.blur()" >
<br />
<input type="text" onFocus="this.blur()" >
<br />
<input type="text" onFocus="this.blur()" >
<br />
<input type="text" onFocus="this.blur()" >
<br />
<input type="text" onFocus="this.blur()" >
<br />
</p> </td>
</tr>
</table>
<br />
<br />
<input type="button" value="next" onClick="focusNext();" />
<input type="button" value=" X " onClick="addChar(X)" />
<input type="button" value="back" onClick="focusPrev();" /><input type="button" value="BackSpace" onClick="deleteChar(this.form.view)" /></td>
</tr>
</table>
</form>
</body>
</head>
</html>
|
|
как сделать для всех полей?? 
Загрузка ...
