Witajcie.
Zakładając, ze mam strone opartą na <frameset>, mam pytanie odnoście "zasięgu" JS.
Czy jeżeli w pliku definiującym tenże frameset będzie napisana pewna funckja JS, to czy będzie ona widoczna w każdej ramce? Czy (bardziej prawdopodobne) każda ramka musi mieć własną kopię tej funkcji?
Oraz druga sprawa:
Potrzebuję funkcję JS, która będzie wywoływana przy każdej zmianie dowolnego pola tekstowego w dowolnej ramce sprawdzała czy to co zostało wpisane pasuje do wzorca.
Pomożecie?
Pełna wersja: Zasięg JS i reagowanie na pola formularza
1. Bedzie widoczna. Trzeba sie odwolac wtedy do funkcji przez obiekt parent lub top.
2. Napisalem cos takiego... Funkcja nadaje wszystkim polom tekstowym zdarzenie onchange ktore wywoluje funkcje sprawdzajaca ze wzorcem. Jesli dobrze zrozumialem to mniej wiecej oto chodzilo.
ramka1.htm
ramka2.htm
PS. [ CODE ] dlatego, zeby zachowac formatowanie.
2. Napisalem cos takiego... Funkcja nadaje wszystkim polom tekstowym zdarzenie onchange ktore wywoluje funkcje sprawdzajaca ze wzorcem. Jesli dobrze zrozumialem to mniej wiecej oto chodzilo.
Kod
<script type="text/javascript">
var reg_exp;
function sprawdz(tmp) {
reg_exp = tmp;
ramki = window.frames;
for(i = 0; i < ramki.length; i++) {
formularze = ramki[ i ].document.forms;
for(i2 = 0; i2 < formularze.length; i2++) {
elementy = formularze[ i2 ].elements;
for(i3 = 0; i3 < elementy.length; i3++) {
if(elementy[ i3 ].type == 'text') {
elementy[ i3 ].onchange = wzorzec;
}
}
}
}
}
function wzorzec(e) {
if(e) {
obj = e.target;
} else {
var obj;
for(i = 0; !obj; i++) {
obj = window.frames[ i ].event.srcElement;
}
}
if( !obj.value.match(reg_exp) ) {
alert('Nie pasuje do wzorca: ' + reg_exp);
}
}
</script>
<frameset cols="50%,*">
<frame src="ramka1.htm" name="ramka1">
<frame src="ramka2.htm" name="ramka2">
</frameset>
var reg_exp;
function sprawdz(tmp) {
reg_exp = tmp;
ramki = window.frames;
for(i = 0; i < ramki.length; i++) {
formularze = ramki[ i ].document.forms;
for(i2 = 0; i2 < formularze.length; i2++) {
elementy = formularze[ i2 ].elements;
for(i3 = 0; i3 < elementy.length; i3++) {
if(elementy[ i3 ].type == 'text') {
elementy[ i3 ].onchange = wzorzec;
}
}
}
}
}
function wzorzec(e) {
if(e) {
obj = e.target;
} else {
var obj;
for(i = 0; !obj; i++) {
obj = window.frames[ i ].event.srcElement;
}
}
if( !obj.value.match(reg_exp) ) {
alert('Nie pasuje do wzorca: ' + reg_exp);
}
}
</script>
<frameset cols="50%,*">
<frame src="ramka1.htm" name="ramka1">
<frame src="ramka2.htm" name="ramka2">
</frameset>
ramka1.htm
Kod
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
</head>
<body>
Tylko małe i duże litery od A do Z.<br><br>
<form style="margin-top:0;">
<input type="text" id="input1_1"><br><br>
<input type="text" id="input1_2"><br><br>
<input type="text" id="input1_3"><br><br>
</form>
</body>
</html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
</head>
<body>
Tylko małe i duże litery od A do Z.<br><br>
<form style="margin-top:0;">
<input type="text" id="input1_1"><br><br>
<input type="text" id="input1_2"><br><br>
<input type="text" id="input1_3"><br><br>
</form>
</body>
</html>
ramka2.htm
Kod
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
</head>
<body onload="top.sprawdz( /^[a-z]*$/i );"><br><br>
<form style="margin-top:0;">
<input type="text" id="input2_1"><br><br>
<input type="text" id="input2_2"><br><br>
<input type="text" id="input2_3"><br><br>
</form>
</body>
</html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
</head>
<body onload="top.sprawdz( /^[a-z]*$/i );"><br><br>
<form style="margin-top:0;">
<input type="text" id="input2_1"><br><br>
<input type="text" id="input2_2"><br><br>
<input type="text" id="input2_3"><br><br>
</form>
</body>
</html>
PS. [ CODE ] dlatego, zeby zachowac formatowanie.
Pytanie dodatkowe:
Jak wykryć naciśnięcie klawisza w aktywnym oknie przeglądarki i zapisać do zmiennej?
Jak wykryć naciśnięcie klawisza w aktywnym oknie przeglądarki i zapisać do zmiennej?
Coś takiego na przykład:
poda Ci jaki klawisz był wciśnięty np. jak naciśniesz a to wyświetli się w alercie a. Nie reaguje to na klawisze funkcyjne.
Ewentualnie można to przeobić żeby podawało kod klawisza.
Kod
<script type"text/javascript">
function key_detect(){
var key=window.event;
code=key.keyCode;
var key_code=String.fromCharCode(code);
alert("The key is:" + key_code);
}
</script>
function key_detect(){
var key=window.event;
code=key.keyCode;
var key_code=String.fromCharCode(code);
alert("The key is:" + key_code);
}
</script>
poda Ci jaki klawisz był wciśnięty np. jak naciśniesz a to wyświetli się w alercie a. Nie reaguje to na klawisze funkcyjne.
Ewentualnie można to przeobić żeby podawało kod klawisza.
revyag: Twoje rozwiazanie dziala tylko w IE i Operze. Pozatym da sie wykrywac klawisze funkcyjne tyle, ze przy zdarzeniu onkeydown, wtedy jedak przejmuja one kody malych liter. Na przyklad 1 na czesci numerycznej (przy wlaczonym num locku) to juz nie 1 ale a 
Kod
<html>
<head>
<script type="text/javascript">
function przechwyc(e) {
if(document.all) {
e = window.event.keyCode;
} else {
e = e.which;
}
alert(e);
}
document.onkeydown = przechwyc;
</script>
</head>
<body>
</body>
</html>
<head>
<script type="text/javascript">
function przechwyc(e) {
if(document.all) {
e = window.event.keyCode;
} else {
e = e.which;
}
alert(e);
}
document.onkeydown = przechwyc;
</script>
</head>
<body>
</body>
</html>
Dzięki za pomoc.
Poszukałem i to stworzyłem:
Działa jak natura chciała!
Poszukałem i to stworzyłem:
Działa jak natura chciała!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.