Darmowe Forum
Maj 19, 2024, 09:07:03 *
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 ... 6 7 [8] 9 10
 71 
 : Listopad 04, 2016, 08:19:59 
Zaczęty przez admin - Nowe: wysłane przez admin
Poniżej wprowadziłem kod (Java Script) kalkulatora. Kod zawiera funkcje w oddzielnym pliku oraz formatowanie css.

Plik Java script (dla Michała na zielono)

<html>
<head>
  <meta charset="UTF-8">
<link href="kalk1.css" type="text/css" rel="stylesheet">
</head>
<body>

<script type="text/javascript"SRC = "kalk1.js">
document.write("Nie można otworzyć pliku ze skryptem.")
</SCRIPT>

<form>
<legend>ADAM'S CODE SCHOOL</legend>
<div id="tlo" cellpadding=14>
<div class="po"><input class="kalk" id="okno" style="background-color:black;" "type="text">

<input class="p1" type="button" value=ON style="width: 100px; height: 45px" onclick="wlacz(this.value);"></div><br>

<div class="po">
<input class="p1" type="button" value=1 style="width: 150px; height: 45px" onclick="czytaj(this.value);">
<input class="p1" type="button" value=2 style="width: 150px; height: 45px"onclick="czytaj(this.value);">
<input class="p1" type="button" value=3 style="width: 150px; height: 45px" onclick="czytaj(this.value);">
<input class="p1" type="button" value='/' style="width: 150px; height: 45px" onclick="czytaj(this.value);">
</div>
<div class="po">
<input class="p1" type="button" value=4 style="width: 150px; height: 45px" onclick="czytaj(this.value);">
<input class="p1" type="button" value=5 style="width: 150px; height: 45px" onclick="czytaj(this.value);">
<input class="p1" type="button" value=6 style="width: 150px; height: 45px" onclick="czytaj(this.value);">
<input class="p1" type="button" value='*' style="width: 150px; height: 45px" onclick="czytaj(this.value);"></div>


<div class="po"><input class="p1" type="button" value=7 style="width: 150px; height: 45px" onclick="czytaj(this.value);">
<input class="p1" type="button" value=8 style="width: 150px; height: 45px" onclick="czytaj(this.value);">
<input class="p1" type="button" value=9 style="width: 150px; height: 45px" onclick="czytaj(this.value);">
<input class="p1" type="button" value='-' style="width: 150px; height: 45px" onclick="czytaj(this.value);"></div>


<div class="po"><input class="p1" type="button" value=0 style="width: 150px; height: 45px" onclick="czytaj(this.value);">
<input class="p1" type="button" value='.' style="width: 150px; height: 45px" onclick="czytaj(this.value);">
<input class="p1" type="button" value='C' style="width: 150px; height: 45px" onclick="czytaj(this.value);">
<input class="p1" type="button" value='+' style="width: 150px; height: 45px" onclick="czytaj(this.value);"></div>

<div class="po"><input class="px" type="button" value='=' style="width: 61%; height: 45px"onclick="oblicz(document.getElementById('okno').value);"></div>
</div>
</form>
</body>
</html>
------------------------------------------------------ teraz plik z kodem javy o nazwie kalk1.js ---------------------------------------------------------------

var x=1;
document.getElementById('okno').style.backgroundColor="black";
document.getElementById('okno').value = '';


function wlacz(przycisk){++x; x%=2;
if(x==0){document.getElementById('okno').style.backgroundColor="yellow";
document.getElementById('button').value="ON";}
else{document.getElementById('okno').style.backgroundColor="black";
document.getElementById('button').value="OFF";};

}

function czytaj(przycisk) {
     if (przycisk == 'C') {
          document.getElementById('okno').value = '';
     }
     else {
          document.getElementById('okno').value += przycisk;
     }
}
function oblicz(wartosc) {
     var wynik = eval(wartosc);
     document.getElementById('okno').value = wynik;
}

---------------------------------------- A teraz wklejam plik css  o nazwie kalk1.css-----------------------------------------------------------------

