यहां मैं एक उपयोगी डेटाबेस साझा करने जा रहा हूं जो कि PHP, MYSQL, JQUERY में एसटीडी कोड फाइंडर स्क्रिप्ट के साथ MYSQL और EXCEL में भारत की एसटीडी कोड सूची है।
यदि आप कोई दूरसंचार आधारित वेबसाइट बनाने की योजना बना रहे हैं तो यह आपकी मदद कर सकता है, यहां मेरे पास स्क्रिप्ट के साथ पूर्ण डेटाबेस है, एसटीडी कोड खोजक स्क्रिप्ट में मैंने jQuery ऑटो-पूर्ण सुविधा का उपयोग किया है, आप ट्यूटोरियल पढ़ सकते हैं कि ऑटो-पूर्ण/ऑटो कैसे बनाएं -सुझाव
तो चलिए ट्यूटोरियल शुरू करते हैं
अपनी एचटीएमएल फाइल बनाएं। कुछ सीएसएस और आवश्यक जावास्क्रिप्ट के साथ, jQuery लाइब्रेरी को शामिल करना न भूलें।
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>INDIA, STD Code Finder Script in PHP, MYSQL, JQUERY</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<style>
.ui-autocomplete-loading {
background: white url("img/ui-anim_basic_16x16.gif") right center no-repeat;
}
.ui-autocomplete {
max-height: 300px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;
}
</style>
</head>
<body>
<h3>INDIA, STD Code Finder Script in PHP, MYSQL, JQUERY</h3>
<div class="ui-widget">
<input type="text" id="std" name="std" placeholder="Type city name or std code" style="width:550px;"><br/>
<span style="color:red">* Enter atleast 3 character..!! </span>
</div>
<br/><br/>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#std" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: "request.php",
dataType: "json",
data: {
q: request.term
},
success: function( data ) {
response( data );
}
});
},
minLength: 3,
select: function( event, ui ) {
// do something on select event
console.log(ui.item); // ui.item is responded json from server
},
open: function() {
// D0 something on open event.
},
close: function() {
// Do omething on close event
}
});
});
</script>
</body>
</html> |
डेटाबेस से डेटा लाने के लिए सर्वर फ़ाइल बनाएं और json फॉर्मेट में वापस लौटें।
<?php
$hostname = "localhost";
$username = "username";
$password = "db-password";
$dbname = "database-name";
$q = $_GET['q'];
if(isset($q) || !empty($q)) {
$con = mysqli_connect($hostname, $username, $password, $dbname);
$query = "SELECT * FROM stdcodes WHERE CONCAT(city, ' ', stdcode) LIKE '%$q%'";
$result = mysqli_query($con, $query);
$res = array();
while($resultSet = mysqli_fetch_assoc($result)) {
$res[$resultSet['id']] = $resultSet['city'].", STD-CODE: ".$resultSet['stdcode'];
}
if(!$res) {
$res[0] = 'Not found!';
}
echo json_encode($res);
}
?> |
लाइव डेमो देखने और डेटाबेस के साथ स्रोत कोड डाउनलोड करने के लिए नीचे दिए गए बटन का उपयोग करें।
| डेमो | डाउनलोड करें |
