Darmowe Forum
Maj 06, 2024, 17:51:32 *
Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?

Zaloguj się podając nazwę użytkownika, hasło i długość sesji
Aktualności: Forum zostało uruchomione!
 
   Strona główna   Pomoc Zaloguj się Rejestracja  
Darmowe Forum > Ostatnie wiadomości
Strony: 1 ... 8 9 [10]
 91 
 : Kwiecień 27, 2016, 12:00:02 
Zaczęty przez admin - Nowe: wysłane przez admin
Zadanie 3. W zasadzie wszystko to samo co w poprzednim przykładzie, jednak zaznaczenie checkbox powoduje wyświetlenie tekstu w form ale bez udziału okienek tekstowych.

<html>
<head>
<meta charset="UTF-8">

<script>
var d="ssas";e=0;
function kolor() {
    if(document.getElementById("au").checked == true)
   {document.getElementById("srodek").value="AUTOBUS";};
   if(document.getElementById("poc").checked == true)
   {document.getElementById("srodek").value="POCIĄG";};
   if(document.getElementById("sam").checked == true)
   {document.getElementById("srodek").value="SAMOCHÓD";};
   if(document.getElementById("sl").checked == true)
   {document.getElementById("srodek").value="SAMOLOT";};
}
function miasto(E){document.getElementById("wybor").value=E;}
function tekst(){location.reload(); }
</script>
</head>
<body>
<font size="10">Zakup biletu</font>
<br><br>
<table><td>
<form style="width:200px" >
<fieldset>
<legend>Dokąd jedziesz</legend>
<br>
<input type="radio" name="E" id="1"  value="Gdańsk" onclick="miasto(this.value)"> GDAŃSK <br>
<input type="radio" name="E" id="2" value="Pisz" onclick="miasto(this.value)"> PISZ<br>
<input type="radio" name="E" id="3" value="Kosów Lacki" onclick="miasto(this.value)"> KOSÓW LACKI <br>
<input type="radio" name="E" id="4" value="Białystok" onclick="miasto(this.value)"> BIAŁYSTOK <br>
<input type="radio" name="E" id="5" value="Kraków" onclick="miasto(this.value)"> KRAKÓW <br>
</fieldset>
</form>
</td>
<td>
<form style="width:200px" >
<fieldset>
<legend>Środek transportu</legend><br>
<input type="radio" name="A" id="au"  onclick="kolor()" > AUTOBUS <br>
<input type="radio" name="A" id="poc" onclick="kolor()" > POCIĄG <br>
<input type="radio" name="A" id="sam" onclick="kolor()" > SAMOCHÓD<br>
<input type="radio" name="A" id="sl" onclick="kolor()" > SAMOLOT <br>
<input type="checkbox" name="B" id="ch" onclick="tekst()" > miejsce dla palących<br>
</fieldset>
</form>
</td>
<td>
<form style="width:300px" id="for" >
<fieldset>
<legend>Warunki podróży</legend><br>
Miejsce docelowe: <input type="text" id="wybor" name="B"  size="10"> <br><br>
Środek transportu: <input type="text" id="srodek" name="B"  size="10"> <br><br>
<script>
 if(document.getElementById("ch").checked == true)
 {document.writeln("Dla palących")}
 else {document.writeln(" Kuba chce dla niepalących");};
</script><br>
</fieldset>
</form>
</td>
</table>

</body>
</html>

 92 
 : Kwiecień 27, 2016, 09:15:04 
Zaczęty przez admin - Nowe: wysłane przez admin
Wersja z miastami i środkami transportu do wyboru.

<html>
<head>
<meta charset="UTF-8">

