Loading:

Ostatnio dodane

php Upload dodaw PHP Tworzenia mi Logowanie obiekt Prosty system sz Lista plików z Jak zbudować pr Jak zamienić w IP uzytkownika Obiekt Timer [AS Proste skrypty w

Top 10

1.rtrim() 2.empty(); 3.end() 4.decbin 5.hash_file 6.chop() 7.fgets() 8.bindec 9.ssh2_exec 10.apc_add()

56853.05

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!')">


<input type="hidden" name="hidden1" value="wartość ukryta" />


<input type="text" name="textbox1" value="" />


<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;
}
}
}
};