Witryny i aplikacje

środa, 2 września 2015

poniedziałek, 25 maja 2015

$_GET i $_POST są to zmienne wykorzystywane do pobierania informacji z formularzy

Metoda GET przekazywania danych stosowana w prostych formularzach nie ma konieczności ukrywania danych.
Metoda POST poufne przekazywanie danych.

<html>

<head>

</head>

<form action="drugi.php"

method="get">

<ol>

<li> <input type="text" name="Liczba1" max

czwartek, 14 maja 2015

Strona za pomocą styli zrobić!

wtorek, 12 maja 2015

Tablice.

$age=array("Piotr"=>"45",
"Mati"=>"21",
"Krycha"=>"11,
foreach( $age as $x=>_value){
print "key".$x"wartosc".$x_value;
echo"<br>";}

Przykład 5.1. Tworzenie tablicy

<?php

$tablica[0] = "Wpis numer 0";
$tablice[1] = "Wpis numer 1";
$tablica[2] = "Wpis numer 2";

echo $tablica[2]; // Wyświetlony zostanie napis "Wpis numer 2";

?>

Przykład 5.2. Indeksy tablic

<?php

$tab1[] = 1;
$tab1[] = 0;
$tab1[] = 3;
$tab1[] = 2;

$tab2[] = "Pierwszy";
$tab2[] = "Drugi";
$tab2[] = "Trzeci";
$tab2[] = "Czwarty";

echo $tab2[$tab1[2]];

?>

Przykład 5.3. Tablice asocjacyjne

<?php

$tablica["imie"] = "Jan";
$tablica["nazwisko"] = "Kowalski";
$tablica["adres"] = "Polna 1";

echo $tablica["imie"]." ".$tablica["nazwisko"].", ul. ".$tablica["adres"]."n";

?>

Przykład 5.4. Przeglądanie tablic pętlą

<?php

$tbl[] = 1;
$tbl[] = 2;
$tbl[] = 3;
$tbl[] = 4;
$tbl[] = 5;

for( $x = 0; $x < 5; $x++ ) {   // Pętla wykona się 5 razy (0...4)
   
   echo $tbl[$x];

}

?>

Przykład 5.6. Przeglądanie tablic asocjacyjnych

<?php

$tablica["imie"] = "Jan";
$tablica["nazwisko"] = "Kowalski";
$tablica["adres"] = "Polna 1";

while( list($klucz, $wartosc) = each($tablica) )
   echo "$klucz => $wartosc<BR>";

?>

Funkcje sortujące

asort()

sortuje tablice asocjacyjne zachowując przypisanie kluczy do wartości

<?php

$owoce = array ("d"=>"mango", "a"=>"papaja", "b"=>"banan", "c"=>"aronia");
asort ($owoce);
reset ($owoce); // Funkcja ta powoduje powrót do pierwszego elementu tablicy
while (list ($klucz, $wartosc) = each ($owoce)) {
    echo "$klucz = $wartoscn";
}

?>

Wynikiem działania powyższego przykładu powinno być:

c = aronia
b = banan
d = mango
a = papaja

arsort()

sortuje w odwrotnej kolejności tablice asocjacyjne zachowując przypisanie kluczy do wartości. Funkcja prawie identyczna jak poprzednia, tyle że dane sortowane są „od tyłu”.

ksort()

sortuje tablice asocjacyjne według kluczy. Powyższy przykład po podmianie funkcji asort na ksort powinna dać poniższy wynik:

a = papaja
b = banan
c = aronia
d = mango

rsort()

sortuje zwykłe tablice (nie asocjacyjne) w odwróconej kolejności

sort()

sortuje zwykłe tablice (nie asocjacyjne) w kolejności alfabetycznej

uasort()

funkcja sortująca tablice asocjacyjne za pomocą zdefiniowanej przez użytkownika funkcji porównującej elementy (nazwa funkcji jest podawana za pomocą drugiego parametru)

usort()

funkcja sortująca zwykłe tablice za pomocą funkcji zdefiniowanej przez użytkownika

uksort()

funkcja sortująca tablice asocjacyjne według klucza za pomocą funkcji zdefiniowanej przez użytkownika.

wtorek, 31 marca 2015

<?php

define ("Imie , " " Kuba Kowalski" );
define ("rok" 1831);
$zawod ="Tynkarz murarz akrobata";
$wiek=31;
print (imie. "<br>");
print ($zawod. "<br>");
print ("rocznik - "rok. "<br>");
print ($wiek."lat." "<br>");

$a = 7;
$b = 8;
$c = 9;
if(a==b && b==c);
echo ($a==$b || $b==$c || $a==$c);
else if ($a==$b || $b==$c || $a==$c);
echo ("trójkat o tych bokach jest równoramienny");
else echo ("trojką jest różnoboczny")

switch (wyróznienie) {
case "wartość1";
instrukcja1;
break;
case "wartość2";
instrukcja2;
break;

Skrytp ma wybierac marke samochodu z posród 4 możliwych

$kolor="czerwony";
swich($kolor){
case"niebieski"
echo"dominujacym kolorem jest kolor niebieski";
break
case "czerwony";
echo"Dominujacy czerwony"
break
case "zielony";
echo"Dominujacy zielony";
break
default
echo"Zaden z tych nie pasuje";

}

$zmienna=wartosc;
swich ($zmienna){
case wartosc1:
instrukcja1;
break;
case wartosc2;
instrukcja2;
break;
-> detault;
instrukcja;

}

?>

warunek?wartosc1:wartosc2;
instrukcja;

$liczba=15;
$wynik=($liczba>0)?"dodatnia":"ujemna";
echo print("wartosc liczby jest $wynik");

zadanie:

poniedziałek, 23 lutego 2015

Skrypty.

<body onLoad="alert('Cześć! Miło, że odwiedziłeś moją stronę')">
<h1><center>
Moja strona www
</h1></center>
</body>
</html>

<body onOnLoad="alert('Cześć! Miło, że odwiedziłeś moją stronę')">
<h1><center>
Moja strona www
</h1></center>
</body>

</html>

<body>
<script type="text/javascript">
function drukuj ()
{
windows.print();
}
</script>
<buttom onClick="drukuj()">drukuj strone</buttom>
</body>

</html>

<body>

<body>
<h2><center>
<P onMouseOver="alert('Najechałeś myszą na tekst!')">
Przykładowy tekst</P>
</h2></cente/
r>
</body>

</html>

<body>
function kolor_tla(kolor){
document.write.bgColor=kolor;
}
</script>
<p onMouseOver="kolor_tla"("green")">tlo akapitu bedzie zielone </p>
<p onMouseOver="kolor_tla"("red")">tlo akapitu bedzie czerwone</p>
<p onMouseOver="kolor_tla"("yellow")">tlo akapitu bedzie żółtę</p>
</body>

</html>

=======================================================================

<input type="button" id="prompt" value="Okienko Prompt" />

<script type="text/javascript">
function oknoPrompt() {
var imie = prompt('Podaj swoje imię:', 'Kartofel');
if (imie != null) {
alert('Witaj ' + imie);
} else {
alert('Anulowałeś akcję');
}
}

document.getElementById('prompt').onclick = function() {
oknoPrompt()

// Przycisk który wyświetli okno dialogowe
}
</script>

++++++++++++++++++++++++++++++++

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<meta name="Description" content=" [wstaw tu opis strony] ">
<meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
<meta name="Author" content=" [dane autora] ">
<meta name="Generator" content="kED2">

<title> [tytuł strony] </title>

<link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
<script language = Javascript>
function obsluga_zdarzenia (obj){
alert ("Wybrales opcje numer"+(
obj.selectedIndex + 11));
}
</script>
</head>
<body>

<br>
<form name="lista">
<select name="songs"
size = "6"
multiple
onChange="obsuga_zdarzenia(this)">
<option> real
<option> fcb
<option> lega
<option> oppck
<option> Whpy
<option> pppp

</body>

</html>

¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤44

<textarea name="Okno"

rows ="10"

cals="5">

Opis strony

</textarea>

</form>

--------------------------------------------------------------------------------------------

Na zadanie zrobić forumularz na piątek proszę podać swoje dane :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<meta name="Description" content=" [wstaw tu opis strony] ">
<meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
<meta name="Author" content=" [dane autora] ">
<meta name="Generator" content="kED2">

<title> [tytuł strony] </title>

<link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<body>

<form action="mailto:twój_adres_poczty@domena" method="post" enctype="text/plain"><div>
<input name="Imię" /> Podaj swoje imię <br />
<input name="Nazwisko" /> Podaj swoje nazwisko

<p>Podaj swoją płeć:</p>
<input type="radio" name="Płeć" value="Kobieta" />Kobieta
<input type="radio" name="Płeć" value="Mężczyzna" />Mężczyzna

<p>Ile masz lat?</p>
<input type="radio" name="Wiek" value="mniej niż 15" />mniej niż 15<br />
<input type="radio" name="Wiek" value="15-19" />15-19<br />
<input type="radio" name="Wiek" value="20-29" />20-29<br />
<input type="radio" name="Wiek" value="30-39" />30-39<br />
<input type="radio" name="Wiek" value="40-60" />40-60<br />
<input type="radio" name="Wiek" value="więcej niż 60" />więcej niż 60

<p>Jaką lubisz muzykę (możesz zaznaczyć więcej możliwości)?</p>
<input type="checkbox" name="Muzyka" value="Rock" />Rock<br />
<input type="checkbox" name="Muzyka" value="Heavy Metal" />Heavy Metal<br />
<input type="checkbox" name="Muzyka" value="Pop" />Pop<br />
<input type="checkbox" name="Muzyka" value="Techno" />Techno<br />
<input type="checkbox" name="Muzyka" value="Muzyka poważna" />Muzyka poważna<br />
<input type="checkbox" name="Muzyka" value="Inna" />Inna (podaj jaka):
<input name="Muzyka" />

<p>Jakiej przeglądarki internetowej używasz?</p>
<select name="Przeglądarka">
<option selected="selected">Internet Explorer</option>
<option>Netscape</option>
<option>Opera</option>
<option>Mozilla</option>
<option>Inna</option>
</select>

<p>Jakie znasz systemy operacyjne (możesz wybrać kilka opcji trzymając klawisz Ctrl)?</p>
<select name="System operacyjny" multiple="multiple" size="3">
<option selected="selected">Dos</option>
<option>Windows</option>
<option>Linux</option>
<option>Inny</option>
</select>

<p>Podaj swój komentarz:</p>
<textarea name="Komentarz" cols="50" rows="10">Proszę, wpisz tutaj jakiś komentarz...</textarea>
<br /><br /><br />

<input type="submit" value="Wyślij formularz" />

<input type="reset" value="Wyczyść dane" />
</div></form>


</body>

</html>

-----------------------------------------------------------

Stronę w css na piątek

Na sprawdzian ked.

1.

<p> Firma Komputerowa</p>
<input type="button" onClick="history.back()" value="wstecz">
<input type="button"onClick="history.forward()" value="dalej">

2.

Dla dokumentu HTML utwórz skrypt dzięki któremu po kliknięciu przycisku data modyfikacji będzie możliwe wyświetlanie daty modyfikacji bieżącej strony internetowej. <-- string

3.

Napisz skrypt wyświetlający całą aktualną datę w formie 16 luty 2015.

<script type="text/javascript">
data=new Date();

document.write("Dzien miesiaca:"+data.getDate()+"<br>");
document.write("Miesiac:"+data.getMonth()+"<br>")
document.write("Rok:"+data.getYear()+"<br>");
</script>

4.

Przygotuj prosta wizytówkę Jan Kowalski, Ul.Słoneczna 20A
34-300 Żywiec
tel:000000000

użyć obiektu string

5.

<script language ="JavaScript">

function przetwarzaj_dane (formularz){
if(formularz.imie.value =="")
alert("A może jednak podałbyś swoje imie?");
else
alert("Cześć" +formularz.imie.value+ "! Miło Cię poznać");
}
</script>
</head>
<body>

<h2>
<form name="formularz1">
Podaj nam swoje imię:
<br>
<input type="text"NAME="imie">
<br><br>
<input type="button" Value="Kliknij tutaj" onClick ="przetwarzaj_dane(this.form)">
</h2>


</body>

</html>

6.

<script language ="JavaScript">

function logowanie(formularz){
if(formularz.login.value=="kuba"&formularz.pass.value=="123"){

window.location.replace("strona.html")
}
else
{
window.location.replace("");
}
}

</script>

<form name="formularz1">
Podaj nam swoje imię:
<br>
Login:<input type="text"NAME="imie">
<br><br>
Haslo:<input type="password"NAME="pass"> <br>
<input type="button" value="logowanie" onClick="logowanie(this.form)">
</form>

7.

<link rel="stylesheet" href=" style.css " type="text/css">
</head>
<body>

<div id="pudlo">
<div id="logo">Logo</div>
<div id="menu">
<a href="">link</a>
<a href="">link</a>
<a href="">link</a>
<a href="">link</a>
<a href="">link</a>
</div>
<div id="tresc">
tresc strony
</div>
<div id="stopka"><div>
</div>

</body>
</html>

STYLE V

body{

margin:0;
padding:0;
text-align:center;
}

#pudlo{
margin:auto;
width:800px;
}
#logo{
height:100px;
background-color:gray;
}
#menu{

background-color:orange0;

}
#tresc{
background-color:#789ad8;
height:400px;
}
#stopka{

background-color:#a8a8a8;
height:200px;
}

8.