<script>
var d=0;e=0;
function kolor() {
    if(document.getElementById("au").checked == true)
   {document.getElementById("srodek").value="AUTOBUS";};
   if(document.getElementById("poc").checked == true)
   {document.getElementById("srodek").value="POCIĄG";};
   if(document.getElementById("sam").checked == true)
   {document.getElementById("srodek").value="SAMOCHÓD";};
   if(document.getElementById("sl").checked == true)
   {document.getElementById("srodek").value="SAMOLOT";};
}
function miasto(E){document.getElementById("wybor").value=E;}
</script>
</head>
<body>
<font size="10"><b>Zakup biletu</b></font>
<br><br>
<table><td>
<form style="width:200px" >
<fieldset>
<legend>Dokąd jedziesz</legend>
<br>
<input type="radio" name="E" id="1"  value="Gdańsk" onclick="miasto(this.value)"> GDAŃSK <br>
<input type="radio" name="E" id="2" value="Pisz" onclick="miasto(this.value)"> PISZ<br>
<input type="radio" name="E" id="3" value="Kosów Lacki" onclick="miasto(this.value)"> KOSÓW LACKI <br>
<input type="radio" name="E" id="4" value="Białystok" onclick="miasto(this.value)"> BIAŁYSTOK <br>
<input type="radio" name="E" id="5" value="Kraków" onclick="miasto(this.value)"> KRAKÓW <br>
</fieldset>
</form>
</td>
<td>
<form style="width:200px" >
<fieldset>
<legend>Środek transportu</legend><br>
<input type="radio" name="A" id="au"  onclick="kolor()" > AUTOBUS <br>
<input type="radio" name="A" id="poc" onclick="kolor()" > POCIĄG <br>
<input type="radio" name="A" id="sam" onclick="kolor()" > SAMOCHÓD<br>
<input type="radio" name="A" id="sl" onclick="kolor()" > SAMOLOT <br><br>
</fieldset>
</form>
</td>
<td>
<form style="width:300px" >
<fieldset>
<legend>Warunki podróży</legend><br>
Miejsce docelowe: <input type="text" id="wybor" name="B"  size="10"> <br><br>
Środek transportu: <input type="text" id="srodek" name="B"  size="10"> <br><br><br>
</fieldset>
</form>
</td>
</table>

</body>
</html>

 93 
 : Kwiecień 27, 2016, 07:27:35 
Zaczęty przez admin - Nowe: wysłane przez admin
Zadanie 1. Wybór za pomocą radio button marki samochodu oraz koloru tła. Umieszczenie nazwy marki samochodu i koloru tła w polu text oraz zmiana koloru tła na zaznaczony za pomocą radio button.
 
<html>
<head>
<meta charset="UTF-8">

<script>
var d=0;e=0;
function kolor() {
    if(document.getElementById("c").checked == true)
   {document.body.style.backgroundColor = "red";
   document.getElementById("nazkol").value="CZERWONY";};
   if(document.getElementById("z").checked == true)
   {document.body.style.backgroundColor = "green";
   document.getElementById("nazkol").value="ZIELONY";};
   if(document.getElementById("m").checked == true)
   {document.body.style.backgroundColor = "magenta";
   document.getElementById("nazkol").value="MAGENTA";};
   if(document.getElementById("t").checked == true)
   {document.body.style.backgroundColor = "#AAFFAA";
   document.getElementById("nazkol").value="TURKUSOWY";};
}
function woz(E){document.getElementById("wybor").value=E;}
</script>
</head>
<body>
<font size="20"><b>Konfiguracja samochodu</b></font>
<br><br>
<table><td>
<form style="width:200px" >
<fieldset>
<legend>Wybierz samochód</legend>
<br>
<input type="radio" name="E" id="1"  value="OPEL" onclick="woz(this.value)"> OPEL <br>
<input type="radio" name="E" id="2" value="FIAT" onclick="woz(this.value)"> FIAT<br>
<input type="radio" name="E" id="3" value="TOYOTA" onclick="woz(this.value)"> TOYOTA <br>
<input type="radio" name="E" id="4" value="MAZDA" onclick="woz(this.value)"> MAZDA <br>
</fieldset>
</form>
<td>
<td>
<form style="width:200px" >
<fieldset>
<legend>Wybierz kolor</legend><br>
<input type="radio" name="A" id="c"  onclick="kolor()" > CZERWONY <br>
<input type="radio" name="A" id="z" onclick="kolor()" > ZIELONY <br>
<input type="radio" name="A" id="m" onclick="kolor()" > MAGENTA<br>
<input type="radio" name="A" id="t" onclick="kolor()" > TURKUSOWY <br>
</fieldset>
</form>
</td>
<td>
<form style="width:200px" >
<fieldset>
<legend>Wybrano model</legend><br>
<input type="text" id="wybor" name="B"  size="10"> <br><br>
<input type="text" id="nazkol" name="B"  size="10"> <br><br>
</fieldset>
</form>
</td>
</table>


