Visoka škola strukovnih studija za informacione i
komunikacione tehnologije
Web programiranje
Dokumentacija za sajt
(http://speedup.rs/)
Autor:
Slobodan Ilić
Beograd, mart 2015.
Sadržaj:
1. Uvod
1.1. Korišćeni programski jezici
1.2 Opis funkcionalnosti
1.3 Template
1.4 Korišćeni CSS
2. Organizacija
2.1 Organizaciona šema
2.2 Mapa sajta
2.3 Stranice
3. Kodovi
3.1 HTML
3.2 JavaScript i Jquery
3.3 XML, XSL
1. Uvod
1.1 Korišćeni programski jezici
Prilikom izrade sajta korišćeno je: HTML, CSS, JavaScript, jQuery, XML, XSL i Ajax.
1.2 Opis funkcionalnosti
Slajder – sedam slika se smenjuju na svake 4 sekunde, nalazi se na stranici index.html.
Pretraga – pretražuju se usluge (xml tabela) po nazivu usluge. Pretraga je urađena preko
Ajaxa. Nalazi se na stranici index.html, chiptuning.html, usluge.html, chip.html, dpf.html,
egr.html, kontakt.html, autor.html, reference.html.
Padajući meni – urađen je preko jQuery-a. Nalazi se na svim stranicama (index.html,
chiptuning.html, usluge.html, chip.html, dpf.html, egr.html, kontakt.html, autor.html,
reference.html).
Tabela – uradjena je preko Ajaxa, povlači podatke iz xml-a, razlika boja redova u tabeli
uradjena je preko jQuery-a. Tabela se nalazi na stranici usluge.html.
Galerija – urađena je preko jQuery-a, jednostavan slajd slike klikom na strelice. Nalazi se
na stranici reference.html.
Kontak forma – uneti podaci iz forme se proveravaju preko regularnih izraza i ako je unet
komentar podaci se šalju na e-mail. Nalazi se na stranici kontakt.html.
1.3 Template
CSS
*{
margin:0;
padding:0;
}
html {
min-width:940px;
}
body {
background:url(../images/pozadina.jpg) repeat-x left top #fff;
font-family:Tahoma, Arial, helvetica, sans-serif;
font-size:100%;
line-height:1em;
color:#454545;
min-width:940px;
}
p{
margin:0;
padding:0;
}
ul, ol {
list-style:none;
}
#main {
width:940px;
margin:0 auto;
}
#zaglavlje, #sadrzaj, #footer {
font-size:0.75em;
}
.kolona1, .kolona2{
float:left;
}
#sadrzaj {
margin-top: 70px;
}
#sadrzaj .kolona1 {
width:526px;
padding:12px 0;
}
#sadrzaj .kolona2 {
padding-top: 20px;
width:315px;
float:right;
}
#sadrzaj .kolona2 img{
border-radius: 7px;
-moz-box-shadow: 10px 10px 10px #ccc;
-webkit-box-shadow: 10px 10px 10px #ccc;
box-shadow: 10px 10px 10px #ccc;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.cisti {
clear: both;
}
.omot {
width:100%;
overflow:hidden;
}
.omot p{
font-size: 14px;
}
.extra-wrap {
overflow:hidden;
}
.container {
width:100%;
}
.kutije {
width:100%;
overflow:hidden;
}
.kutije li {
float:left;
width:305px;
margin-right:13px;
}
.kutije li .box1 p {
margin:0;
}
.kutije li .box1 p a {
position:relative;
top:5px;
}
.kutije li.alt {
margin-right:12px;
}
.kutije li.last {
margin-right:0;
}
.list {
margin-top:-14px;
}
.list li {
line-height:1.83em;
width:100%;
overflow:hidden;
vertical-align:top;
padding-top:14px;
}
.list li img {
float:left;
margin-right:20px;
}
.list li a {
font-weight:bold;
text-decoration:none;
}
.list li a:hover {
text-decoration:underline;
}
p{
line-height:1.83em;
margin-bottom:20px;
}
a{
color:#c52b2b;
outline:none;
text-decoration:none;
}
a:hover {
text-decoration:none;
color:#8e8e8e;
}
h2 {
font-size:40px;
line-height:1.2em;
margin-bottom:10px;
}
h2 b {
display:block;
padding-left:95px;
margin-top:-12px;
}
h3 {
font-size:32px;
line-height:1.2em;
letter-spacing:-1px;
margin-bottom:15px;
}
h4 {
font-size:28px;
line-height:1.2em;
margin-bottom:10px;
}
h3 b, h4 b {
color:#a6100a;
}
.kutija {
background:#fff;
width:100%;
margin-bottom:20px;
}
.kutija .border-bot {
background:url(../images/border-bot.gif) repeat-x left bottom;
}
.kutija .left-bot-corner {
background:url(../images/left-bot-corner.gif) no-repeat left bottom;
}
.kutija .right-bot-corner {
background:url(../images/right-bot-corner.gif) no-repeat right bottom;
}
.kutija .inner {
padding:0 0 10px 21px;
}
.kutija1 {
width:263px;
background:url(../images/box1-bot.jpg) no-repeat left bottom;
}
.kutija1.alt {
background:url(../images/box1-bot1.jpg) no-repeat left bottom;
width:900px;
}
.kutija1 .inner {
padding:34px 22px 28px 29px;
}
#zaglavlje {
height:419px;
position:relative;
}
#zaglavlje .red1 {
height:88px;
}
#zaglavlje .red1 .fleft {
padding:20px 0 0 22px;
}
#zaglavlje .red1 .fright {
padding:34px 34px 0 0;
}
#zaglavlje .red1 .fright ul li {
float:left;
padding-left:23px;
}
#zaglavlje .slajd {
height:300px;
overflow:hidden;
}
#sadrzaj {
padding-bottom:20px;
}
#sadrzaj .indent {
padding:0 0 0 30px;
}
#footer .footerlink {
background:url(../images/footer.png) repeat-x ;
line-height:1em;
padding: 10px;
padding-left: 170px;
}
#footer li {
position: relative;
margin: 0;
padding: 0 15px 0 15px;
display: block;
float: left;
}
#footer a{
text-decoration: none;
color: #efefef;
font: normal 13px Trebuchet MS;
}
#footer a:hover{
color: #d3110a;
}
#footer a:active{
color: #d3110a;
}
a{
outline:none;
}
#pretraga
{
width: 900px;
min-height: 50px;
display: none;
background-color: #ccc;
color: #000;
padding: 20px;
margin-top: 20px;
}
#search {
width: 20em;
float: left;
padding-top: 10px;
padding-left: 11.5em;
}
.search_cl input {
margin-top: 1px;
height: 1.5em;
}
.search_cl #btn {
overflow: visible;
position: absolute;
float: left;
border: 0;
cursor: pointer;
height: 2.03em;
width: 80px;
font: bold 12px 'lucida sans', 'trebuchet MS', 'Tahoma';
color: #fff;
text-transform: uppercase;
background: #a6100a;
border-radius: 0 3px 3px 0;
text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}
.search_cl #btn:hover{
background: #e54040;
}
.search_cl button:active,
.search_cl #btn:focus{
background: #c42f2f;
outline: 0;
}
.search_cl #btn:before {
content: '';
position: absolute;
border-width: 8px 8px 8px 0;
border-style: solid solid solid none;
border-color: transparent #a6100a transparent;
top: 5px;
left: -6px;
}
.search_cl #btn:hover:before{
border-right-color: #e54040;
}
.search_cl #btn:focus:before,
.search_cl #btn:active:before{
border-right-color: #c42f2f;
}
}
#chip {
background-color: #383d3f;
width: 100%;
}
#marke {
float: left;
display: block;
padding: 20px;
width: 110px;
border-right: 1px solid #ccc;
height: 580px;
}
#marke h1{
color: white;
font-size: 14px;
text-align: center;
}
#modeli {
float: left;
display: block;
padding: 20px;
width: 110px;
height: 580px;
}
#modeli h1{
color: white;
font-size: 14px;
text-align: center;
}
#modeli ul {
padding-top: 18px;
}
#modeli ul li {
padding-top: 12px;
color: white;
font-size: 18px;
text-align: center;
}
#modeli ul li:hover {
padding-top: 18px;
color: red;
cursor: pointer;
}
#motori {
float: left;
display: block;
padding: 20px;
width: 165px;
height: 580px;
}
#motori h1{
color: white;
font-size: 14px;
text-align: center;
}
#motori ul {
padding-top: 18px;
}
#motori ul li {
padding-top: 12px;
color: white;
font-size: 18px;
text-align: center;
}
#motori ul li:hover {
padding-top: 18px;
color: red;
cursor: pointer;
}
#dobici {
float: left;
display: block;
width: 390px;
height: 550px;
color: white;
padding-top: 70px;
padding-left: 37px;
}
.tabela {
width: 360px;
text-align: center;
border-spacing: 0px;
padding: 10px;
background-color: #53595c;
border: 1px solid black;
}
.crveni_red {
background-color: #be100a;
font-size: 18px;
padding: 20px;
}
.crveni_red td {
height: 40px;
}
.sivi_red {
background-color: #43494b;
font-size: 18px;
padding: 20px;
color: #ccc;
}
.sivi_red td {
height: 40px;
}
.tamnosivi_red {
background-color: #383d3f;
font-size: 18px;
padding: 20px;
color: #ccc;
}
.tamnosivi_red td {
height: 40px;
}
.slika{
width: auto;
height: auto;
float: left;
padding: 20px;
padding-left: 10px;
color: white;
}
.slika:hover{
width: auto;
height: auto;
float: left;
padding: 20px;
padding-left: 10px;
color: red;
cursor: pointer;
}
.model{
width: auto;
height: auto;
float: left;
padding: 20px;
padding-left: 10px;
color: white;
text-align: center;
font-size: 15px;
}
.model:hover{
width: auto;
height: auto;
float: left;
padding: 20px;
padding-left: 10px;
color: red;
}
a{
color: #383d3f;
}
a:hover{
color: #c52b2b;
}
img {
display: inline;
}
#usluge {
padding: 40px;
background-color: #383d3f;
font-size: 16px;
}
.zebraTabela{
background-color: #910202;
}
#kontakt {
background-color: #383d3f;
width: 100%;
}
#kontakt h2{
font-size: 25px;
}
#kontakt_levo {
padding: 30px;
float: left;
width: 450px;
color: #ccc;
font-size: 14px;
}
#kontakt_desno {
padding: 30px;
float: left;
width: 350px;
color: #ccc;
font-size: 14px;
}
#reference {
background-color: #383d3f;
color: #ccc;
padding: 30px;
}
#reference h1{
text-align: center;
font-size: 30px;
}
#fensibox {
padding-left: 100px;
}
#autor {
background-color: #383d3f;
color: #ccc;
padding: 50px;
text-align: justify;
float: left;
display:inline;
}
#autor_slika {
text-align: justify;
float: left;
display:inline;
padding: 30px;
padding-top: 0px;
padding-left: 0px;
}
#ochipu{
background-color: #383d3f;
color: #ccc;
padding: 10px;
}
#ochipu h1{
text-align: center;
padding: 20px;
}
#desno1 {
padding: 20px;
}
#desno1tekst {
float:left;
width: 420px;
text-align: justify;
}
#desno1slika{
padding-top: 15px;
float:right;
width: 420px;
text-align: justify;
}
1.4 Korišćeni CSS (tuđi)
CSS za lightbox:
.fancybox {
padding: 10px;
}
#fensibox {
padding-top: 30px;
}
#fensibox h2
{
padding-left: 15px;
padding-bottom: 10px;
}
.galerija {
padding-top: 20px;
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next
span {
background-image: url(fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(blank.gif); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: visible !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't
support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancyboxnext span {
background-image: url([email protected]);
background-size: 44px 152px; /*The size of the normal image,
half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url([email protected]);
background-size: 24px 24px; /*The size of the normal image,
half the size of the hi-res image*/
}
}
#fancybox-thumbs {
position: fixed;
left: 0;
width: 100%;
overflow: hidden;
z-index: 8050;
}
#fancybox-thumbs.bottom {
bottom: 2px;
}
#fancybox-thumbs.top {
top: 2px;
}
#fancybox-thumbs ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
#fancybox-thumbs ul li {
float: left;
padding: 1px;
opacity: 0.5;
}
#fancybox-thumbs ul li.active {
opacity: 0.75;
padding: 0;
border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
opacity: 1;
}
#fancybox-thumbs ul li a {
display: block;
position: relative;
overflow: hidden;
border: 1px solid #222;
background: #111;
outline: none;
}
#fancybox-thumbs ul li img {
display: block;
position: relative;
border: 0;
padding: 0;
max-width: none;
}
2. Organizacija
2.1 Organizaciona šema
Svaka stranica vodi ka svakoj.
2.2 Mapa sajta
<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet type="text/xsl" href="sitemap.xsl"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://speedup.rs/index.html</loc>
<lastmod>2015-03-16</lastmod>
<changefreq>monthly</changefreq>
<priority>1</priority>
</url>
<url>
<loc>http://speedup.rs/chiptuning.html</loc>
<lastmod>2015-03-16</lastmod>
<changefreq>monthly</changefreq>
<priority>1</priority>
</url>
<url>
<loc>http://speedup.rs/usluge.html</loc>
<lastmod>2015-03-16</lastmod>
<changefreq>monthly</changefreq>
<priority>1</priority>
</url>
<url>
<loc>http://speedup.rs/reference.html</loc>
<lastmod>2015-03-16</lastmod>
<changefreq>monthly</changefreq>
<priority>1</priority>
</url>
<url>
<loc>http://speedup.rs/kontakt.html</loc>
<lastmod>2015-03-16</lastmod>
<changefreq>monthly</changefreq>
<priority>1</priority>
</url>
<url>
<loc>http://speedup.rs/autor.html</loc>
<lastmod>2015-03-16</lastmod>
<changefreq>monthly</changefreq>
<priority>1</priority>
</url>
<url>
<loc>http://speedup.rs/dokumentacija.html</loc>
<lastmod>2015-03-16</lastmod>
<changefreq>monthly</changefreq>
<priority>1</priority>
</url>
<url>
<loc>http://speedup.rs/chip.html</loc>
<lastmod>2015-03-03</lastmod>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>http://speedup.rs/egr.html</loc>
<lastmod>2015-03-16</lastmod>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>http://speedup.rs/dpf.html</loc>
<lastmod>2015-03-16</lastmod>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>http://speedup.rs/xml/rss.xml</loc>
<lastmod>2015-03-03</lastmod>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
</urlset>
2.3 Stranice
2.3.1 Index
2.3.2 Chiptuning
2.3.3 Usluge
2.3.4 Reference
2.3.5 Kontakt
2.3.6 O chiptuning-u
2.3.7. DPF&FAP OFF
2.3.8. EGR OFF
2.3.9. Autor
3. Kodovi
3.1 HTML
3.1.1 index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SpeedUp Tuning</title>
<link rel="shortcut icon" href="images/icon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="slajder/style.css" type="text/css" media="screen"
charset="utf-8"/>
<script src="js/jquery-1.4.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="slajder/script.js"></script>
<link type="text/css" href="menu/menu.css" rel="stylesheet" />
<script type="text/javascript" src="menu/menu.js"></script>
<script type="text/javascript" src="pretraga.js"></script>
</head>
<body>
<div id="main">
<div id="zaglavlje">
<div class="red1">
<div class="fleft"><a href="index.html"><img src="images/logo1.png" alt=""
/></a></div>
<div class="fright">
<a href="https://www.facebook.com/speeduptuning?fref=ts&ref=br_tf"><img
src="images/face.png" alt="" width="40px"; height="40px" /></a> &nbsp;
<a href="xml/rss.xml"><img src="images/rss.png" alt="" width="40px";
height="40px"/></a>
</div>
</div>
<div id="menu">
<ul class="menu">
<li><a href="index.html"><span>HOME</span></a>
</li>
<li><a href="chiptuning.html"><span>CHIPTUNING</span></a>
</li>
<li><a href="usluge.html"><span>USLUGE</span></a>
<ul>
<li><a href="chip.html"><span> O ChipTuningu</span></a></li>
<li><a href="dpf.html"><span>DPF&FAP
OFF</span></a></li>
<li><a href="egr.html"><span>EGR
OFF</span></a></li>
</ul>
</li>
<li><a
href="reference.html"><span>REFERENCE</span></a></li>
<li class="poslednje_dugme"><a
href="kontakt.html"><span>KONTAKT</span></a></li>
</ul>
<div id="search">
<form class="search_cl">
<input type="text" id="sadrzajPretrage"
placeholder="Pretraži..." value="" > </input>
<input type="button" id="btn" value="Pretraži"
onClick="pretraga();">Pretraži</input>
</form>
</div>
</div>
<div id="slajd">
<img src="slajder/images/1.jpg" />
<img src="slajder/images/2.jpg" />
<img src="slajder/images/3.jpg" />
<img src="slajder/images/4.jpg" />
<img src="slajder/images/5.jpg" />
<img src="slajder/images/6.jpg" />
<img src="slajder/images/7.jpg" />
</div>
</div>
<div id="pretraga"></div>
<div id="sadrzaj">
<ul class="kutije">
<li>
<div class="kutija">
<div class="border-bot">
<div class="right-bot-corner">
<div class="left-bot-corner">
<div class="inner">
<div class="kutija1">
<div class="inner">
<h4><b>Chip</b>Tuning</h4>
<p>Poboljšanje performansi Vašeg motora, softverskim izmenama
motornog racunara "ECU-a". Povećanje snage i obrtnog momenta.<a
href="chip.html"><img src="images/arrow.gif" alt="" />PROČITAJ VIŠE</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="alt">
<div class="kutija">
<div class="border-bot">
<div class="right-bot-corner">
<div class="left-bot-corner">
<div class="inner">
<div class="kutija1">
<div class="inner">
<h4><b>DPF/FAP</b> OFF</h4>
<p>Softver motornog računara se prilagodi da više ne obraća pažnju na
senzore diferencijalnog pritiska na ulazu i izlazu iz filtera. <a href="dpf.html"><img
src="images/arrow.gif" alt="" />PROČITAJ VIŠE</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="last">
<div class="kutija">
<div class="border-bot">
<div class="right-bot-corner">
<div class="left-bot-corner">
<div class="inner">
<div class="kutija1">
<div class="inner">
<h4><b>EGR</b> OFF</h4>
<p> Softversko isključivanje EGR ventila, čime se trajno rešava problem
njegove zaprljanosti - pozitivno utiče na rad motora. <a href="egr.html"><img
src="images/arrow.gif" alt="" />PROČITAJ VIŠE</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="indent">
<div class="omot">
<div class="kolona1">
<h3><b>Dobrodošli</b>...</h3>
<p>Naša firma raspolaže najmodernijom tehnikom i stručnim znanjem u pružanju
usluga Chip Tuning-a, kao i svim prepravkama softvera na vašem vozilu.</p>
<p>Posedujemo alate za programiranje svih starijih tipova motornih računara,
kao i računara najnovije generacije <b>(BOSCH EDC17, MED17 i PCR2.1 - "Infineon
Tricore" , Denso, Delphi DCM).</b> </p>
</div>
<div class="kolona2">
<img src="images/motor.jpg">
</div>
</div>
</div>
</div>
<div id="footer">
<div class="footerlink">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chiptuning.html">ChipTuning</a></li>
<li><a href="reference.html">Reference</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="autor.html">O autoru</a></li>
<li><a href="#">Dokumentacija</a></li>
<li><a href="xml/sitemap.xml">Sitemap</a></li>
</ul>
<div class="cisti"></div>
</div>
</div>
</div>
</body>
</html>
3.1.2 chiptuning.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SpeedUp Tuning</title>
<link rel="shortcut icon" href="images/icon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/chip.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="menu/menu.css" rel="stylesheet" />
<script src="js/jquery-1.4.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="menu/menu.js"></script>
<script src="js/chip.js" type="text/javascript" ></script>
<script type="text/javascript" src="pretraga.js"></script>
</head>
<body>
<div id="main">
<div id="zaglavlje">
<div class="red1">
<div class="fleft"><a href="index.html"><img src="images/logo1.png" alt=""
/></a></div>
<div class="fright">
<a href="https://www.facebook.com/speeduptuning?fref=ts&ref=br_tf"><img
src="images/face.png" alt="" width="40px"; height="40px" /></a> &nbsp;
<a href="xml/rss.xml"><img src="images/rss.png" alt="" width="40px";
height="40px"/></a>
</div>
</div>
<div id="menu">
<ul class="menu">
<li><a href="index.html"><span>HOME</span></a>
</li>
<li><a
href="chiptuning.html"><span>CHIPTUNING</span></a>
</li>
<li><a href="usluge.html"><span>USLUGE</span></a>
<ul>
<li><a href="chip.html"><span> O ChipTuningu</span></a></li>
<li><a href="dpf.html"><span>DPF&FAP
OFF</span></a></li>
<li><a href="egr.html"><span>EGR
OFF</span></a></li>
</ul>
</li>
<li><a
href="reference.html"><span>REFERENCE</span></a></li>
<li class="poslednje_dugme"><a
href="kontakt.html"><span>KONTAKT</span></a></li>
</ul>
<div id="search">
<form class="search_cl">
<input type="text" id="sadrzajPretrage"
placeholder="Pretraži..." value="" > </input>
<input type="button" id="btn" value="Pretraži"
onClick="pretraga();">Pretraži</input>
</form>
</div>
</div>
<div id="chip">
<div id="pretraga"></div>
<div id="marke">
<h1>Izaberite marku automobila</h1>
<div class="slika" align="center"
onClick="alfa();"><img src="images/marke/alfa.png" width="100px" height="100px"/>
<br/> Alfa Romeo </div>
<div class="slika" align="center"
onClick="bmw()"><img src="images/marke/bmw.png" width="100px" height="100px"/>
<br/>
BMW</div>
<div class="slika" align="center"
onClick="citroen()"><img src="images/marke/citroen.png" width="100px"
height="100px"/> <br/> Citroen </div>
</div>
<div id="modeli">
</div>
<div id="motori">
</div>
<div id="dobici">
</div>
<div class="cisti"></div>
</div>
<div class="cisti"></div>
<div id="footer">
<div class="footerlink">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chiptuning.html">ChipTuning</a></li>
<li><a href="reference.html">Reference</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="autor.html">O autoru</a></li>
<li><a href="#">Dokumentacija</a></li>
<li><a href="xml/sitemap.xml">Sitemap</a></li>
</ul>
<div class="cisti"></div>
</div>
</div>
</div>
</body>
</html>
3.1.3 usluge.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SpeedUp Tuning</title>
<link rel="shortcut icon" href="images/icon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/chip.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="menu/menu.css" rel="stylesheet" />
<script src="js/jquery-1.4.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="menu/menu.js"></script>
<script type="text/javascript" src="pretraga.js"></script>
<script type="text/javascript" src="js/zebraTabela.js"></script>
</head>
<body>
<div id="main">
<div id="zaglavlje">
<div class="red1">
<div class="fleft"><a href="index.html"><img src="images/logo1.png" alt=""
/></a></div>
<div class="fright">
<a href="https://www.facebook.com/speeduptuning?fref=ts&ref=br_tf"><img
src="images/face.png" alt="" width="40px"; height="40px" /></a> &nbsp;
<a href="xml/rss.xml"><img src="images/rss.png" alt="" width="40px";
height="40px"/></a>
</div>
</div>
<div id="menu">
<ul class="menu">
<li><a href="index.html"><span>HOME</span></a>
</li>
<li><a
href="chiptuning.html"><span>CHIPTUNING</span></a>
</li>
<li><a href="usluge.html"><span>USLUGE</span></a>
<ul>
<li><a href="chip.html"><span> O ChipTuningu</span></a></li>
<li><a href="dpf.html"><span>DPF&FAP
OFF</span></a></li>
<li><a href="egr.html"><span>EGR
OFF</span></a></li>
</ul>
</li>
<li><a
href="reference.html"><span>REFERENCE</span></a></li>
<li class="poslednje_dugme"><a
href="kontakt.html"><span>KONTAKT</span></a></li>
</ul>
<div id="search">
<form class="search_cl">
<input type="text" id="sadrzajPretrage"
placeholder="Pretraži..." value="" > </input>
<input type="button" id="btn" value="Pretraži"
onClick="pretraga();">Pretraži</input>
</form>
</div>
</div>
<div id="pretraga"></div>
<div id="usluge">
<script type="text/javaScript">
if (window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
else {
xmlhttp = new
ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","usluge.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table style='color:#ccc; border:2px
solid #ccc;'><tr><th>Naziv usluge</th><th>Opis</th></tr>");
var
porem=xmlDoc.getElementsByTagName("Usluga");
for (var i=0; i<porem.length; i++){
document.write("<tr align='center'><td>");
document.write(porem[i].getElementsByTagName("naziv")
[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(porem[i].getElementsByTagName("opis")
[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>
</div>
<div class="cisti"></div>
<div id="footer">
<div class="footerlink">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chiptuning.html">ChipTuning</a></li>
<li><a href="reference.html">Reference</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="autor.html">O autoru</a></li>
<li><a href="#">Dokumentacija</a></li>
<li><a href="xml/sitemap.xml">Sitemap</a></li>
</ul>
<div class="cisti"></div>
</div>
</div>
</div>
</body>
</html>
3.1.4 reference.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SpeedUp Tuning</title>
<link rel="shortcut icon" href="images/icon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/chip.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="menu/menu.css" rel="stylesheet" />
<script src="js/jquery-1.4.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="menu/menu.js"></script>
<script type="text/javascript" src="pretraga.js"></script>
<!-- galerija -->
<script type="text/javascript" src="js/jquery-latest.min.js"></script>
<link rel="stylesheet" href="css/gallery.css" type="text/css"
media="screen" />
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="css/thumbs.css" type="text/css"
media="screen" />
<script type="text/javascript" src="js/fensi.js"></script>
</head>
<body>
<div id="main">
<div id="zaglavlje">
<div class="red1">
<div class="fleft"><a href="index.html"><img src="images/logo1.png" alt=""
/></a></div>
<div class="fright">
<a href="https://www.facebook.com/speeduptuning?fref=ts&ref=br_tf"><img
src="images/face.png" alt="" width="40px"; height="40px" /></a> &nbsp;
<a href="xml/rss.xml"><img src="images/rss.png" alt="" width="40px";
height="40px"/></a>
</div>
</div>
<div id="menu">
<ul class="menu">
<li><a href="index.html"><span>HOME</span></a>
</li>
<li><a
href="chiptuning.html"><span>CHIPTUNING</span></a>
</li>
<li><a href="usluge.html"><span>USLUGE</span></a>
<ul>
<li><a href="chip.html"><span> O ChipTuningu</span></a></li>
<li><a href="dpf.html"><span>DPF&FAP
OFF</span></a></li>
<li><a href="egr.html"><span>EGR
OFF</span></a></li>
</ul>
</li>
<li><a
href="reference.html"><span>REFERENCE</span></a></li>
<li class="poslednje_dugme"><a
href="kontakt.html"><span>KONTAKT</span></a></li>
</ul>
<div id="search">
<form class="search_cl">
<input type="text" id="sadrzajPretrage"
placeholder="Pretraži..." value="" > </input>
<input type="button" id="btn" value="Pretraži"
onClick="pretraga();">Pretraži</input>
</form>
</div>
</div>
<div id="pretraga"></div>
<div id="reference">
<h1>Neki od naših radova: </h1>
<div id="fensibox">
<a class="fancybox" rel="group"
href="images/reference/img/slika1.jpg"><img src="images/reference/thumb/slika1.jpg"
alt="" /></a>
<a class="fancybox" rel="group"
href="images/reference/img/slika2.jpg"><img src="images/reference/thumb/slika2.jpg"
alt="" /></a>
<a class="fancybox" rel="group"
href="images/reference/img/slika3.jpg"><img src="images/reference/thumb/slika3.jpg"
alt="" /></a>
<a class="fancybox" rel="group"
href="images/reference/img/slika4.jpg"><img src="images/reference/thumb/slika4.jpg"
alt="" /></a>
<a class="fancybox" rel="group"
href="images/reference/img/slika5.jpg"><img src="images/reference/thumb/slika5.jpg"
alt="" /></a>
<a class="fancybox" rel="group"
href="images/reference/img/slika6.jpg"><img src="images/reference/thumb/slika6.jpg"
alt="" /></a>
<a class="fancybox" rel="group"
href="images/reference/img/slika7.jpg"><img src="images/reference/thumb/slika7.jpg"
alt="" /></a>
<a class="fancybox" rel="group"
href="images/reference/img/slika8.jpg"><img src="images/reference/thumb/slika8.jpg"
alt="" /></a>
<a class="fancybox" rel="group"
href="images/reference/img/slika9.jpg"><img src="images/reference/thumb/slika9.jpg"
alt="" /></a>
<a class="fancybox" rel="group"
href="images/reference/img/slika10.jpg"><img
src="images/reference/thumb/slika10.jpg" alt="" /></a>
<a class="fancybox" rel="group"
href="images/reference/img/slika11.jpg"><img src="images/reference/thumb/slika11.jpg"
alt="" /></a>
<a class="fancybox" rel="group"
href="images/reference/img/slika12.jpg"><img
src="images/reference/thumb/slika12.jpg" alt="" /></a>
</div>
</div>
<div class="cisti"></div>
<div id="footer">
<div class="footerlink">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chiptuning.html">ChipTuning</a></li>
<li><a href="reference.html">Reference</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="autor.html">O autoru</a></li>
<li><a href="#">Dokumentacija</a></li>
<li><a href="xml/sitemap.xml">Sitemap</a></li>
</ul>
<div class="cisti"></div>
</div>
</div>
</div>
</body>
</html>
3.1.5 kontakt.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SpeedUp Tuning</title>
<link rel="shortcut icon" href="images/icon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/chip.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="menu/menu.css" rel="stylesheet" />
<script src="js/jquery-1.4.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="menu/menu.js"></script>
<script type="text/javascript" src="pretraga.js"></script>
<script type="text/javascript" src="js/kontakt.js"></script>
</head>
<body>
<div id="main">
<div id="zaglavlje">
<div class="red1">
<div class="fleft"><a href="index.html"><img src="images/logo1.png" alt=""
/></a></div>
<div class="fright">
<a href="https://www.facebook.com/speeduptuning?fref=ts&ref=br_tf"><img
src="images/face.png" alt="" width="40px"; height="40px" /></a> &nbsp;
<a href="xml/rss.xml"><img src="images/rss.png" alt="" width="40px";
height="40px"/></a>
</div>
</div>
<div id="menu">
<ul class="menu">
<li><a href="index.html"><span>HOME</span></a>
</li>
<li><a
href="chiptuning.html"><span>CHIPTUNING</span></a>
</li>
<li><a href="usluge.html"><span>USLUGE</span></a>
<ul>
<li><a href="chip.html"><span> O ChipTuningu</span></a></li>
<li><a href="dpf.html"><span>DPF&FAP
OFF</span></a></li>
<li><a href="egr.html"><span>EGR
OFF</span></a></li>
</ul>
</li>
<li><a
href="reference.html"><span>REFERENCE</span></a></li>
<li class="poslednje_dugme"><a
href="kontakt.html"><span>KONTAKT</span></a></li>
</ul>
<div id="search">
<form class="search_cl">
<input type="text" id="sadrzajPretrage"
placeholder="Pretraži..." value="" > </input>
<input type="button" id="btn" value="Pretraži"
onClick="pretraga();">Pretraži</input>
</form>
</div>
</div>
<div id="kontakt">
<div id="pretraga"></div>
<div id="kontakt_levo">
<h2>Kontaktirajte nas: </h2>
<br/>
<form >
<table>
<tr>
<td
class="naziv">Ime:</td>
<td>
<input type="text" class="textbox" id="tbIme" />
</td>
</tr>
<tr>
<td
class="naziv">Prezime:</td>
<td>
<input type="text" class="textbox" id="tbPrezime" />
</td>
</tr>
<tr>
<td
class="naziv">E-mail:</td>
<td>
<input type="text" class="textbox" id="tbEmail"/></td>
</tr>
<tr>
<td
class="naziv" >Poruka:</td>
<td>
<textarea rows="10"
cols="20"id="taPoruka"></textarea></td>
</tr>
<tr>
<td colspan="2"
align="center">
<input type="button"
value="Pošalji" class="dugme" onClick="prijava();"/>
<input type="reset"
value="Ponisti" class="dugme" />
</td>
</tr>
</table>
</form>
<div id="ispis">
</div>
</div>
<div id="kontakt_desno">
<h2>Gde se nalazimo: </h2>
<br/>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d2827.0958166957303!2d20.641732999999995!3d44.88069899999999!2m3!1f0!2f0!
3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x475a7e8c5ce00c0d
%3A0x8d83bcd20b1fc6e2!2sSpeedUp+Chiptuning+Performance!5e0!3m2!1sen!2srs!
4v1426503714434" width="300" height="250" frameborder="0"
style="border:0"></iframe>
</div>
<div class="cisti"></div>
</div>
<div class="cisti"></div>
<div id="footer">
<div class="footerlink">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chiptuning.html">ChipTuning</a></li>
<li><a href="reference.html">Reference</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="autor.html">O autoru</a></li>
<li><a href="#">Dokumentacija</a></li>
<li><a href="xml/sitemap.xml">Sitemap</a></li>
</ul>
<div class="cisti"></div>
</div>
</div>
</div>
</body>
</html>
3.1.6 chip.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SpeedUp Tuning</title>
<link rel="shortcut icon" href="images/icon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/chip.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="menu/menu.css" rel="stylesheet" />
<script src="js/jquery-1.4.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="menu/menu.js"></script>
<script type="text/javascript" src="pretraga.js"></script>
</head>
<body>
<div id="main">
<div id="zaglavlje">
<div class="red1">
<div class="fleft"><a href="index.html"><img src="images/logo1.png" alt=""
/></a></div>
<div class="fright">
<a href="https://www.facebook.com/speeduptuning?fref=ts&ref=br_tf"><img
src="images/face.png" alt="" width="40px"; height="40px" /></a> &nbsp;
<a href="xml/rss.xml"><img src="images/rss.png" alt="" width="40px";
height="40px"/></a>
</div>
</div>
<div id="menu">
<ul class="menu">
<li><a href="index.html"><span>HOME</span></a>
</li>
<li><a
href="chiptuning.html"><span>CHIPTUNING</span></a>
</li>
<li><a href="usluge.html"><span>USLUGE</span></a>
<ul>
<li><a href="chip.html"><span> O ChipTuningu</span></a></li>
<li><a href="dpf.html"><span>DPF&FAP
OFF</span></a></li>
<li><a href="egr.html"><span>EGR
OFF</span></a></li>
</ul>
</li>
<li><a
href="reference.html"><span>REFERENCE</span></a></li>
<li class="poslednje_dugme"><a
href="kontakt.html"><span>KONTAKT</span></a></li>
</ul>
<div id="search">
<form class="search_cl">
<input type="text" id="sadrzajPretrage"
placeholder="Pretraži..." value="" > </input>
<input type="button" id="btn" value="Pretraži"
onClick="pretraga();">Pretraži</input>
</form>
</div>
</div>
<div id="pretraga"></div>
<div id="ochipu">
<h1>CHIPTUNING</h1>
<div id="desno1">
<div id="desno1tekst">
<p>Danas svako motorno vozilo koristi
motorni kompjuter (ECU) za upravljanje, pokretanje, rad i zaštitu motora. Podaci u ovom
kompjuteru su obično ubačeni u čip koji se zove EPROM, a program u njemu (firmware)
je set instrukcija koji kontroliše rad motora. Ove instrukcije omogućavaju kompjuteru
(ECU) prilagođavanje rada motora zavisno od podataka iz raznih ulaznih senzora.
Podaci su smešteni u tabelama (mapama) koje upravljaju ubrizgavanjem goriva,
ograničavaju broj obrtaja motora, kontrolišu pritisak u turbo kompresoru, regulišu ugao
paljenja, itd. Menjajući ove vrednosti „mapiranjem“ u dozvoljenim granicama koje
propisuju proizvođači, mi Vam možemo povećati performanse vozila bez narušavanja
pouzdanosti i izdržljivosti Vašeg vozila.
</p>
<br/> <br/>
<img src="images/chip1.jpg">
<br/> <br/>
</div>
<div id="desno1slika">
<img src="images/chip2.jpg">
<br/> <br/> <br/> <br/>
<p>
Na većini vozila podaci se
iščitavaju preko OBD (dijagnostičkog) priključka i čuvaju na kompjuter. Nakon toga se
specijalnim programima za svaku vrstu vozila, tip motora i na zahtev vlasnika, mape
podešavaju i optimizuju, da bi se na kraju, tako dobijeni optimizovani podaci, ponovo
učitali u motrni kompjuter (ECU).
Na nekim vozilima, naročito
starijim od 10 godina, ovaj način nije moguć i u tom slučaju ECU se mora izvaditi iz
vozila i programirati specijalnim programatorima izvan vozila.
</p>
</div>
<div class="cisti"></div>
</div>
</div>
<div class="cisti"></div>
<div id="footer">
<div class="footerlink">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chiptuning.html">ChipTuning</a></li>
<li><a href="reference.html">Reference</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="autor.html">O autoru</a></li>
<li><a href="#">Dokumentacija</a></li>
<li><a href="xml/sitemap.xml">Sitemap</a></li>
</ul>
<div class="cisti"></div>
</div>
</div>
</div>
</body>
</html>
3.1.7 dpf.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SpeedUp Tuning</title>
<link rel="shortcut icon" href="images/icon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/chip.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="menu/menu.css" rel="stylesheet" />
<script src="js/jquery-1.4.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="menu/menu.js"></script>
<script type="text/javascript" src="pretraga.js"></script>
</head>
<body>
<div id="main">
<div id="zaglavlje">
<div class="red1">
<div class="fleft"><a href="index.html"><img src="images/logo1.png" alt=""
/></a></div>
<div class="fright">
<a href="https://www.facebook.com/speeduptuning?fref=ts&ref=br_tf"><img
src="images/face.png" alt="" width="40px"; height="40px" /></a> &nbsp;
<a href="xml/rss.xml"><img src="images/rss.png" alt="" width="40px";
height="40px"/></a>
</div>
</div>
<div id="menu">
<ul class="menu">
<li><a href="index.html"><span>HOME</span></a>
</li>
<li><a
href="chiptuning.html"><span>CHIPTUNING</span></a>
</li>
<li><a href="usluge.html"><span>USLUGE</span></a>
<ul>
<li><a href="chip.html"><span> O ChipTuningu</span></a></li>
<li><a href="dpf.html"><span>DPF&FAP
OFF</span></a></li>
<li><a href="egr.html"><span>EGR
OFF</span></a></li>
</ul>
</li>
<li><a
href="reference.html"><span>REFERENCE</span></a></li>
<li class="poslednje_dugme"><a
href="kontakt.html"><span>KONTAKT</span></a></li>
</ul>
<div id="search">
<form class="search_cl">
<input type="text" id="sadrzajPretrage"
placeholder="Pretraži..." value="" > </input>
<input type="button" id="btn" value="Pretraži"
onClick="pretraga();">Pretraži</input>
</form>
</div>
</div>
<div id="pretraga"></div>
<div id="ochipu">
<h1>Iskljucivanje FAP - DPF filtera</h1>
<div id="desno1">
<div id="desno1tekst">
<p>Diesel Particulate Filter, ili kod nas
poznatiji kao DPF i FAP filteri, deo su opreme gotovo svih savremenih automobila
opremljenih dizel agregatima. Njihova glavna uloga je da uklanjaju čadj iz izduvnih
gasova a većina se čisti procesom takozvane „regeneracije“ pri kojoj se krupne čestice
sagorevaju i izbacuju se kroz izduvni sistem.
<br/> <br/>
Pored lošeg kvaliteta goriva najčešći
uzrok zapušenja DPF-a su loše dizne (injektori) ili kvar na turbo punjaču. Dokazano je
takođe da problem sa DPF-om češće imaju vozila koji veći deo eksploatacije provedu u
gradu pa se u ovakvim slučajevima preporučuju vožnje na otvorenom putu pri većim
brzinama kako bi sam automobil izvršio pravilnu regeneraciju. Na žalost, svaki filter ima
svoj vek trajanja a nepoznavanjem procesa regeneracije, lošim gorivom i održavanjem
vozila DPF može trajati i znatno kraće od fabrički predviđenog roka. Automobil tada
prelazi u servisni režim rada i redukuje snagu vozila time sprečavajući još veće
posledice koje svakako nastaju ako vozač ignoriše problem.
</p>
<br/> <br/>
<img src="images/dpf1.jpg">
<br/> <br/>
</div>
<div id="desno1slika">
<img src="images/dpf2.jpg">
<br/> <br/> <br/>
<p>
Vlasnici automobila tada pred
sobom imaju dva rešenja. Zameniti dotrajali DPF novim, čija se cena kreće u zavisnosti
od modela 1000-2500 eura i rizikovati da se za par godina susretnu sa istim
problemom, ili da isti reše trajno, solucijom koju nudi SpeedUp tuning servis. Softverski
u samom programu računara vozila isključuje se DPF. Kao bonus vlasnik dobija
smanjenje potrošnje goriva i bolji rad automobila.
<br/> <br/>
Poseban problem prave nadrieletroničari krekovanim alatima koji problem rešavaju tako što blokiraju jedino grešku na
računaru. Kako kod većine automobila ista lampica ukazuje na više problema, ne
paljenje iste i ne ukazivanje vlasniku da problem postoji može dovesti do havarije drugih
komponenti agregata. Ovakvim postupkom DPF nije pravilno izgašen, ulazi u stalne
regeneracije i automobil gubi snagu iako ne prijavljuje grešku na samom filteru, i
mehaničarima odvlači pažnju sa glavnog problema koji i dalje postoji a navodno je
eliminisan. Zbog svega ovoga dobro obratite pažnju gde i kod koga radite ovu ni malo
jednostavnu proceduru.
</p>
</div>
<div class="cisti"></div>
</div>
</div>
<div class="cisti"></div>
<div id="footer">
<div class="footerlink">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chiptuning.html">ChipTuning</a></li>
<li><a href="reference.html">Reference</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="autor.html">O autoru</a></li>
<li><a href="#">Dokumentacija</a></li>
<li><a href="xml/sitemap.xml">Sitemap</a></li>
</ul>
<div class="cisti"></div>
</div>
</div>
</div>
</body>
</html>
3.1.8 egr.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SpeedUp Tuning</title>
<link rel="shortcut icon" href="images/icon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/chip.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="menu/menu.css" rel="stylesheet" />
<script src="js/jquery-1.4.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="menu/menu.js"></script>
<script type="text/javascript" src="pretraga.js"></script>
</head>
<body>
<div id="main">
<div id="zaglavlje">
<div class="red1">
<div class="fleft"><a href="index.html"><img src="images/logo1.png" alt=""
/></a></div>
<div class="fright">
<a href="https://www.facebook.com/speeduptuning?fref=ts&ref=br_tf"><img
src="images/face.png" alt="" width="40px"; height="40px" /></a> &nbsp;
<a href="xml/rss.xml"><img src="images/rss.png" alt="" width="40px";
height="40px"/></a>
</div>
</div>
<div id="menu">
<ul class="menu">
<li><a href="index.html"><span>HOME</span></a>
</li>
<li><a
href="chiptuning.html"><span>CHIPTUNING</span></a>
</li>
<li><a href="usluge.html"><span>USLUGE</span></a>
<ul>
<li><a href="chip.html"><span> O ChipTuningu</span></a></li>
<li><a href="dpf.html"><span>DPF&FAP
OFF</span></a></li>
<li><a href="egr.html"><span>EGR
OFF</span></a></li>
</ul>
</li>
<li><a
href="reference.html"><span>REFERENCE</span></a></li>
<li class="poslednje_dugme"><a
href="kontakt.html"><span>KONTAKT</span></a></li>
</ul>
<div id="search">
<form class="search_cl">
<input type="text" id="sadrzajPretrage"
placeholder="Pretraži..." value="" > </input>
<input type="button" id="btn" value="Pretraži"
onClick="pretraga();">Pretraži</input>
</form>
</div>
</div>
<div id="pretraga"></div>
<div id="ochipu">
<h1>Iskljucivanje EGR ventila</h1>
<div id="desno1">
<div id="desno1tekst">
<p>EGR (Exhaust Gas Recirculation) je
ventil koji reguliše količinu izduvnih gasova koja će biti vraćena na ponovno
sagorevanje. Poput DPF-a, i EGR ima ulogu da smanji zagađenje životne sredine. Za
razliku od DPF-a, EGR je počeo da se primenjuje još na EURO 2 dizel motorima i ima
ga u skoro svakom turbo dizelu posle 1998. godine. Dakle, EGR ima ulogu da smanji
zagađenje tako što će deo izduvnih gasova vratiti ponovo na sagorevanje u motor. Na
početku upotrebe, EGR ventil je bio kontrolisan mehanički vakumom sa usisne grane.
Kasnije je zamenjen elektroventilom koji kontroliše motorni računar ECU.
Kada je automobil nov, a EGR ispravan,
njegov rad ne utiče značajno na smanjenje performansi motora. Međutim, vremenom se
EGR zaprlja od čađi iz izduva i prestane da funkcioniše kako treba. Motor nema snagu,
a često ne može ni da upali.
<br>
Naša firma Vam nudi mogućnost trajnog
rešenja problema zapušenog EGR ventila. U pitanju je softversko isključivanje EGR
ventila, čime motor nesmetano radi, dobija konstantan dotok svežeg vazduha i samim
tim produžava radni vek motora.
</p>
</div>
<div id="desno1slika">
<img src="images/egr1.jpg">
</div>
<div class="cisti"></div>
</div>
</div>
<div class="cisti"></div>
<div id="footer">
<div class="footerlink">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chiptuning.html">ChipTuning</a></li>
<li><a href="reference.html">Reference</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="autor.html">O autoru</a></li>
<li><a href="#">Dokumentacija</a></li>
<li><a href="xml/sitemap.xml">Sitemap</a></li>
</ul>
<div class="cisti"></div>
</div>
</div>
</div>
</body>
</html>
3.1.9 autor.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SpeedUp Tuning</title>
<link rel="shortcut icon" href="images/icon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/chip.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="menu/menu.css" rel="stylesheet" />
<script src="js/jquery-1.4.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="menu/menu.js"></script>
<script type="text/javascript" src="pretraga.js"></script>
</head>
<body>
<div id="main">
<div id="zaglavlje">
<div class="red1">
<div class="fleft"><a href="index.html"><img src="images/logo1.png" alt=""
/></a></div>
<div class="fright">
<a href="https://www.facebook.com/speeduptuning?fref=ts&ref=br_tf"><img
src="images/face.png" alt="" width="40px"; height="40px" /></a> &nbsp;
<a href="xml/rss.xml"><img src="images/rss.png" alt="" width="40px";
height="40px"/></a>
</div>
</div>
<div id="menu">
<ul class="menu">
<li><a href="index.html"><span>HOME</span></a>
</li>
<li><a
href="chiptuning.html"><span>CHIPTUNING</span></a>
</li>
<li><a href="usluge.html"><span>USLUGE</span></a>
<ul>
<li><a href="chip.html"><span> O ChipTuningu</span></a></li>
<li><a href="dpf.html"><span>DPF&FAP
OFF</span></a></li>
<li><a href="egr.html"><span>EGR
OFF</span></a></li>
</ul>
</li>
<li><a
href="reference.html"><span>REFERENCE</span></a></li>
<li class="poslednje_dugme"><a
href="kontakt.html"><span>KONTAKT</span></a></li>
</ul>
<div id="search">
<form class="search_cl">
<input type="text" id="sadrzajPretrage"
placeholder="Pretraži..." value="" > </input>
<input type="button" id="btn" value="Pretraži"
onClick="pretraga();">Pretraži</input>
</form>
</div>
</div>
<div id="pretraga"></div>
<div id="autor">
<section id="autor_slika">
<img src="images/autor.jpg"/>
</section>
<p>
Slobodan Ilić, rodjen 10.05.1991., u Bitolju. Završio je
elektrotehnicku skolu "Nikola Tesla", u Pančevu, školske 2009/10., sa odličnim
uspehom.
<br/>
2012. upisuje Visoku školu strukovnih studija za
informacione i komunikacione tehnologije, smer Internet tehnologije i nada se da će
uspešno završiti studije i biti stručan u svojoj oblasti.
</p>
</div>
<div class="cisti"></div>
<div id="footer">
<div class="footerlink">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chiptuning.html">ChipTuning</a></li>
<li><a href="reference.html">Reference</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="autor.html">O autoru</a></li>
<li><a href="#">Dokumentacija</a></li>
<li><a href="xml/sitemap.xml">Sitemap</a></li>
</ul>
<div class="cisti"></div>
</div>
</div>
</div>
</body>
</html>
3.2 JavaScript i jQuery
3.2.1 chip.js
function alfa(){
document.getElementById("motori").innerHTML = ""
document.getElementById("dobici").innerHTML = ""
document.getElementById("modeli").innerHTML = "<h1> Izaberite
model </h1> <br/> <ul> <li" + " onClick="+ "m147();" + " > 147 </li> <li onClick="+
"m156();" + "> 156 </li> <li onClick="+ "m159();" + "> 159 </li> <li onClick="+
"mGiulietta();" + "> Giulietta </li> <li onClick="+ "mBrera();" + "> Brera </li> ";
$('#modeli').css('border-right','1px solid #ccc');
$('#motori').css('border-right','0px solid #ccc');
}
function bmw(){
document.getElementById("motori").innerHTML = ""
document.getElementById("dobici").innerHTML = ""
document.getElementById("modeli").innerHTML = "<h1> Izaberite
model </h1> <br/> <ul> <li onClick="+ "mSerie1();" + "> Serie 1 E87 </li> <li
onClick="+ "mSerie3();" + "> Serie 3 E90 </li> <li onClick="+ "mSerie5();" + "> Serie 5
E60 </li> ";
$('#modeli').css('border-right','1px solid #ccc');
$('#motori').css('border-right','0px solid #ccc');
/* document.getElementById("modeli").innerHTML = "<div class=" +
"model" + ">" + "<img src=" + "images/marke/bmw/3.jpg" + " width=" + "220px" + "
height=" + "130px" + ">" + "</div>" ; */
}
function citroen(){
document.getElementById("motori").innerHTML = ""
document.getElementById("dobici").innerHTML = ""
document.getElementById("modeli").innerHTML = "<h1> Izaberite
model </h1> <br/> <ul> <li onClick="+ "mC3();" + " > C3 </li> <li onClick="+ "mC4();" +
"> C4 </li> <li onClick="+ "mC5();" + "> C5 </li> ";
$('#modeli').css('border-right','1px solid #ccc');
$('#motori').css('border-right','0px solid #ccc');
}
function m147(){
document.getElementById("dobici").innerHTML = ""
document.getElementById("motori").innerHTML = "<h1> Izaberite
motor </h1> <br/> <ul> <li onClick="+ "m19a();" + " > 1.9 JTD 8v 115ks </li> <li
onClick="+ "m19b();" + " > 1.9 mJTD 8v 120ks</li> <li onClick="+ "m19c();" + " > 1.9
mJTD 16v 140ks </li> <li onClick="+ "m19d();" + " > 1.9 mJTD 16v 150ks </li> ";
$('#motori').css('border-right','1px solid #ccc');
}
function m156(){
document.getElementById("dobici").innerHTML = ""
document.getElementById("motori").innerHTML = "<h1> Izaberite
motor </h1> <br/> <ul> <li onClick="+ "m19a();" + " > 1.9 JTD 8v 115ks </li> <li
onClick="+ "m19c();" + " > 1.9 mJTD 16v 140ks </li> <li onClick="+ "m19d();" + " > 1.9
mJTD 16v 150ks </li> <li onClick="+ "m24a();" + " > 2.4 mJTD 20v 175ks</li>";
$('#motori').css('border-right','1px solid #ccc');
}
function m159(){
document.getElementById("dobici").innerHTML = ""
document.getElementById("motori").innerHTML = "<h1> Izaberite
motor </h1> <br/> <ul> <li onClick="+ "m19b();" + " > 1.9 mJTD 8v 120ks</li> <li
onClick="+ "m19d();" + " > 1.9 mJTD 16v 150ks </li> <li onClick="+ "m24b();" + " > 2.4
mJTD 20v 200ks </li> <li onClick="+ "m24c();" + " > 2.4 mJTD 20v 210ks </li>";
$('#motori').css('border-right','1px solid #ccc');
}
function mGiulietta(){
document.getElementById("dobici").innerHTML = ""
document.getElementById("motori").innerHTML = "<h1> Izaberite
motor </h1> <br/> <ul> <li onClick="+ "m16a();" + " > 1.6 mJTD 105ks </li> <li
onClick="+ "m20a();" + " > 2.0 mJTD 140ks</li> <li onClick="+ "m20b();" + " > 2.0 mJTD
170ks </li>";
$('#motori').css('border-right','1px solid #ccc');
}
function mBrera(){
document.getElementById("dobici").innerHTML = ""
document.getElementById("motori").innerHTML = "<h1> Izaberite
motor </h1> <br/> <ul> <li onClick="+ "m24b();" + " > 2.4 mJTD 20v 200ks </li> <li
onClick="+ "m24c();" + " > 2.4 mJTD 20v 210ks </li> ";
$('#motori').css('border-right','1px solid #ccc');
}
function mSerie1(){
document.getElementById("dobici").innerHTML = ""
document.getElementById("motori").innerHTML = "<h1> Izaberite
motor </h1> <br/> <ul> <li onClick="+ "m118d();" + " > 118d 122ks </li> <li onClick="+
"m120da();" + " > 120d 150ks</li> <li onClick="+ "m120db();" + " >120d 163ks </li> ";
$('#motori').css('border-right','1px solid #ccc');
}
function mSerie3(){
document.getElementById("dobici").innerHTML = ""
document.getElementById("motori").innerHTML = "<h1> Izaberite
motor </h1> <br/> <ul> <li onClick="+ "m118d();" + " > 318d 122ks </li> <li onClick="+
"m120da();" + " > 320d 150ks</li> <li onClick="+ "m120db();" + " >320d 163ks </li> <li
onClick="+ "m120dc();" + " >320d 177ks </li>";
$('#motori').css('border-right','1px solid #ccc');
}
function mSerie5(){
document.getElementById("dobici").innerHTML = ""
document.getElementById("motori").innerHTML = "<h1> Izaberite
motor </h1> <br/> <ul> <li onClick="+ "m120da();" + " > 520d 150ks</li> <li onClick="+
"m120db();" + " >520d 163ks </li> <li onClick="+ "m120dc();" + " >520d 177ks </li> <li
onClick="+ "m525d();" + " >525d 177ks </li>";
$('#motori').css('border-right','1px solid #ccc');
}
function mC3(){
document.getElementById("dobici").innerHTML = ""
document.getElementById("motori").innerHTML = "<h1> Izaberite
motor </h1> <br/> <ul> <li onClick="+ "m14();" + " > 1.4 HDi 68ks </li> <li onClick="+
"m16a();" + " >1.6 HDi 90ks </li> <li onClick="+ "m16b();" + " > 1.6 HDi 110ks </li>";
$('#motori').css('border-right','1px solid #ccc');
}
function mC4(){
document.getElementById("dobici").innerHTML = ""
document.getElementById("motori").innerHTML = "<h1> Izaberite
motor </h1> <br/> <ul> <li onClick="+ "m16a();" + " >1.6 HDi 90ks </li> <li onClick="+
"m16b();" + " > 1.6 HDi 110ks </li> <li onClick="+ "m20b();" + " > 2.0 HDi 136ks </li>";
$('#motori').css('border-right','1px solid #ccc');
}
function mC5(){
document.getElementById("dobici").innerHTML = ""
document.getElementById("motori").innerHTML = "<h1> Izaberite
motor </h1> <br/> <ul> <li onClick="+ "m16b();" + " > 1.6 HDi 110ks </li> <li onClick="+
"m20a();" + " > 2.0 HDi 110ks </li> <li onClick="+ "m20b();" + " > 2.0 HDi 136ks </li>";
$('#motori').css('border-right','1px solid #ccc');
}
function m19a(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 115ks </td> <td>
145ks </td> <td> 30ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 275Nm </td>
<td> 350Nm </td> <td> 75Nm </td> </tr> </table>"
}
function m19b(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 120ks </td> <td>
155ks </td> <td> 35ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 285Nm </td>
<td> 360Nm </td> <td> 75Nm </td> </tr> </table>"
}
function m19c(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 140ks </td> <td>
175ks </td> <td> 35ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 305Nm </td>
<td> 380Nm </td> <td> 75Nm </td> </tr> </table>"
}
function m19d(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 150ks </td> <td>
185ks </td> <td> 35ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 305Nm </td>
<td> 380Nm </td> <td> 75Nm </td> </tr> </table>"
}
function m24a(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 175ks </td> <td>
220ks </td> <td> 45ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 385Nm </td>
<td> 440Nm </td> <td> 55Nm </td> </tr> </table>"
}
function m24b(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 200ks </td> <td>
240ks </td> <td> 40ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 400Nm </td>
<td> 480Nm </td> <td> 80Nm </td> </tr> </table>"
}
function m24c(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 210ks </td> <td>
250ks </td> <td> 40ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 400Nm </td>
<td> 480Nm </td> <td> 80Nm </td> </tr> </table>"
}
function m16a(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 105ks </td> <td>
130ks </td> <td> 25ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 320Nm </td>
<td> 360Nm </td> <td> 40Nm </td> </tr> </table>"
}
function m20a(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 140ks </td> <td>
180ks </td> <td> 40ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 350Nm </td>
<td> 420Nm </td> <td> 70Nm </td> </tr> </table>"
}
function m20b(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 170ks </td> <td>
200ks </td> <td> 30ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 350Nm </td>
<td> 425Nm </td> <td> 75Nm </td> </tr> </table>"
}
function m118d(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 122ks </td> <td>
150ks </td> <td> 28ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 280Nm </td>
<td> 340Nm </td> <td> 60Nm </td> </tr> </table>"
}
function m120da(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 150ks </td> <td>
200ks </td> <td> 50ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 340Nm </td>
<td> 420Nm </td> <td> 80Nm </td> </tr> </table>"
}
function m120db(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 163ks </td> <td>
200ks </td> <td> 37ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 340Nm </td>
<td> 420Nm </td> <td> 80Nm </td> </tr> </table>"
}
function m120dc(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 177ks </td> <td>
210ks </td> <td> 33ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 350Nm </td>
<td> 420Nm </td> <td> 70Nm </td> </tr> </table>"
}
function m525d(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 177ks </td> <td>
215ks </td> <td> 38ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 400Nm </td>
<td> 480Nm </td> <td> 80Nm </td> </tr> </table>"
}
function m14(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 68ks </td> <td> 90ks
</td> <td> 22ks </td> </tr> <tr class=" + "tamnosivi_red" + "><td> 160Nm </td> <td>
210Nm </td> <td> 50Nm </td> </tr> </table>"
}
function m16a(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 90ks </td> <td>
115ks </td> <td> 25ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 215Nm </td>
<td> 260Nm </td> <td> 45Nm </td> </tr> </table>"
}
function m16b(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 110ks </td> <td>
136ks </td> <td> 26ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 240Nm </td>
<td> 300Nm </td> <td> 60Nm </td> </tr> </table>"
}
function m20a(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 110ks </td> <td>
140ks </td> <td> 30ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 250Nm </td>
<td> 320Nm </td> <td> 70Nm </td> </tr> </table>"
}
function m20b(){
document.getElementById("dobici").innerHTML = "<table class=" +
"tabela" + "> <tr class=" + "crveni_red" + ">
<td> ORIGINAL </td> <td> REMAP
</td> <td> DOBITAK </td> </tr> <tr class=" + "sivi_red" + "> <td> 136ks </td> <td>
170ks </td> <td> 34ks </td> </tr> <tr class=" + "tamnosivi_red" + "> <td> 320Nm </td>
<td> 400Nm </td> <td> 80Nm </td> </tr> </table>"
}
3.2.2 kontakt.js
function prijava()
{
var ime = document.getElementById('tbIme');
var prezime = document.getElementById('tbPrezime');
var email = document.getElementById('tbEmail');
var poruka = document.getElementById('taPoruka');
var reIme = /^[A-Z]{1}[a-z]{2,14}$/;
var rePrezime = /^[A-Z]{1}[a-z]{2,19}$/;
var reMail = /^([0-9a-zA-Z]+([_.-]?[0-9a-zA-Z]+)*@[0-9a-zA-Z]+[0-9a-zA-Z,.,-]*(.)
{1}[a-zA-Z]{2,4})+$/
var greske = new Array();
var greskeID = new Array();
var sadrzaj = new Array();
if(ime.value.match(reIme))
{
ime.style.border="1px solid #ccc";
}
else
{
greske.push("Ime nije u dobrom formatu!");
greskeID.push(ime.id);
}
if(prezime.value.match(rePrezime))
{
prezime.style.border="1px solid #ccc";
}
else
{
greske.push("Prezime nije u dobrom formatu!");
greskeID.push(prezime.id);
}
if(email.value.match(reMail))
{
email.style.border="1px solid #ccc";
}
else
{
greske.push("Email nije u dobrom formatu!");
greskeID.push(email.id);
}
if(greske.length == 0)
{
var tekst = "Vaša poruka je uspešno poslata!";
document.getElementById('ispis').innerHTML = tekst;
}
else
{
for(var i = 0; i < greskeID.length; i++)
{
document.getElementById(greskeID[i]).style.border="1px solid red";
}
var listaGresaka = "";
for(var i = 0; i < greske.length; i++)
{
listaGresaka += greske[i] + "<br />";
}
document.getElementById('ispis').innerHTML = listaGresaka;
}
}
3.2.3 fensi.js
$(".fancybox").fancybox({
helpers : {
overlay : {
css : {
'background' : 'rgba(28, 42, 45, 0.65)'
}
}
}
});
3.2.4 zebraTabela.js
$(document).ready(function(){
$('#usluge tbody tr:odd').addClass('zebraTabela');
});
3.2.5 script.js
$(document).ready(function(){
rotatePics(1);
});
function rotatePics(currentPhoto) {
var numberOfPhotos = $('#slajd img').length;
currentPhoto = currentPhoto % numberOfPhotos;
$('#slajd img').eq(currentPhoto).fadeOut(function() {
// re-order the z-index
$('#slajd img').each(function(i) {
$(this).css(
'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos
);
});
$(this).show();
setTimeout(function() {rotatePics(++currentPhoto);}, 4000);
});
}
3.2.6 meni.js
$(document).ready(function(){
$('#menu li ul').css({
display: "none",
left: "auto"
});
$('#menu li').hover(function() {
$(this)
.find('ul')
.stop(true, true)
.slideDown('fast');
}, function() {
$(this)
.find('ul')
.stop(true,true)
.fadeOut('fast');
});
});
3.2.7 pretraga.js
function pretraga(){
var rec =
document.getElementById("sadrzajPretrage").value.toUpperCase();
if(rec == ""){
alert("Niste uneli reč u polje za pretragu!");
}
else
{
$('#pretraga').show('slow');
if(window.XMLHttpRequest){
xmlhttp = new
XMLHttpRequest();
}
else{
xmlhttp = new
ActivXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","usluge.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
var rezultat = "";
var usluge =
xmlDoc.getElementsByTagName("Usluga");
for(var i=0; i<usluge.length; i++){
var naziv =
usluge[i].getElementsByTagName("naziv")[0].childNodes[0].nodeValue.toUpperCase();
if(naziv.toUpperCase().indexOf(rec)>=0){
rezultat+="<b>Naziv usluge:</b> "+usluge[i].getElementsByTagName("naziv")
[0].childNodes[0].nodeValue+"</br><b>Opis:</b>
"+usluge[i].getElementsByTagName("opis")[0].childNodes[0].nodeValue;
break;
}
}
if(rezultat==""){
document.getElementById("pretraga").innerHTML="Niste uneli nijedan naziv
usluge za pretragu.";
}
else{
document.getElementById("pretraga").innerHTML=rezultat;
}
}
}
3.3 XML, XSL
3.3.1 usluge.xml
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="poremecaji.xsl" ?>
<Usluge>
<Usluga>
<naziv>
Chiptuning
</naziv>
<opis>
Poboljšanje performansi Vašeg motora, softverskim izmenama
motornog racunara "ECU-a". Povećanje snage i obrtnog momenta.
</opis>
</Usluga>
<Usluga>
<naziv>
FAP - DPF OFF
</naziv>
<opis>
Softver motornog računara se prilagodi da više ne obraća pažnju
na senzore diferencijalnog pritiska na ulazu i izlazu iz filtera.
</opis>
</Usluga>
<Usluga>
<naziv>
EGR OFF
</naziv>
<opis>
Softversko isključivanje EGR ventila, čime se trajno rešava problem
njegove zaprljanosti - pozitivno utiče na rad motora.
</opis>
</Usluga>
</Usluge>
3.3.2 usluge.xsl
<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<table border="1">
<tr>
<th>Naziv usluge</th>
<th>Opis usluge</th>
</tr>
<xsl:for-each select="Usluge/Usluga">
<tr>
<td><xsl:value-of select="naziv"/></td>
<td><xsl:value-of select="opis"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
3.3.3 rss.xml
<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0">
<channel>
<item>
<title>Nova usluga - softversko gasenje dpf filtera:</title>
<link>http://speedup.rs/dpf.html</link>
<author>Slobodan Ilić</author>
<description> Od sada i na motornim racunarima najnovije generacije!
(Bosch EDC17, Siemens PCR2.1, Delphi DCM 3.5, Denso...) Softver motornog
računara se prilagodi da više ne obraća pažnju na senzore diferencijalnog pritiska na
ulazu i izlazu iz filtera.
</description>
</item>
<item>
<title>Nova usluga - softversko iskljucivanje egr ventila:</title>
<link>http://speedup.rs/egr.html</link>
<author>Slobodan Ilić</author>
<description>Od sada i na motornim racunarima najnovije generacije!
(Bosch EDC17, Siemens PCR2.1, Delphi DCM 3.5, Denso...) Softversko isključivanje
EGR ventila, čime se trajno rešava problem njegove zaprljanosti - pozitivno utiče na rad
motora. </description>
</item>
</channel>
</rss>
Download

Dokumentacija - SpeedUp Chiptuning Performance