Pembuatan Website E-Commerce Distro Baju MedanEtnic

(1)

LAMPIRAN

1. Source Code untuk Login : <!DOCTYPE HTML>

<html>

<head>

<link

href='http://fonts.googleapis.com/css?family=Open +Sans:400,300,600,700,800' rel='stylesheet'

type='text/css'>

$(document).ready(function() {

$(".dropdown

img.flag").addClass("flagvisibility");

$(".dropdown dt a").click(function() {

$(".dropdown dd ul").toggle();

});

$(".dropdown dd ul li a").click(function() {

(2)

$(".dropdown dt a span").html(text);

$(".dropdown dd ul").hide();

$("#result").html("Selected value is: " + getSelectedValue("sample"));

});

function getSelectedValue(id) {

return $("#" + id).find("dt a span.value").html();

}

$(document).bind('click', function(e) {

var $clicked = $(e.target);

if (!

$clicked.parents().hasClass("dropdown"))

$(".dropdown dd ul").hide();

});

$("#flagSwitcher").click(function() {

$(".dropdown

img.flag").toggleClass("flagvisibility");

});

</script>

(3)

\<script type="text/javascript" src="js/move- top.js"></script>

jQuery(document).ready(function($) {

$(".scroll").click(function(event){

event.preventDefault();

$('html,body').animate({scrollTop:$(this.has h).offset().top},1200);

});

</script>

</head>

<body>

</div>

(4)

<li class="active"><a

href="index.php?menu=1">Ingin Menjadi Member? Daftar Disini</a></li>

<li><a

href="index.php?menu=3">All Product</a></li>

<li><a href="index.php?menu=2">My Account</a></li>

<li><a

href="index.php?menu=5">Keranjang Belanja</a></li>

</ul>

</div>

</ul>

</li>

</ul>

</div>

<li><a class="color1" href="index.php">Beranda</a></li>

(5)

href="index.php?menu=10">Jacket</a></li>

<li><a class="color5" href="index.php?menu=11">Kemeja</a></li>

</ul>

<?php

error_reporting(0);

$get = $_GET['menu'];

if($get=='22'& $_GET['telek']=='y'){

include 'sisi.php';

}

else if($get=='1'){

include 'daftar.php';

}

else if($get=='2'){

include 'login.php';

}

(6)

include 'semua.php';

}

else if($get=='4'){

include 'detail.php';

}

else if($get=='9'){

include 'pria.php';

}

else if($get=='10'){

include 'wanita.php';

}

else if($get=='11'){

include 'anak.php';

}

else if($get=='5'){

include 'keranjang.php';

}

else{

include ("isi.php");

}

(7)

</div>

<div

class="col_1_of_footer-top span_1_of_footer-top">

<li><img src="images/f_icon.png" alt=""/><span

class="delivery">Ongkos Kirim Belanja Ditanggung Pembeli</span></li>

</ul>

</div>

<div

<li><img src="images/f_icon1.png" alt=""/><span class="delivery">Customer Service :<span

class="orange">085760584113</span></span></li>

</ul>

</div>

<div

(8)

</ul>

</div>

</div>

<li><span class="m_8">Get Discount up to 20% </span>

<input type="text" name="s" class="textbox"

value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">

</div><div class="clear"></div>

(9)

</ul>

</div>

$(document).ready(function() {

var defaults = {

containerID: 'toTop', // fading element id

containerHoverID: 'toTopHover', // fading element hover id

scrollSpeed: 1200,

easingType: 'linear'

};

$().UItoTop({ easingType: 'easeOutQuart' });

});

</script>

(10)

</body>

</html>

2. Source Code Pendaftaran Akun Pelanggan <div class="register_account">

<div><input type="text" value="Nama" onfocus="this.value = '';"

onblur="if (this.value == '') {this.value = 'Name';}" name="nama"></div>

<div><input type="text" value="Alamat" onfocus="this.value = '';"

onblur="if (this.value == '') {this.value = 'Alamat';}" name="alamat"></div>

<div><input type="text" value="E-Mail" onfocus="this.value = '';"

onblur="if (this.value == '') {this.value = 'E- Mail';}" name="email"></div>

<div><input type="text" value="password" onfocus="this.value = '';"

onblur="if (this.value == '') {this.value = 'password';}" name="password"></div>

</div>

(11)

onblur="if (this.value == '') {this.value = 'kota';}" name="kota"></div>

<input type="text"

value="" class="code" name="kode_pos"> - <input type="text" value="" class="number"

name="telepon">

<p class="code" >Kode Pos + Telepon</p>

</div>

<button class="grey">Submit</button>

</form>

</div>

3. Source Coding Isi web-page Distri MedanEtnic

(12)

</div>

<h1>Berbagai Jenis</h1>

<h2>Baju & Jaket keren</h2>

</div>

</article>

</div>

<h1>Temukan</h1>

(13)

</div>

</article>

</div>

<h1>Jacket</h1>

<h2>Camouflage</h2>

<p>Desain Militer Yang Keren</p>

</div>

</article>

(14)

</div>

<h1>Black</h1>

<h2>Hoodie Jacket</h2>

<p>Hoodie Polos Keren</p>

</div>

</article>

</div>

(15)

<h1>Jacket</h1>

<h2>Camouflage</h2>

<p>Desain Militer Yang Keren</p>

</div>

</article>

</div>

<a

class="wmuSliderPrev">Previous</a><a class="wmuSliderNext">Next</a>

</ul>

<a

class="wmuSliderPrev">Previous</a><a class="wmuSliderNext">Next</a><ul

class="wmuSliderPagination"><li><a href="#" class="wmuActive">0</a></li><li><a href="#" class="">1</a></li><li><a href="#"

(16)

class="">3</a></li><li><a href="#" class="">4</a></li></ul></div>

<script

src="js/jquery.wmuSlider.js"></script>

src="js/modernizr.custom.min.js"></script>

$('.example1').wmuSlider();

</script>

</div>

<p>Desain Varian Baju Yang Unik-Unik</p>

</div>

<ul>

(17)

</ul>

</div>

<ul>

</span></a><div class="radius"> <img

src="images/radius.png"></div><div class="border hide"><p class="num">1.51K</p></div></li>

</ul>

</div>

<ul>

<li

class="google"><a href="#"><span> </span></a><div class="radius"> <img

</ul>

</div>

<ul>

<li

class="dot"><a href="#"><span> </span></a><div class="radius"> <img

</ul>

(18)

</div>

href="css/style.css">

<?php

$koneksi = mysql_connect("localhost", "root", "") or die("Gagal konek ke server.");

mysql_select_db("project") or die("Gagal membuka database.");

$query1="select * from produk LIMIT 9";

$query = "select * from produk LIMIT 9 ";

$hasil = mysql_query($query, $koneksi) or die("Gagal melakukan query.");

while ($buff = mysql_fetch_array($hasil)) {

?>

<div class="col_1_of_3 span_1_of_3"><a

(19)

<h3

class="m_1"><?php echo $buff['nama_produk']; ?></h3>

<p

class="m_2"><?php echo $buff['sub_nama']; ?></p>

<div class="css3"><img src="<?php echo

$buff['gambar']; ?>" alt="" width="250" height="173"/></div>

<div class="info">Lihat Produk</div>

</div>

<div class="price">Rp.<?php echo

number_format($buff['harga'],"0",".","."); ?></div>

</div>

<input type="radio" class="rating-input" id="rating-input-1-5"

name="rating-input-1">

(20)

(45)

</span>

<li>

<li><a class="active-icon c1" href="aaaaaaa.php">Beli Barang </a>

</li>

(21)

</li>

</ul>

</a></div>

<?php

};

mysql_close($koneksi);

?>

</div>