2. Wczytywanie danych z okienek

admin

Administrator
Ekspert

Wiadomości: 821

2. Wczytywanie danych z okienek

« : Październik 05, 2016, 10:01:20 »

PrzykÂład 2.01. WczytaĂŚ dane z okienka typu edit i wyÂświetliĂŚ w drugim okienku.
<html>
<head>
<meta charset="UTF-8">
<script>
function przepisz(f) {
a=(f.A.value);
f.B.value=a;
}
</script>
</head>

<b>przesyÂłanie tekstu</b>
<br><br>
   <form>
   Podaj liczbĂŞ = <input type="text" name="A">
   <br>
   Przepisana liczba = <input type="text" name="B">
   <br>
   <input type="button" name="adam" onclick="przepisz(this.form)">SprawdÂź</button>
   </form>
</html>


« Ostatnia zmiana: Październik 05, 2016, 10:54:50 wysłane przez admin »	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: 2. Wczytywanie danych z okienek

« Odpowiedz #1 : Październik 05, 2016, 11:51:45 »

PrzykÂład 2.02. Program wczytujÂący napisy z dwĂłch okienek i wyÂświetlajÂący "zlepione" dwa napisy w trzecim okienku.
<html>
<head>
<meta charset="UTF-8">
<script>
function przepisz(x) {
a=x.A.value;
b=x.B.value;
x.C.value=a+b;
}
</script>
</head>

<b>przesyÂłanie tekstu</b>
<br><br>
   <form>
   INPUT A = <input type="text" name="A">
   <br>
   INPUT B = <input type="text" name="B">
   <br>
   INPUT C = <input type="text" name="C">
   <br>
   <input type="button" name="adam" onclick="przepisz(this.form)">SprawdÂź</button>
   </form>
</html>


	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: 2. Wczytywanie danych z okienek

« Odpowiedz #2 : Październik 05, 2016, 12:10:44 »

PrzykÂład 2.03. Wprowadzone ciÂągi znakĂłw do dwĂłch okien typu input. Obliczona zostaje dÂługoÂśĂŚ kaÂżdego ciÂągu znakĂłw i suma tych wartoÂści wyÂświetlona zostaje w trzecim oknie.

<html>
<head>
<meta charset="UTF-8">
<script>
function przepisz(x) {
a=x.A.value;
a1=a.length;
b=x.B.value;
b1=b.length;
x.C.value=a1+b1;
}
</script>
</head>

<b>przesyÂłanie tekstu</b>
<br><br>
   <form>
   INPUT A = <input type="text" name="A">
   <br>
   INPUT B = <input type="text" name="B">
   <br>
   INPUT C = <input type="text" name="C">
   <br>
   <input type="button" name="adam" onclick="przepisz(this.form)">SprawdÂź</button>
   </form>
</html>


	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: 2. Wczytywanie danych z okienek

« Odpowiedz #3 : Październik 21, 2016, 11:10:03 »

PrzesyÂłanie danych pomiĂŞdzy okienkami + klawisz czyszczenia

<html>
<head>
<meta charset="UTF-8">
<script>
function dzialaj(x){
a=parseInt(x.A.value);
x.B.value=a;
x.C.value="DziĂŞkujĂŞ";}
function reset(x){
x.A.value="";x.B.value="";x.C.value=""}
</script>
</head>

<b>przesyÂłanie tekstu</b>
<br><br>
   <form>
   <table><tr>
   <td>Podaj swĂłj wiek </td><td><input type="text" name="A"></td> </tr>
   <tr>
   <td>Masz: </td> <td><input type="text" name="B"> lat</td>
   </tr> <tr><td>Uwagi: </td> <td> <input type="text" name="C"></td></tr>

   <input type="button" name="adam" onclick="dzialaj(this.form)">SprawdÂź</button>
   <input type="button" name="rysio" onclick="reset(this.form)">CzyÂśĂŚ</button>
   </form>
   </table>
</html>


	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: 2. Wczytywanie danych z okienek

« Odpowiedz #4 : Październik 21, 2016, 11:30:04 »

Poprawiona wersja poprzedniego przykÂładu. ProszĂŞ zwrĂłciĂŚ uwagĂŞ na ÂłÂączenie ciÂągu znakĂłw i liczb wprowadzonych do edit/input.

<html>
<head>
<meta charset="UTF-8">
<script>
function dzialaj(x){
a=parseInt(x.A.value);
if (a<18){x.B.value="poczekaj jeszcze "+(18-a); x.C.value="IdÂź do szkoÂły";}
else
{x.B.value=a; x.C.value="DziĂŞkujĂŞ";};
}
function reset(x){
x.A.value="";x.B.value="";x.C.value=""}
</script>
</head>

<b>przesyÂłanie tekstu</b>
<br><br>
   <form>
   <table><tr>
   <td>Podaj swĂłj wiek </td><td><input type="text" name="A"></td> </tr>
   <tr>
   <td>Masz: </td> <td><input type="text" name="B"> lat</td>
   </tr> <tr><td>Uwagi: </td> <td> <input type="text" name="C"></td></tr>

   <input type="button" name="adam" onclick="dzialaj(this.form)">SprawdÂź</button>
   <input type="button" name="rysio" onclick="reset(this.form)">CzyÂśĂŚ</button>
   </form>
   </table>
</html>


	Zapisane

Strony: [1]

Drukuj

« poprzedni następny »