<a href="https://console.cloud.google.com/apis/credentials">Get Your Api Credentials Here</a> <a href="https://calendar.google.com/calendar">Get your Calender ID</a> <?php include_once("wp-load.php"); function get_calender_events() { $params = array(); /*Get current date*/ $current_date = date('Y-m-d H:i:s'); /*Convert it to google calendar's rfc_format */ $rfc_format = date("c", strtotime($current_date)); $params[] = 'orderBy=startTime'; $params[] ='maxResults=100'; $params[] = 'timeMin='.urlencode($rfc_format); $url_param = ''; foreach($params as $param) { $url_param.= '&'.$param; } $calender_id = "calender_id"; $client_key = "client_key"; $url = "https://www.googleapis.com/calendar/v3/calendars/".$calender_id."/events?key=".$client_key."&singleEvents=true".$url_param; $list_events = wp_remote_post($url, ...
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
<link rel=stylesheet href="http://static.thomasjbradley.ca/signature-pad/jquery.signaturepad.css">
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>-->
<script src="http://static.thomasjbradley.ca/signature-pad/jquery.signaturepad.min.js"></script>
<script>
$(document).ready(function () {
$('.sigPad').signaturePad();
});
</script> <script src="http://static.thomasjbradley.ca/signature-pad/json2.min.js"></script>
<script>
function submitform(){
var data={};
$(".formel").each(function(index){
if($(this).val()==""){
$(this).focus();
alert("Please fill"+$(this).attr("name"));
return false;
}
var parm=$(this).attr("name");
data[parm] =$(this).val();
});
data["signature"]=$("#sig1").val();
$('.sigPad').signaturePad({displayOnly:true}).regenerate($("#sig1").val());
$.ajax({
type: "POST",
url: "webapi.php",
data:data,
success:function(){console.log("success")},
failure:function(){}
});
}
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>My Title</h1>
</div><!-- /header -->
<div data-role="content">
<form>
<div data-role="fieldcontain">
<label for="name" >Name:</label>
<input type="text" name="name" id="name" value="" class="formel">
</div>
<div data-role="fieldcontain">
<label for="roll" >Roll:</label>
<input type="text" name="roll" id="roll" value="" class="formel" >
</div>
<div class="sigPad">
<p class="drawItDesc">Draw your signature</p>
<ul class="sigNav">
<li class="drawIt"><a href="#draw-it">Draw It</a></li>
<li class="clearButton"><a href="#clear">Clear</a></li>
</ul>
<div class="sig sigWrapper">
<div class="typed"></div>
<canvas class="pad" width=198 height=55></canvas>
<input type="hidden" name="output" class="output" id="sig1">
</div>
</div>
<div class="sigPad signed">
<div class="sigWrapper">
<div class="typed" style="display: none;"></div>
<canvas class="pad" width="198" height="55"></canvas>
</div>
</div>
<a data-role="button" onclick="submitform();">submit</a>
</form>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
<link rel=stylesheet href="http://static.thomasjbradley.ca/signature-pad/jquery.signaturepad.css">
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>-->
<script src="http://static.thomasjbradley.ca/signature-pad/jquery.signaturepad.min.js"></script>
<script>
$(document).ready(function () {
$('.sigPad').signaturePad();
});
</script> <script src="http://static.thomasjbradley.ca/signature-pad/json2.min.js"></script>
<script>
function submitform(){
var data={};
$(".formel").each(function(index){
if($(this).val()==""){
$(this).focus();
alert("Please fill"+$(this).attr("name"));
return false;
}
var parm=$(this).attr("name");
data[parm] =$(this).val();
});
data["signature"]=$("#sig1").val();
$('.sigPad').signaturePad({displayOnly:true}).regenerate($("#sig1").val());
$.ajax({
type: "POST",
url: "webapi.php",
data:data,
success:function(){console.log("success")},
failure:function(){}
});
}
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>My Title</h1>
</div><!-- /header -->
<div data-role="content">
<form>
<div data-role="fieldcontain">
<label for="name" >Name:</label>
<input type="text" name="name" id="name" value="" class="formel">
</div>
<div data-role="fieldcontain">
<label for="roll" >Roll:</label>
<input type="text" name="roll" id="roll" value="" class="formel" >
</div>
<div class="sigPad">
<p class="drawItDesc">Draw your signature</p>
<ul class="sigNav">
<li class="drawIt"><a href="#draw-it">Draw It</a></li>
<li class="clearButton"><a href="#clear">Clear</a></li>
</ul>
<div class="sig sigWrapper">
<div class="typed"></div>
<canvas class="pad" width=198 height=55></canvas>
<input type="hidden" name="output" class="output" id="sig1">
</div>
</div>
<div class="sigPad signed">
<div class="sigWrapper">
<div class="typed" style="display: none;"></div>
<canvas class="pad" width="198" height="55"></canvas>
</div>
</div>
<a data-role="button" onclick="submitform();">submit</a>
</form>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>
I want to say thanks to you. I have bookmark your site for future updates.
ReplyDeleteসেরা বাজেটের মোবাইল