Ustawienie kursora na wybranym polu input - focus on
Skrypt pokazuje jak ustawić kursor na wybranym polu input.
Listing
<html>
<head>
<title>Fokus na pierwszym polu</title>
<script type="text/javascript" src="formutil.js"></script>
</head>
<body onload="FormUtil.focusOnFirst()">
<form method="post" action="javascript:alert('Formularz zatwierdzony!')">
<!-- pole ukryte -->
<input type="hidden" name="hidden1" value="wartość ukryta" />
<!-- pole tekstowe, które powinno stać sie elementem aktywnym -->
<input type="text" name="textbox1" value="" />
<!-- przycisk zatwierdzenia -->
<input type="submit" value="Zatwierdź formularz" />
</form>
</body>
</html>
//Plik formutil.js
var FormUtil = new Object;
FormUtil.focusOnFirst = function () {
if (document.forms.length > 0) {
for (var i=0; i < document.forms[0].elements.length; i++) {
var oField = document.forms[0].elements[i];
if (oField.type != "hidden") {
oField.focus();
return;
}
}
}
};
FormUtil.setTextboxes = function() {
var colInputs = document.getElementsByTagName("input");
var colTextAreas = document.getElementsByTagName("textarea");
for (var i=0; i < colInputs.length; i++){
if (colInputs[i].type == "text" || colInputs [i].type == "password") {
colInputs[i].onfocus = function () { this.select(); };
}
}
for (var i=0; i < colTextAreas.length; i++){
colTextAreas[i].onfocus = function () { this.select(); };
}
};
FormUtil.tabForward = function(oTextbox) {
var oForm = oTextbox.form;
// sprawdzenie, czy pole tekstowe nie jest ostatnim polem formularza
if (oForm.elements[oForm.elements.length-1] != oTextbox
&& oTextbox.value.length == oTextbox.maxLength) {
for (var i=0; i < oForm.elements.length; i++) {
if (oForm.elements[i] == oTextbox) {
for(var j=i+1; j < oForm.elements.length; j++) {
if (oForm.elements[j].type != "hidden") {
oForm.elements[j].focus();
return;
}
}
return;
}
}
}
};
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno