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 »