function oblicz()
{
var wynik=document.getElementById('wynik');
var ilosc=document.getElementById('ilosc_ogloszen').value;
var znizka=document.getElementById('newsletter').checked;
var cena=0;

if(ilosc>=1 && ilosc<=50)
{
if(znizka)
cena=ilosc*(2-0.20);
else
cena=ilosc*2;
}
if(ilosc>=51)
{
if(znizka)
cena=ilosc*(1-0.20);
else
cena=ilosc;
}
wynik.innerHTML='Koszt ogłoszeń: '+cena+' PLN';
}

 

<?php

 
mysql_connect("localhost", "root");
    mysql_select_db("zwierzeta");
 
$query = "SELECT nazwa FROM `uslugi` WHERE id = 2";
    $result = mysql_query($query);
    while ($row = mysql_fetch_array  ($result))
    {
        echo $row['nazwa'];
    }
 
 
?>

 

 

PHP_____________________________________________________

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Wynajmujemy samochody</title>

<link rel="stylesheet" type="text/css" href="/styl.css">

</head>

<body>

<header>

<h1>Wynajem Samochodów</h1>

</header>

<div id="lewy">

<h2>DZIŚ POLECAMY TOYOTĘ ROCZNIK 2014</h2>

<?php skrypt1();?>

<h2>WSZYSTKIE DOSTĘPNE SAMOCHODY</h2>

<?php skrypt2();?>

</div>

<div id="srodkowy">

<h2>ZAMÓWIONE AUTA Z NUMERAMI TELEFONÓW KLIENTÓW</h2>

<?php skrypt3();?>

</div>

<div id="prawy">

<h2>NASZA OFERTA</h2>

<ul>

<li>Fiat</li>

<li>Toyota</li>

<li>Opel</li>

<li>Mercedes</li>

</ul>

<p>Tu pobierzesz naszą <a href="/komis.sql">bazę danych</a></p>

<p>autor strony: 000000000</p>

</div>

</body>

</html>

<?php

function skrypt1()

{

$host="localhost";

$user="root";

$pass="";

$db="Wynajem";

 

$conn=mysqli_connect($host,$user,$pass,$db);

 

$sql='SELECT id, model, kolor from samochody where marka="toyota" and rocznik="2014"';

$res=mysqli_query($conn,$sql);

 

while($row=mysqli_fetch_assoc($res))

{

echo $row['id']." Toyota ".$row['model'].". Kolor: ".$row['kolor'];

}

 

mysqli_close($conn);

}

function skrypt2()

{

$host="localhost";

$user="root";

$pass="";

$db="Wynajem";

 

$conn=mysqli_connect($host,$user,$pass,$db);

 

$sql='SELECT id, marka, model, rocznik from samochody';

$res=mysqli_query($conn,$sql);

 

while($row=mysqli_fetch_assoc($res))

{

echo $row['id']." ".$row['marka']." ".$row['model']." ".$row['rocznik']."<br>";

}

 

mysqli_close($conn);

}

function skrypt3()

{

$host="localhost";

$user="root";

$pass="";

$db="Wynajem";

 

$conn=mysqli_connect($host,$user,$pass,$db);

 

$sql='SELECT samochody.id, model, telefon from samochody, zamowienia WHERE samochody.id=zamowienia.Samochody_id';

$res=mysqli_query($conn,$sql);

 

while($row=mysqli_fetch_assoc($res))

{

echo $row['id']." ".$row['model']." ".$row['telefon']."<br>";

}

 

mysqli_close($conn);

}

 

?>

                                                             CSS___________________________________________________

 

header{

background-color: #0B873D;

color: white;

font-size: 150%;

text-align: center;

}

#lewy{

background-color: #8CE1AE;

width: 40%;

height: 600px;

float: left;

}

#srodkowy{

background-color: #5CCB89;

width: 40%;

height: 600px;

float: left;

}

#prawy{

background-color: #1DA956;

width: 20%;

height: 600px;

float: left;

}

a{

color: brown;

}

a:visited{

color: red;

}

ul{

margin: 20px;

list-style-image: url('auto.png');

 

}

                                                           SQL___________________________________________________

 

zapytanie 1. SELECT id, model, kolor from samochody where marka="toyota" and rocznik="2014"

zapytanie 2. SELECT id, marka, model, rocznik from samochody

 

