diff --git a/css/order_ojek.css b/css/order_ojek.css
deleted file mode 100644
index fd7077508e15ce0954293426a456f3ad5416a693..0000000000000000000000000000000000000000
--- a/css/order_ojek.css
+++ /dev/null
@@ -1,193 +0,0 @@
-.mainHeader {
-	width: 500px;
-	height: 50px;
-}
-
-.header1 {
-		float: left;
-}
-
-.header2 {
-		float: right;
-		font-family: "Trebuchet MS";
-}
-
-.header3 {
-		float: left;
-		font-family: "Trebuchet MS";
-		font-size: 24px;
-}
-
-.title {
-	font-family: "Hoefler Text";
-	font-size: 31px;
-	font-weight: bold;
-	color: black;
-	height: 27px;
-}
-
-.title.red {
-	color: #cb0a1d;
-}
-
-.title.green {
-	color : #066422;
-}
-
-.subtitle {
-	color: #4f9500;
-	font-size: 16px;
-}
-
-.username {
-	padding-top: 10px;
-}
-
-.username.bold {
-	font-weight: bold;
-}
-
-.logout {
-	text-align: right;
-	text-decoration: underline;
-	color: blue;
-}
-
-.menu{
-	margin: 10px;
-	width: 165px;
-	height: 45px;
-	display: table-cell;
-	border: 1px solid black;
-	text-align: center;
-	vertical-align: middle;
-	line-height: 45px;
-	font-family: "Trebuchet MS";
-	font-weight: bold;
-	font-size: 24px;
-}
-
-.menu:hover {
-	background-color: #3a563f;
-	color: white;
-}
-
-.menu.active {
-	background: #3a563f;
-	border: 1px solid #253828;
-	color: white;	
-}
-
-.contentBox {
-    width: 550px;
-    height: 480px;
-    margin: 0 auto;
-    background: white;
-}
-
-h1 {
-	color: #494949;
-	font-size: 35px;
-	font-family: "Trebuchet MS";
-	margin-top: 10px;
-	margin-bottom: 15px;
-}
-
-.stepBox {
-	color: #414141;
-	display: inline-block;
-	border: 1px solid black;
-	width: 135px;
-	height: auto;
-	padding: 3px;
-	margin-right: 30px;
-	margin-bottom: 30px;
-	font-family: "Arial";
-	font-size: 15px;
-}
-
-.stepBox.active {
-	background: #ffff97;
-}
-
-.number { 
-	width: 30px;
-	height: 30px;
-	border-radius: 50%;
-	font-size: 20px;
-	color: black;
-	line-height: 30px;
-	text-align: center;
-	background: #d1d1d1;
-	float: left;
-	margin: 5px;
-	margin-right: 8px;
-}
-
-.step {
-	margin: 2px;
-}
-
-.form {
-	width: 450px;
-	display: table;
-	margin-left: 10px;
-}
-
-.formBox {
-	width: 470px;
-}
-
-.labelBox {
-	float: left;
-	clear: left;
-	margin: 10px;
-	font-family: Arial;
-	color: #414141;
-	font-size: 20px;
-}
-
-.inputBox {
-	width: 250px;
-	height: 25px;
-	float: right;
-	clear: right;
-	margin: 2px;
-	font-size: 17px;
-}
-
-.roundedBox {
-	color: #414141;
-	display: inline-block;
-	border-radius: 10px;
-	border: 1px solid black;
-	width: 500px;
-	padding: 3px;
-	margin-right: 30px;
-	margin-bottom: 30px;
-	font-family: "Arial";
-	font-size: 15px;
-}
-
-.roundedBox.preferred {
-	height: 100px;
-}
-
-.roundedBox.others {
-	height: 400px;
-}
-
-input[type=submit] {
-	display: table;
-	margin: 0 auto;
-	margin-top: 185px;
-	cursor: pointer;
-	width: 110px;
-	height: 50px;
-	border-radius: 10px;
-	border: 1px solid black;
-	background: #82d504;
-	font-size: 22px;
-	font-weight: bold;
-	font-family: Garamond;
-}
\ No newline at end of file
diff --git a/css/orderojek.css b/css/orderojek.css
index fd7077508e15ce0954293426a456f3ad5416a693..e1e1d979ebc36c1b65b4de6d120f85dd118bd237 100644
--- a/css/orderojek.css
+++ b/css/orderojek.css
@@ -18,6 +18,12 @@
 		font-size: 24px;
 }
 
+.header3.paragraph {
+		font-size: 18px;
+		float: middle;
+		color: grey;
+}
+
 .title {
 	font-family: "Hoefler Text";
 	font-size: 31px;
diff --git a/js/order.js b/js/order.js
index 3a635d5074a2644718f6266bf75d5568e5284bc3..6e7f7c32a746242f915b8d6440ce4d5a9a7f0210 100644
--- a/js/order.js
+++ b/js/order.js
@@ -7,6 +7,12 @@ function next1(){
 		benar = (x.elements[i].value !== "");
 	}
 	if (benar){
+		var pick = x.elements[0].value;
+		var destiny = x.elements[1].value;
+		var prefer_driver = x.elements[x.length-2].value;
+		var xmlhttp = new XMLHttpRequest();
+		xmlhttp.open("GET", "order.php?pick="+pick+"&destiny="+destiny+"&prefer_driver="+prefer_driver);
+		xmlhttp.send();
 		document.getElementById('box_aktif').innerHTML =
 		'<div class="stepBox">' +
 			'<div class="number">1</div>' +
@@ -22,6 +28,10 @@ function next1(){
 		'</div>' +
 		'<div class="roundedBox preferred">' +
 			'<span class="header3"><b>PREFERRED DRIVERS:</b></span>' +
+			'<br><br>' +
+			'<span class="header3 paragraph">' +
+			(prefer_driver === "" ? "NOTHING TO DISPLAY :(" : prefer_driver) +
+			'</span>' +
 		'</div>' +
 		'<div class="roundedBox others">'+
 			'<span class="header3"><b>OTHER DRIVERS:</b></span>' +