diff --git a/css/order.css b/css/order.css index b79bd3369bba25e52ecddd8fa0c7b22a154c6aad..c78640715ed9bc0fc7864ff8e3a5662dd7192bc3 100755 --- a/css/order.css +++ b/css/order.css @@ -42,12 +42,15 @@ margin: 5px 0px 5px 0px; } +.content > div div { + display: inline; +} .content > div > span { float: left; } .content > div > input[type="text"] { - width: 200px; + width: 100px; float: right; } diff --git a/order/order.php b/order/order.php index fef8dc16bd8d72ad6e07fce6aa31df11c39dc53d..e9e8bbd77110ac9e06420403ff11096b28cd4a78 100644 --- a/order/order.php +++ b/order/order.php @@ -30,23 +30,17 @@ <h1>Make an Order</h1> <div class="submenu_container"> - <a href="order/select_location.html"> - <div class="submenu left"> - Select Destination - </div> - </a> - - <a id="xxx"> - <div class="submenu mid" id="xxx"> - Select a Driver - </div> - </a> + <div class="submenu left" onclick="showSelectDest()"> + Select Destination + </div> + + <div class="submenu mid" onclick="showSelectDriver()"> + Select a Driver + </div> - <a href="order/complete_order.html"> - <div class="submenu right"> - Complete Order - </div> - </a> + <div class="submenu right" onclick="showCompleteOrder()"> + Complete Order + </div> </div> <form method="post"> <div class="content" id="select_destination"> @@ -64,7 +58,7 @@ <input type="text" name="preferred_driver"> </div> </div> - <div class="button green" id="next"> + <div class="button green" id="next" onclick="showSelectDriver()"> Next </div> </div> @@ -89,14 +83,23 @@ </div> <script type="text/javascript"> - var element = document.getElementById('next'); - // element.onclick = function () { - // alert('hi'); - // }; - element.onclick = function () { - document.getElementById('select_destination').style.display='none'; - document.getElementById('select_driver').style.display='inline'; - } + function showSelectDest() { + document.getElementById('select_destination').style.display= 'inline'; + document.getElementById('select_driver').style.display= 'none'; + document.getElementById('complete_order').style.display= 'none'; + }; + + function showSelectDriver() { + document.getElementById('select_driver').style.display= 'inline'; + document.getElementById('select_destination').style.display= 'none'; + document.getElementById('complete_order').style.display= 'none'; + }; + + function showCompleteOrder() { + document.getElementById('complete_order').style.display='inline'; + document.getElementById('select_destination').style.display= 'none'; + document.getElementById('select_driver').style.display= 'none'; + }; </script> </body> </html> diff --git a/order/show_drivers.php b/order/show_drivers.php new file mode 100644 index 0000000000000000000000000000000000000000..7a9ce35739f88a6cf18774724f1da2112a188181 --- /dev/null +++ b/order/show_drivers.php @@ -0,0 +1,5 @@ +<?php + include '../database/dbconnect.php'; + + +?> \ No newline at end of file