<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, ...
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
//$('.active').removeClass('active');
$('.demo').click(function(event) {
$(this).toggleClass('active');
});
$(".arrow").click(function(event) {
$(this).toggleClass("rotate");
});
});
</script>
<style>
.active{
color:red !important;
font-size:50px;
}
.demo
{
color:green;
font-size:50px;
}
.rotate {
position: fixed;
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
}
</style>
<a href="#" class="demo" >toggleClass</a>
<div class="arrow"> <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcS3IXAGB__THY796JhoIJq3Bzzai4LVScnqPemACJ4pRXaVmvaC"> </div>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
//$('.active').removeClass('active');
$('.demo').click(function(event) {
$(this).toggleClass('active');
});
$(".arrow").click(function(event) {
$(this).toggleClass("rotate");
});
});
</script>
<style>
.active{
color:red !important;
font-size:50px;
}
.demo
{
color:green;
font-size:50px;
}
.rotate {
position: fixed;
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
}
</style>
<a href="#" class="demo" >toggleClass</a>
<div class="arrow"> <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcS3IXAGB__THY796JhoIJq3Bzzai4LVScnqPemACJ4pRXaVmvaC"> </div>
Comments
Post a Comment