.kalk {
     width: 500px;
    height:40px;
     margin: 10px;

#tlo{
width: 600px;
height:800px;
background: #CCFFCC;
padding: 0px;
border:0px solid #000;
}
.po{
width:900px;
height:100px;
float:left;
right:10px;
bottom:250px;
background:coral;
}
.p1{
font: 8pt Arial; font-style: italic;
font-weight: bold; color:blue; background:coral;
width:100px;
height:100px;


}
.px{
width:450px;
height:50px;
float:right;
right:10px;
bottom:250px;

}

 72 
 : Październik 21, 2016, 11:30:04 
Zaczęty przez admin - Nowe: wysłane przez admin
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>

 73 
 : Październik 21, 2016, 11:10:03 
Zaczęty przez admin - Nowe: wysłane przez admin
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>

 74 
 : Październik 07, 2016, 11:31:34 
Zaczęty przez admin - Nowe: wysłane przez admin
Obliczyć adres sieci i rozgłoszeniowy mając dane:
Adres IP
193.42.1.201
126.8.156.122
220.200.23.11
230.230.45.58 
i odpowiednio maski pod-sieci
11111110.0.0.0
11111111.11111000.0.0
11111111.11111111.11110000.0
11100000.0.0.0

 75 
 : Październik 05, 2016, 12:10:44 
Zaczęty przez admin - Nowe: wysłane przez admin
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>

 76 
 : Październik 05, 2016, 11:51:45 
Zaczęty przez admin - Nowe: wysłane przez admin
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>

 77 
 : Październik 05, 2016, 10:01:20 
Zaczęty przez admin - Nowe: wysłane przez admin
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>

 78 
 : Październik 05, 2016, 09:36:01 
Zaczęty przez admin - Nowe: wysłane przez admin
Przykład 3.1. Program wyświetlający na ekranie dziesięć kolejnych liczb podzielnych prze 3. W programie wykorzystano funkcję i pętle for(){}

<html>
   <head>
   <title>Wyswietlanie</title>
   <meta charset="UTF-8">
   <script language=javascript type="text/javascript">
   
   function licz(x){k=0;
   for(i=3;k<x;i+=3) {k++; document.writeln(k+" "+i+"<br>")}}
   </script>
   </head>

   
   <body>
   

   <script> licz(10) </script>
   
   <script type="text/javascript"SRC = "kalk.js">
   document.write("Nie można otworzyć pliku ze skryptem.")
   </script>


</body>
</html>

 79 
 : Wrzesień 28, 2016, 12:16:24 
Zaczęty przez admin - Nowe: wysłane przez admin
Przykład wprowadzenia wartości do funkcji wiersze(). Proszę pamiętać, że argumenty funkcji wprowadzamy w nawiasach okrągłych (np. wiersze(5)).

<html>
   <head>
   <title>Pierwszy przykład</title>
   <meta charset="UTF-8">
   <script language=javascript type="text/javascript">
   function wiersze(x){for(i=1;i<=x;i++) document.writeln(i+" Rysio<br>")}
   </script>
   </head>

   <body>
   <script> wiersze(5) </script>
   
   <script type="text/javascript"SRC = "kalk.js">
   document.write("Nie można otworzyć pliku ze skryptem.")
   </script>


</body>
</html>

 80 
 : Wrzesień 28, 2016, 10:28:16 
Zaczęty przez admin - Nowe: wysłane przez admin
Wersja light-owa poprzedniego programu. Pokazuje, w którym miejscu kodu html można umieścić kod JS. W kodzie pokazano w jaki sposób deklarować funkcje. Przypominam, funkcja jest zamknięta strukturą programistyczną (kodem), posiadająca swoją nazwę (nagłówek) i kod wykonawczy czyli ciało. Ciało funkcji zawarte jest pomiędzy nawiasami klamrowymi. 

<html>
   <head>
   <title>Pierwszy przykład</title>
   <meta charset="UTF-8">
   <script language=javascript type="text/javascript">
   function wiersze(){for(i=1;i<5;i++) document.writeln("<hr>")}
   </script>
   </head>
<body>
   
</body>
</html>

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

Polityka cookies
Darmowe Fora | Darmowe Forum

st-fu ninshama x-cry storylife linkinparknewsrevolution