Darmowe Forum
Grudzieñ 22, 2024, 12:21: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 ... 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

spw polski-serwer-rpg zlotasiodemka mylittlepony moikrewni