Darmowe Forum
Kwiecień 23, 2024, 22:11:42 *
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 > Java Script > Java Script > Transfer danych z okienka tekstowego
Strony: [1]
« poprzedni następny »
  Drukuj  
Autor Wątek: Transfer danych z okienka tekstowego  (Przeczytany 3912 razy)
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« : Grudzień 16, 2015, 10:32:53 »
Przykład 1. Odczytanie danych z okienka tekstowego i wybór odpowiedzi za pomocą struktury switch.

<!DOCTYPE html>
<html>
<body>

<input id="okienko" type="text" value="Podaj nazwe">
<button onclick="sprawdz()">Sprawdz samochod</button>
<p id="adam"></p>

<script>
function sprawdz() {
  var x;
  var marka = document.getElementById("okienko").value;

  switch(marka) {
    case "ford":
      x = "ford jest ok!";
      break;
    case "fiat":
      x = "Nie przepadam za fiatami.";
      break;
    case "opel":
      x = "Uwielbiam Ople?";
      break;
   
  }
  document.getElementById("adam").innerHTML = x;
}
</script>

</body>
</html>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #1 : Grudzień 16, 2015, 11:26:59 »
Wersja 2.

<!DOCTYPE html>
<html>
<body>

<input id="okienko" type="text" value="Podaj nazwe">
<button onclick="sprawdz()">Sprawdz samochod</button>
<p id="adam"></p>

<script>
function sprawdz() {
  var x;
  var marka = document.getElementById("okienko").value;

  switch(marka) {
    case "ford":
   case "Ford":
      x = "ford jest ok!";
      break;
    case "fiat":
      x = "Nie przepadam za fiatami.";
      break;
    case "opel":
      x = "Uwielbiam Ople?";
      break;
   default: x = "Nie rozpoznano"
  }
  document.getElementById("adam").innerHTML = x;
}
</script>

</body>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #2 : Grudzień 16, 2015, 11:45:36 »
Wersja 3, z czyszczeniem okienka.

<html>
<body>

<input id="okienko" type="text" value="Podaj nazwe">
<button onclick="sprawdz()">Sprawdz samochod</button>
<button onclick="czysc()">Czysci okienko</button>
<p id="adam"></p>

<script>

function czysc(){document.getElementById("okienko").value="";};
function sprawdz() {
  var x;
  var marka = document.getElementById("okienko").value;

  switch(marka) {
    case "ford":
   case "Ford":
      x = "ford jest ok!";
      break;
    case "fiat":
      x = "Nie przepadam za fiatami.";
      break;
    case "opel":
      x = "Uwielbiam Ople?";
      break;
   default: x = "Nie rozpoznano"
  }
  document.getElementById("adam").innerHTML = x;
}
</script>

</body>
</html>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #3 : Marzec 02, 2016, 11:30:15 »
Przykład 4. Otwieranie dodatkowego okna przeglądarki (otwiera się nowa strona) po wpisaniu poprawnego hasła.

<!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;
if(a=="Dziamdzia")
{window.open('http://onet.pl','_blank','resizable=yes');}
else {alert("Zły kod");}
}
document.getElementById('uruchom').addEventListener('click',wczytaj);
</script>
</body>
</html>
« Ostatnia zmiana: Marzec 02, 2016, 12:22:02 wysłane przez admin » Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #4 : Marzec 02, 2016, 12:23:00 »
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>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #5 : Marzec 02, 2016, 12:28:14 »
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>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #6 : Marzec 09, 2016, 12:38:24 »
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>
« Ostatnia zmiana: Marzec 09, 2016, 12:41:23 wysłane przez admin » Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #7 : Marzec 09, 2016, 13:00:52 »
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>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #8 : Kwiecień 06, 2016, 11:35:19 »
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>
Zapisane
Strony: [1]
  Drukuj  
« poprzedni następny »
 
Skocz do:  

Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC | Sitemap

Polityka cookies
Darmowe Fora | Darmowe Forum

falingskies killers smallskill bbyfun lyl