You are on page 1of 5

POCETNA STRANA____________________________________________________________

<html>
<head>
<link rel="stylesheet" type="text/css"
href="stil.css">
</link>
<title>Kolokvijum2013</title>
</head>
<body>
<!--Div okvir otvoren-->
<div id="okvir">
<!--Div header otvoren-->
<div id="header">
</div><!--Div header zatvoren-->
<!--Div meni otvoren-->
<div id="meni">
<h3>Skijalista Srbije:</h3>
<ul>
<li><a href="http://www.infokop.net" target="frejm">Kopaonik</a>
<li><a href="http://www.zlatibor.org.rs" target="frejm">Tornik-Zlatibor
<li><a href="http://www.stara-planina.com/" target="frejm">Stara planina
<li><a href="sadrzaj.html" target="frejm">Forma
</ul>
</div><!--Div meni zatvoren-->
<!--Div sadrzaj otvoren-->
<div id="sadrzaj">
<iframe src="sadrzaj.html" width="700" height="680" name="frejm"> </iframe>
</div><!--Div sadrzaj zatvoren-->
<!--Div reklame otvoren-->
<div id="reklame">
</div><!--Div reklame zatvoren-->
<!--Div footer otvoren-->
<div id="footer">
</div><!--Div footer zatvoren-->
</div><!--Div okvir zatvoren-->
</body>
</html>

SADRZAJ STRANA____________________________________________________________
<html>
<head>
<link rel="stylesheet" type="text/css"
href="stil.css">
</link>
<title>Kolokvijum2013</title>
<script language="JavaScript">

function sabiranje() {
var smestaj = document.kalkulator.getElementById("cenasmestaj").value;
var skipass = document.kalkulator.getElementById("cenaskipass").value;
var skioprema = document.kalkulator.getElementById("cenaskioprema").value;
var prevoz = document.kalkulator.getElementById("cenaprevoz").value;
ukupno = parseint(smestaj) + parseint(skipass) + parseint(skioprema) + parseint(
prevoz);
document.kalkulator.zbir.value= ukupno;
}
</script>
</head>
<body>
<h1>Zimski vikend aranzman - Kalkulator</h1>
<form name="kalkulator" method="get">
<table align="center">
<tr>
<td width="33%" align="right">Ime i prezime:</td>
<td width="33%"><input id="imeprezime" type="text" name="imeprezime" siz
e="30%"></td>
<td width="33%"></td>
</tr>
<tr>
<td width="33%" align="right">JMBG:</td>
<td width="33%"><input type="text" name="jmbg" size="15%"></td>
<td width="33%"></td>
</tr>
<tr>
<td width="33%" align="right">Pol:</td>
<td width="33%">
<label for="male">Muski</label>
<input type="radio" name="pol" value="muski" id="male">
<label for="female">Zenski</label>
<input type="radio" name="pol" value="zenski" id="female">
</td>
<td width="33%"></td>
</tr>
<tr>
<td width="33%" align="right">E-posta:</td>
<td width="33%"><input type="text" name="eposta" size="30%"></td>
<td width="33%"></td>
</tr>
<tr>
<td width="33%" align="left">Smestaj:</td>
<td width="33%">
<select name="smestaj">
<option>Hotel Grand - Pun pansion</option>
<option>Hotel Grand - Polupansion</option>
</select>
</td>
<td width="33%"><input id="cenasmestaj" type="text" name="cenasmestaj" s
ize="7%"></td>
</tr>
<tr>
<td width="33%" align="left">Ski pass:</td>
<td width="33%">
<select name="skipass">
<option>Jednodnevni</option>
<option>Dvodnevni</option>

<option>Trodnevni</option>
</select>
</td>
<td width="33%"><input id="cenaskipass" type="text" name="cenaskipass" s
ize="7%"></td>
</tr>
<tr>
<td width="33%" align="left">Ski oprema:</td>
<td width="33%">
<label for="yes">Da</label>
<input type="radio" name="odgovor" value="da" id="yes">
<label for="no">Ne</label>
<input type="radio" name="odgovor" value="ne" id="no">
</td>
<td width="33%"><input id="cenaskioprema" type="text" name="cenaskioprem
a" size="7%" ></td>
</tr>
<tr>
<td width="33%" align="left">Prevoz:</td>
<td width="33%">
<label for="yess">Da</label>
<input type="radio" name="odgovorprevoz" value="da" id="yess">
<label for="noo">Ne</label>
<input type="radio" name="odgovorprevoz" value="ne" id="noo">
</td>
<td width="33%"><input id="cenaprevoz" type="text" name="cenaprevoza" si
ze="7%" ></td>
</tr>
<tr>
<td></td>
<td>
<label for="pratnja">Osoba u pratnji:</label>
<input type="checkbox" name="osobaupratnji" id="pratnja">
</td>
<td></td>
</tr>
<tr>
<td width="33%" align="right">Ime i prezime osobe:</td>
<td width="33%"><input type="text" name="osoba" size="30%"></td>
<td width="33%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%">
<input type="button" name="otvori" id="dugme" value="Otvori novi prozor"
onClick="sabiranje()">
<input type="button" name="zatvori" id="dugme" value="Zatvori novi prozo
r">
</td>
<td width="33%"></td>
</tr>
</table>
</form>
</body>
</html>

CSS STRANA____________________________________________________________
#okvir{
width:1200px;
height:1000px;
background-color:#green;
}
#header{
width:1200px;
height:300px;
background-image:url(http://mogulski.com.au/wp-content/uploads/2014/11/R
oyce-Sihlis-11.jpg);
}
#meni{
height:700px;
width:200px;
background-color:#FFD700;
float:left;
}
#sadrzaj{
height:680px;
width:700px;
background-color:#EEEEEE;
float:left
}
#reklame{
height:680px;
width:300px;
background-color:#EEAAEE;
float:left
}
#footer{
width:1000px;
height:20px;
background-color:#FFA500;
float:left
}
h1{
text-align: center;
}
h3{
text-align: center;
}
a{
text-decoration: none;
}
#dugme{
width:124px;
}

<html>
<head>
<title>email</title>

<script language="javascript">
function proveri()
{
var test=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
var tekst=document.forma.izraz.value;
alert(tekst);
var rezultat = tekst.match(test);
if (rezultat != null)
alert("ok")
else alert("nije ok");
}
</script>
</head>
<body>
<form name="forma" method="post" action="">
<table width="50%" border="0" align="center">
<tr>
<th scope="
col">Unesite izraz za proveru:
<input type="text" name="izraz" size="20"></th>
</tr>
<tr>
<td align="center"><input type="submit" name="Submit" value="Submit"
onClick="proveri()"></td>
</tr>
</table>
</form>
</body>
</html>