</body>
</html>

 94 
 : Kwiecień 06, 2016, 11:35:19 
Zaczęty przez admin - Nowe: wysłane przez admin
Zadanie XXXX. Dwa przyciski naprzemienne przełączające napis +licznik gratis.

<html>
<head>
<meta charset="UTF-8">
<script>
var d=0;
function dawaj1(f) {
 if(f.A.value=='wciskaj'){f.B.value='wciskaj'; f.A.value='nie wciskaj';}
 else {f.B.value='nie wciskaj'; f.A.value='wciskaj';}
}
function dawaj2(f){
 d++;f.C.value=d;}

</script>
</head>

<b>Wciskacz</b>
<br><br>
<form>
<br>
<input type="button" name="A" value='wciskaj' onclick="dawaj1(this.form)">A</button><br>
<input type="button" name="B" value='nie wciskaj' onclick="dawaj1(this.form)">B</button><br>
<input type="button" name="D" value='licz' onclick="dawaj2(this.form)">D</button>
<br>
<input type="text" name="C" > <br>
<br>
<em></em>
<P>

</form>
</html>

 95 
 : Marzec 16, 2016, 12:43:12 
Zaczęty przez admin - Nowe: wysłane przez admin
Przykład 1. Proszę utworzyć program, który przepisuje dane z jednego okienka do drugiego.


<html>
<head>
<meta charset="UTF-8">
<script>
function dawaj(f) {
 f.C.value = f.A.value;   
 f.D.value = f.B.value;
}
function czysc(b) {
 b.C.value=" ";
 b.A.value=" ";
 b.B.value=" ";
 b.D.value=" ";
}
</script>
</head>

<b>przesyłanie tekstu</b>
<br><br>
<form>
Nazwisko:
<input type="text" name="A">
<br>
<textarea rows="10" cols="30" name="B"></textarea>
<br>
<input type="button" name="adam" onclick="dawaj(this.form)">Przepisz</button>
<input type="button" name="ewa" onclick="czysc(this.form)">Czyść</button>
<br>
<em>Wciśnij</em>
<P>
<b>Nowy formularz</b>
<br><br>
Nazwisko:
<input type="text" name="C">
<br>
<textarea rows="10" cols="30" name="D"></textarea>
<br>
</form>
</html>

 96 
 : Marzec 09, 2016, 13:00:52 
Zaczęty przez admin - Nowe: wysłane przez admin
Przykład 8. Odczytanie położenia suwaków i wprowadzenie wartości do okienka html typu text.

<html><head>
<meta charset="UTF-8">
<title> Przykład 4</title>

</head>
<body>
<input type="range" min="0" max="255" value="0" id="R">R
<input type="text" value="0" id="N1"> Wartość kanału R</br>
<input type="range" min="0" max="255" value="0" id="G">G
<input type="text" value="0" id="N2"> Wartość kanału G</br>
<input type="range" min="0" max="255" value="0" id="B">B
<input type="text" value="0" id="N3"> Wartość kanału B</br>

<script>
var r = document.getElementById('R');
g = document.getElementById('G');
b = document.getElementById('B');
//var number = document.getElementById('number');
 