zapytanie 3. SELECT samochody.id, model, telefon from samochody, zamowienia WHERE samochody.id=zamowienia.Samochody_id

 

 

_________________________________________________________

Szablon strony www

<!DOCTYPE HTML>
<html lang="pl">
<head>
    <meta charset="utf-8" />
    <title>Najlepsze seriale - subiektywne TOP 5!</title>
    <meta name="description" content="Serwis prezentuje subiektywne top 5 seriali telewizyjnych. Sprawdź, czy znasz je wszystkie" />
    <meta name="keywords" content="top 5, serial, seriale, najlepsze, ciekawe, oglądaj, kinomaniak" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    
    <style>
    #container
    {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    #logo
    {
        background-color: black;
        color: white;
        text-align: center;
        padding: 15px;
    }
    #nav
    {
        float: left;
        background-color: lightgray;
        width: 120px;
        min-height: 620px;
        padding: 10px;
    }
    #content
    {
        float: left;
        padding: 20px;
        width: 640px;
    }
    #ad
    {
        float: left;
        width: 160px;
        min-height: 620px;
        padding: 10px;
        background-color: lightgray;
    }
    #footer
    {
        clear: both;
        background-color: black;
        color: white;
        text-align: center;
        padding: 20px;
    }    
    </style>

</head>

<body>

    <div id="container">
    
        <div id="logo">
            <h1>Najlepsze seriale - subiektywne TOP 5!</h1>
        </div>
    
        <div id="nav">
            Dr House <br />
            True Detective <br />
            Breaking Bad <br />
            Big Bang Theory <br />
            Z Archiwum X <br />
        </div>
        
        <div id="content">
            <h2>Dr House (ang. House; House, M.D.)</h2>
            
            amerykański medyczny serial telewizyjny produkowany dla stacji telewizyjnej Fox. Zadebiutował na antenie 16 listopada 2004 roku. Fabuła serialu koncentruje się na osobie dr. Gregory'ego House'a (Hugh Laurie), niekonwencjonalnego, szalonego, a zarazem genialnego lekarza, kierującego zespołem diagnostycznym w fikcyjnym Szpitalu Klinicznym Princeton-Plainsboro (PPTH) w New Jersey. W każdym odcinku dr House wraz ze swoim zespołem próbuje zdiagnozować i wyleczyć pacjentów przejawiających rozmaite objawy, niewyjaśnione wcześniej przez innych lekarzy.
            <br /><br />            
            W pierwszych trzech seriach zespół dr. House'a tworzyli: dr Allison Cameron (Jennifer Morrison), dr Robert Chase (Jesse Spencer) i dr Eric Foreman (Omar Epps), od czwartej serii dr Chris Taub (Peter Jacobson), dr Lawrence Kutner (Kal Penn) oraz dr Remy "Trzynastka" Hadley (Olivia Wilde), w siódmym sezonie w zespole pojawiła się Martha Masters (Amber Tamblyn), a w ósmym do zespołu dochodzą dr Chi Park (Charlyne Yi) oraz lekarka z więzienia dr Jessica Adams (Odette Annable). Ponadto serial ukazuje prywatne życie House'a i członków jego zespołu, najlepszego i jedynego przyjaciela dr. Jamesa Wilsona (Robert Sean Leonard), ordynatora oddziału onkologii, oraz dr Lisy Cuddy (Lisa Edelstein), dyrektor szpitala Princeton‑Plainsboro.
        </div>
        
        <div id="ad">
            <img src="/reklama.jpg" />
        </div>
        
        <div id="footer">
            Najlepsze seriale - TOP 5! &copy; Wszelkie prawa zastrzeżone
        </div>
    
    </div>

</body>
</html>

 __________________________________________________________________________________________________________________________

 WWW KAFELKI

<!DOCTYPE HTML>

<html lang="pl">

<head>

<meta charset="utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

 

<title>Jan Kowalski - Portfolio</title>

 

<meta name="description" content="Stworzę dla Ciebie wyjątkową stronę www! Zatrudnij programistę webowego: PHP, JavaScript, HTML, CSS, MySQL, WordPress, Joomla, Drupal." />

<meta name="keywords" content="zamów, stronę, tworzenie, www, programista, portfolio, php, javascript, html, css, WordPress, Joomla, Drupal" />

 

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

<link rel="stylesheet" href="/css/fontello.css" type="text/css" />

<link href='http://fonts.googleapis.com/css?family=Lato|Josefin+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

 

<script src="/timer.js"></script>

<style>

body

{

background-color: #303030;

color: #ffffff;

font-family: 'Lato', sans-serif;

font-size: 20px;

}

#container

{

width: 1000px;

margin-left: auto;

margin-right: auto;

}

.rectangle

{

width: 960px;

margin: 20px;

text-align: center;

}

.square

{

width: 50%;

float: left;

}

#logo

{

float: left;

font-family: 'Josefin Sans', sans-serif;

font-size: 70px;

width: 600px;

text-align: left;

}

#zegar

{

float: left;

font-family: 'Josefin Sans', sans-serif;

font-size: 70px;

text-align: left;

}

.tile1

{

margin: 10px;

width: 230px;

height: 142px;

background-color: #3095d3;

float: left;

text-align: center;

}

.tile1:hover

{

background-color: #2084c2;

}

.tile2

{

margin: 10px;

width: 230px;

height: 142px;

background-color: #666666;

float: left;

text-align: center;

}

.tile2:hover

{

background-color: #555555;

}

.tile3

{

margin: 10px;

width: 230px;

height: 142px;

background-color: #93c748;

float: left;

text-align: center;

}

.tile3:hover

{

background-color: #82b637;

}

.tile4

{

margin: 10px;

width: 420px;

height: 82px;

background-color: #ee5a32;

text-align: center;

font-size: 26px;

padding: 30px;

line-height: 150%;

}

.tile5

{

margin: 10px;

width: 420px;

height: 244px;

background-color: #666666;

text-align: justify;

padding: 30px;

}

.yt

{

margin: 10px;

width: 105px;

height: 142px;

background-color: #d94348;

float: left;

}

.yt:hover

{

background-color: #c83237;

}

.fb

{

margin: 10px;

width: 105px;

height: 142px;

background-color: #4668b3;

float: left;

}

.fb:hover

{

background-color: #3557a2;

}

.gplus

{

margin: 10px;

width: 105px;

height: 142px;

background-color: #d95333;

float: left;

}

.gplus:hover

{

background-color: #c84222;

}

.tw

{

margin: 10px;

width: 105px;

height: 142px;

background-color: #3095d3;

float: left;

}

.tw:hover

{

background-color: #2084c2;

}

a.tilelink

{

color: #ffffff;

text-decoration: none;

display: block;

width: 230px;

height: 142px;

}

a.tilelinkhtml5

{

color: #ffffff;

text-decoration: none;

}

a.sociallink

{

color: #ffffff;

text-decoration: none;

display: block;

width: 105px;

height: 142px;

}

 

</style>

 

</head>

<body onload="odliczanie();">

 

<div id="container">

 

<div class="rectangle">

<div id="logo"><a href="/zatrudnij-programiste-webowego" class="tilelinkhtml5">Jan Kowalski</a></div>

<div id="zegar">12:00:00</div>

<div style="clear: both;"></div>

</div>

 

<div class="square">

<div class="tile1">

<a href="/kim-jestem" class="tilelink"><i class="icon-user"></i><br />Kim jestem?</a>

</div>

<a href="/oferta-tworzenie-stron-www" class="tilelinkhtml5">

<div class="tile1">

<i class="icon-laptop"></i><br />Co oferuję?

</div>

</a>

<div style="clear:both;"></div>

 

<div class="tile2">

<a href="/cv-programista-php-javascript" class="tilelink"><i class="icon-graduation-cap"></i><br />Curriculum vitae</a>

</div>

<div class="tile3">

<a href="/kontakt-programista-php" class="tilelink"><i class="icon-mail"></i><br />Kontakt ze mną</a>

</div>

<div style="clear:both;"></div>

 

<div class="tile4">

<i>Talk is cheap. Show me the code!</i><br />- Linus Torvalds, twórca Linuxa

</div>

</div>

<div class="square">

<div class="tile5">

Witaj w moim portfolio!<br /><br />

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pulvinar ipsum mauris, ac elementum felis convallis non. Duis aliquam felis vel dignissim tincidunt. In tellus mauris, tempor rutrum blandit in, efficitur ac quam. Mauris eu orci scelerisque, placerat eros id, condimentum justo. Suspendisse ac mattis orci, at mollis orci. 

</div>

<div class="yt">

<a href="http://youtube.com" target="_blank" class="sociallink"><i class="icon-youtube"></i></a>

</div>

<div class="fb">

<a href="http://facebook.com" target="_blank" class="sociallink"><i class="icon-facebook"></i></a>

</div>

<div class="gplus">

<a href="http://plus.google.com" target="_blank" class="sociallink"><i class="icon-gplus"></i></a>

</div>

<div class="tw">

<a href="http://twitter.com" target="_blank" class="sociallink"><i class="icon-twitter"></i></a>

</div>

<div style="clear:both;"></div>

</div>

<div style="clear: both;"></div>

 

<div class="rectangle">2015 &copy; Jan Kowalski - Portfolio. Programista webowy zaprasza do współpracy! <i class="icon-mail-alt"></i> This email address is being protected from spambots. You need JavaScript enabled to view it.</div>

 

</div>

 

</body>

</html>

 ______________________________________________________________________

 JS

 <script>

document.write("Marcina ma : <br>");

document.write("Wiek - "+32+" lat <br>");

document.write("Wzrost - "+1,7+" m <br>");

document.write("Waga - <a href=https://www.wp.pl>bang</a> kg <br>");

</script>

_________________________________________________________________________

 <script type="text/javascript">

var e=prompt("Podaj liczbe dziesienta");

var b=parseInt(e);

document.write("z liczby "+e+" = "+b.toString(2));

</script>

 __________________________________________________________________________

<body>

<script type="text/javascript">

function logowanie(formularz){

if (formularz.login.value=="kowalski"&formularz.pass.value=="zaq123")

window.location.replace("zspnowe.html");

else

window.location.replace("");

}

</script>

<form name="formularz1">

login: <input type="text" name="login"><br><br>

haslo: <input type="password" name="pass"><br><br>

<input type="button" value="Logowanie..." onclick="logowanie(this.form)">

</form>

 

</body>

____________________________________________________________________________________________________

<body>

<script type="text/javascript">

function licz(formularz) {

if (formularz.a.value==" "|formularz.b.value==" ")

alert("Wprowadz dane");

else{

a=formularz.a.value;

b=formularz.b.value;

formularz.p.value=a*b;

formularz.o.value=2*a+2*b;

}

}

</script>

<form name="formularz1" action="">

Podaj bok a: <input type="text" name="a"><br><br>

Podaj bok b: <input type="text" name="b"><br><br>

<input type="button" value="Oblicz" onClick="licz(this.form)"><br><br>

Wynik:<br><br>

Pole prostokata: <input type="text" name="p"><br><br>

Obwod prostokata: <input type="text" name="o">

</form>

 

</body>

_____________________________________________________________________________________

 

<body>

<script type="text/javascript">

function licz(formularz) {

if (formularz.a.value==" "|formularz.b.value==" ")

alert("Wprowadz dane");

else{

a=formularz.a.value;

b=formularz.b.value;

formularz.k.value=a+b;

formularz.o.value=a-b;

formularz.m.value=a*b;

formularz.d.value=a/b;

}

}

</script>

<form name="formularz1" action="">

Podaj bok a: <input type="text" name="a"><br><br>

Podaj bok b: <input type="text" name="b"><br><br>

<input type="button" value="Oblicz" onClick="licz(this.form)"><br><br>

Wynik:<br><br>

dodawanie: <input type="text" name="k"><br><br>

odejmowanie: <input type="text" name="o"><br><br>

mnozenie: <input type="text" name="m"><br><br>

dzielenie: <input type="text" name="d"><br><br>

</form>

 

</body>

________________________________________________________________

<body>

<script>

function kolor_tla(kolor){

document.bgColor=kolor;

}

</script>

<p onMouseOver=kolor_tla("green")>tlo zielone</p>

<p onMouseOver=kolor_tla("red")>tlo czerwone</p>

<p onMouseOver=kolor_tla("blue")>tlo niebieskie</p>

 

</body>

_________________________________________________________________

<script>

document.write("Informacja o dukumentcie: <br>");

document.write("tytuł: <b>"+document.title+"</b><br>");

document.write("ostatnia modyfikacja: <b>"+document.lastModified+

+"</b><br>");

document.write("URL: <b>"+document.location+"</b><br>");

 

</script>

___________________________________________________________________

 <script type="text/javascript">

alert("uwaga! okno dialogowe!");

</script>

___________________________________________________________________

<script type="text/javascript">

var e=prompt("jak masz na imie? ");

document.write("Masz na imie: "+e+" !");

</script>

 

 ____________________________________________________________________

<script>

function przekierowanie(){

window.location.replace("http://www.wsip.pl/");

}

setTimeout("przekierowanie();", 5000);

document.write("za 5 s spadasz");

document.write("www.wsip.pl");

</script>

 _________________________________________________________

<script type="text/javascript">

confirm("czy chcesz porzejsc dalej!");

</script>

___________________________________________________________

<script type="text/javascript">

document.write("tak to jest polaczone"+

"<a href=https://www.wp.pl><img src=1.jpg /></a>"+18);

 

</script>

_______________________________________________________________

<body>

<script type="text/javascript">>

</script>

 <span style="font-size:6pt" onmouseover="this.style.fontSize='36pt'" 

 onmouseout="this.style.fontSize='6pt'">Kevin</span> 

</body>

_____________________________________________________________

<script type="text/javascript">

var e=prompt("jak masz na imie? ");

var b=prompt("Ile masz lat? ");

var f=prompt("jaki posiadasz zawod? ");

document.write("<center><h1>"+e+"</h1><br><i>"+b+"</i><br><b>"+f+"</b>");

</script>

 ___________________________________________________________________

<body>

<center>

<h1>Siemano zmien kolor</h1>

</center>

<script>

function kolor_tla(kolor){

document.bgColor=kolor;

}

</script>

<center>

<input type="button" value="Zielony" onClick=kolor_tla("green")><br><br>

<input type="button" value="Czerwony" onClick=kolor_tla("red")><br><br>

<input type="button" value="Pomaranczowy" onClick=kolor_tla("orange")><br><br>

 

</body>

_________________________________________________________________

<!DOCTYPE HTML>

<html lang="pl">

<head>

<meta charset="utf-8" />

<title>Odliczanie czasu</title>

<script type="text/javascript">

var dzisiaj = new Date();

var dzien = dzisiaj.getDate();

var miesiac = dzisiaj.getMonth()+1;

var rok = dzisiaj.getFullYear();

var godzina = dzisiaj.getHours();

var minuta = dzisiaj.getMinutes();

var sekunda = dzisiaj.getSeconds();

</script>

</head>

<body>

<div id="zegar"></div>

<script type="text/javascript">

document.getElementById("zegar").innerHTML = dzien;

</script>

</body>

 

</html>

_________________________________________________________________

 <p>Twoje hasło

<input type="password" id="input1">

<input type="button" value="sprawdź" onclick="f()">

 </p>

 <p id="p1"></p>

 <p id="demo"></p>

<script>

function f(){

var x = input1.value

 if(x=="LINK"){

function przekierowanie(){

window.location.replace("http://www.zspnowe.pl");

}

setTimeout("przekierowanie();", 1);

p1.innerHTML=przekierowanie();

 }

 else if(x=="ZSP"){

 p1.style.color="green"

  p1.innerHTML = "<img src='http://thinkingmeme.com/wp-content/uploads/2017/08/Top-25-funny-face-pictures13.jpg'>";

}

 else {

 p1.style.color="red"

 p1.innerHTML="ZŁE HASLO"

 }

 }

</script>  

 </body>

</html>

__________________________________________________________________

<!DOCTYPE html>

<html>

<body>

<p id="demo"></p>

<p onMouseOver=kolor_tla("red") onMouseOut=kolor_tla("white")>zmien sobie tlo</p>

<script>

var d = new Date();

document.getElementById("demo").innerHTML ="Rok: "+ d.getFullYear()+" Miesiąc: "+(d.getMonth()+1);

function kolor_tla(kolor){

document.bgColor=kolor;

}

</script>

</body>

</html>

 _________________________________________________________

<body bgcolor=black>

<center>

<font color=yellow>

<script>

for (i=100; i>=1; i=i-3) {

    document.write(i+"<br>");

}

</script>

_________________________________________________________________

<script>

var a = parseInt(prompt("Podaj podstawę", ""));

var h = parseInt(prompt("Podaj wysokość", ""));

document.write("Pole trójkąta = "+a*h/2);

</script>

__________________________________________________________________

 

Attachments:
Download this file (form_js.rar)form_js.rar[ ]0.5 kB