Silahkan download dan edit sesuai kebutuhan, untuk link demo dapat dilihat pada link di artikel bagian bawah.
Lanjut dari post sebelumnya di bagian pertama kita telah mempelajari cara kerja pencarian domain pada PHP, di bagian ini kita akan membuat program sederhana pencarian domain yang mudah dan cepat dengan PHP - Ajax JQuery
Disini kita akan menggunakan Bootstrap 3 untuk template nya, kalau sobat belum mempunyai source bootstrap silahkan download di http://getbootstrap.com
Untuk mempercantik tampilan kita bisa gunakan CSS Bootstrap dari https://wrapbootstrap.com
timpakan CSS Bootstrap dari Wrap bootstrap ke CSS Bootstrap yang sudah di ekstrak pada localhost
Pada tutorial ini saya langsung saya copy kan script yang saya tulis kemarin2 dengan bahasa inggris amburadul yang mau saya posting ke blog tinaken.com, jadi kalau sobat ingin mengikuti silahkan copy script pada artikel ini atau kalau sobat malas menulisnya bisa ambil saja script nya.
Demo | Download
Password : sirojadab
Pertama kita buat tampilan index.php :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Siro Jadab | Domain Checker</title>
<link href="dist/css/bootstrap.css" rel="stylesheet">
<link href="dist/css/custom.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#check").keyup(function(){
$.ajax({
type: "POST",
url: "domain.php",
data:'domain='+$(this).val(),
beforeSend: function(){
$("#check").css("background","#FAF2CC");
$("#loader").show();
},
success: function(data){
$("#result").show();
$("#result").html(data);
$("#check").css("background","#FFF");
$("#res").show();
$("#loader, #pane").hide();
}
});
});
});
</script>
</head>
<body>
<div class="container mt50">
<div class="well well-lg">
<div class="row">
<div class="col-lg-12">
<h1 class="tes" >Siro Domain Search,</h1>
<p>Get instanly your domain name..</p>
<div class="input-group">
<input id="check" type="text" class="form-control" placeholder="Search your perfect name...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Auto Search!</button>
</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div id="loader"><!-- loader --></div>
<div id="pane" class="panel panel-default">
<div class="panel-heading">Siro Domain Checker</div>
<div class="panel-body">
<p>This script based on PHP 5 native</p>
<p>Some result not become real avability domain because this script use gethostbyname()</p>
<p>or you can use checkdnsrr() for same action</p>
<p>If you want to build for commercial use try to check domain with call action from host like ican etc.</p>
<br>
<p>Thanks for visited,</p>
<p>Pitaken.com</p>
</div>
</div>
<table id="res" class="table table-striped table-hover ">
<thead>
<tr>
<th>Domain Name</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody id="result"><!-- Results here --></tbody>
</table>
</div>
<div class="col-md-4">
<div class="list-group">
<div class="list-group-item">
<h4 class="list-group-item-heading">Tips</h4>
<p class="list-group-item-text">
For real search domain name you can use search call from host but maybe its slow than this method
<br><br>
Siro Domain Checker is basic script on PHP 5, Sometime you can get your idea from simple case,
<br>
I hope this script usefull for you.
</p>
</div>
</div>
</div>
</div>
<div class="footer">
<hr><center>2016 © Siro Jadab</center>
</div>
</div>
<script src="dist/js/bootstrap.js"></script>
</body>
</html>
Lalu buat CSS sendiri, disini saya beri nama custom.css dalam folder dist :
.mt50 {
margin-top: 50px;
}
#loader {
display: none;
position: absolute;
left: 50%;
top: 100px;
z-index: 1;
width: 98px;
height: 98px;
margin: -75px 0 0 -75px;
background: url('../../loader.gif') no-repeat;
}
#res {
display: none;
}
Terakhir script PHP nya saya beri nama domain.php yang dipanggil oleh JQuery Ajax untuk melakukan pencarian domain dengan metode post :
<?php
if (!empty($_POST["domain"])) {
$gltd = array('.com', '.net', '.org', '.id', '.co.id', '.info', '.web.id');
$name = $_POST['domain'];
$cleanSpace = preg_replace('/\s+/', '', $name);
$cleanLtd = array_shift(explode('.', $cleanSpace));
$lowerCase = strtolower($cleanLtd);
foreach ($gltd as $ltd) {
$domain = $lowerCase.$ltd;
if (gethostbyname($domain) != $domain) {
echo "<tr class='warning'>
<td>".$domain."</td>
<td><span class='label label-warning'>Not Avaible</span></td>
<td><a href='https://who.is/whois/".$domain."' target='_blank'>Whois</a></td>
</tr>";
} else {
echo "<tr class='success'>
<td>".$domain."</td>
<td><span class='label label-success'>Avaible</span></td>
<td><a href='https://godaddy.com/domains/searchresults.aspx?checkAvail=1&domainToCheck=".$domain."' target='_blank'>Buy</a></td>
</tr>";
}
}
}
?>
Mari kita bahas satu persatu script PHP di atas,
- Variabel gltd berisikan array untuk ekstensi domain
- Variabel name berisi inputan bertipe Post dari index.php
- Variabel cleanSpace untuk membersihkan spasi dari masukan user
- Variabel cleanLtd untuk menghapus semua karakter setelah tanda titik "." maksudnya agar menghapus ekstensi domain kalau saja user memasukan pencarian dengan ekstensinya
- Variabel lowerCase hanya untuk merubah semua karakter menjadi kecil, berguna kalau misal user memasukan data dengan huruf besar.. walaupun sebenarnya tidak mempengaruhi pencarian domain.
Baik sampai disini tutorial Cara Membuat Domain Checker, kalau ada yang perlu di pertanyakan silahkan bertanya.
Saya sangat berharap sobat meninggalkan komentar untuk post saya,
selain menambah semangat saya untuk mengisi blog ini juga sebagai silaturahmi.
Ok Terimakasih,
Semoga Bermanfaat
Demo | Download
Password : sirojadab
sangat bermanfaat sekali min, terima-kasih.
BalasHapus