Click to Call - Jquery with PHP (GUI)
PHP part
<span class="contact_number"><?=$row['contact_no'];?></span>
PHP Jquery part
<script src="js/alertify.js"></script>
<script type="text/javascript">
function reset () {
$("#toggleCSS").attr("href", "css/alertify.default.css");
alertify.set({
labels : {
ok : "OK",
cancel : "Cancel"
},
delay : 5000,
buttonReverse : false,
buttonFocus : "ok"
});
}
</script>
<script type="text/javascript">
$(document).ready(function(){
$('.contact_number').click(function(){
var number = $(this).text();
var res = number.substr(-10);
var option = $('#ext').val();
$.get('http://IP/click2call/cc.php',{num: 0+res, user: option}, function(data){
if(data){
reset();
alertify.success("Dialing 0" +res);
return false;
}else{
reset();
alertify.error("Error Occured!!");
return false;
}
});
});
});
</script>
# is for ID
. is for class
CSS part
#contact_number{
cursor:pointer;
}
.contact_number{
cursor:pointer;
}
<span class="contact_number"><?=$row['contact_no'];?></span>
PHP Jquery part
<script src="js/alertify.js"></script>
<script type="text/javascript">
function reset () {
$("#toggleCSS").attr("href", "css/alertify.default.css");
alertify.set({
labels : {
ok : "OK",
cancel : "Cancel"
},
delay : 5000,
buttonReverse : false,
buttonFocus : "ok"
});
}
</script>
<script type="text/javascript">
$(document).ready(function(){
$('.contact_number').click(function(){
var number = $(this).text();
var res = number.substr(-10);
var option = $('#ext').val();
$.get('http://IP/click2call/cc.php',{num: 0+res, user: option}, function(data){
if(data){
reset();
alertify.success("Dialing 0" +res);
return false;
}else{
reset();
alertify.error("Error Occured!!");
return false;
}
});
});
});
</script>
# is for ID
. is for class
CSS part
#contact_number{
cursor:pointer;
}
.contact_number{
cursor:pointer;
}
Comments
Post a Comment