r.onchange = function() {N1.value = R.value; };
g.onchange = function() {N2.value = G.value;};
b.onchange = function() {N3.value = B.value;};
//document.bgColor="rgb(N1.value,N2.value,N3.value)";   
   
    </script>
    </body>
    </html>

 97 
 : Marzec 09, 2016, 12:38:24 
Zaczęty przez admin - Nowe: wysłane przez admin
Zadanie 7.

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title> Przykład 2</title>
</head>
<body>
<!--<input type="text" id="adam"> -->
<!-- <input id="adam" type="range" min="0" max="255" value="0"
/>R<input type="text" id="adam1"><br>
<input type="range" min="0" max="255"/>G<br>
<input type="range" min="0" max="255"/>B<br> -->
<button id="uruchom1">Czerwony</button><br>
<button id="uruchom2">Zielony</button><br>
<button id="uruchom3">Niebieski</button><br>
<button id="uruchom4">Pomaranczowy</button><br>
<button id="uruchom5">Żółty</button>

</body>
<script>
function R(){;
    alert("Wartość: "+document.getElementById('adam').value);}
function wczytaj1(){document.bgColor="red";}
function wczytaj2(){document.bgColor="green";}
function wczytaj3(){document.bgColor="blue";}
function wczytaj4(){document.bgColor="orange";}
function wczytaj5(){document.bgColor="yellow";}
document.getElementById('uruchom1').addEventListener('click',wczytaj1);
document.getElementById('uruchom2').addEventListener('click',wczytaj2);
document.getElementById('uruchom3').addEventListener('click',wczytaj3);
document.getElementById('uruchom4').addEventListener('click',wczytaj4);
document.getElementById('uruchom5').addEventListener('click',wczytaj5);
document.getElementById('adam').addEventListener('change',R);
//                      id przycisku                      nazwa funkcji
</script>
</html>

 98 
 : Marzec 09, 2016, 11:20:06 
Zaczęty przez admin - Nowe: wysłane przez admin
<html>
<head>
</head>
<body>
<script>
var x=[]; y=[];
var a=0;
for(c=0;;c++){if((c%3)==0){x[a]=c;y[a]=c+1;a++;}; if(a==10){break;};}
for(c=0;c<10;c++){document.writeln("<br> x["+c+"]="+x[c]+"  y["+c+"]="+y[c]);};
document.writeln("<br>");
// (a > 0) ? 5 : 0;
for(a=0;a<10;a++){x[a]=((a%3)==0)? a:0;};
for(c=0;c<10;c++){document.writeln("<br> x["+c+"]="+x[c]+"  y["+c+"]="+y[c]);};
</script>
</body>
</html>

 99 
 : Marzec 02, 2016, 12:28:14 
Zaczęty przez admin - Nowe: wysłane przez admin
Wersja poprawiona zadania 5.

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title> Przykład 1</title>
</head>
<body>
<input type="text" id="adam">
<button id="uruchom">Wprowadź hasło</button>
<script>
function wczytaj(){
var a=document.getElementById('adam').value;
switch(a)
{case "1":alert("1");break;
case "2":alert("2");break;
default: alert("Beee...   ");break;
}
}
document.getElementById('uruchom').addEventListener('click',wczytaj);
</script>
</body>
</html>

 100 
 : Marzec 02, 2016, 12:23:00 
Zaczęty przez admin - Nowe: wysłane przez admin
Przykład 5. Realizacja wyboru za pomocą funkcji switch.

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title> Przykład 1</title>
</head>
<body>
<input type="text" id="adam">
<button id="uruchom">Wprowadź hasło</button>
<script>
function wczytaj(){
var a=document.getElementById('adam').value;
switch(a)
{case 1:alert("a");break;
default: alert("B");break;

}
}
document.getElementById('uruchom').addEventListener('click',wczytaj);
</script>
</body>
</html>

Strony: 1 ... 8 9 [10]
Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC | Sitemap

Polityka cookies
Darmowe Fora | Darmowe Forum

wiedzminlandrp fifa11 osiedleradosne agentki extremalteamclan