Skip to main content

Get Google Calendar Event List in WordPress

<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,
Post a Comment

jQuery

var JQ = jQuery.noConflict();
 JQ('.fancybox-iframe').find('#login-form').css({'display':'none'});
   JQ('.fancybox').fancybox();
    JQ(".childMilistone a").on("click",function(){
     JQ.fancybox.showLoading();
     var values = JQ(this).attr('data-role');
var goal= JQ(this).attr('data-goal');
     JQ.ajax({
            url: "<?php echo  JUri::base();?>index.php",
            type: "post",
            data: {pageajax:true,task:'milistoneall',id:values},
            success: function(data){
                JQ.fancybox.hideLoading();
                if(data){
JQ("#textfield").html('<input type="text" placeholder="Enter The Task" name="addtask"  data-goal="' + goal + '"  data-mile="' + values + '" id="addtask" onkeypress="runScript(event)">');
                    JQ("#task").empty().html(data);  
                }
            },
            error:function(){
                 JQ.fancybox.hideLoading();
                alert("failure");
            }
        });
    })  


********************************************************

Jquery each function get the all values of text field value and id.
<div class='rightMainBg'>
<li class="order">
<input type="text" value="samrat"  maxlength="3" id="1" name="ddd"/>
</li>
<li class="order">
<input type="text" value="sangram"  maxlength="3" id="2" name="ddad"/>
</li>
<li class="order">
<input type="text" value="tutu"  maxlength="3" id="3" name="ddds"/>
</li>
<li class="order">
<input type="text" value="sachi"  maxlength="3" id="4" name="ddda"/>
</li>
</div>

<a href="javascript:void(0);" onclick="getname()">Click</a>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
function getname()
{
var exeOrderId="";
$('.rightMainBg .order').each(function(index,value)
{
exeOrderId=exeOrderId+$($(value).children()[0]).val()+",";
alert(exeOrderId);
var id=$(value).children().attr('id');
alert(id)
});
}
</script>

**************************************

nth children demo



<!doctype html>







<html lang="en">







<head>







  <meta charset="utf-8">







  <title>nth-child demo</title>







  <style>







  button {







    display: block;







    font-size: 12px;







    width: 100px;







  }







  div {







    float: left;







    margin: 10px;







    font-size: 10px;







    border: 1px solid black;







  }







  span {







    color: blue;







    font-size: 18px;







  }







  #inner {







    color: red;







  }







  td {







    width: 50px;







    text-align: center;







  }







  </style>







  <script src="//code.jquery.com/jquery-1.10.2.js"></script>







</head>







<body>







 







<div>







  <button>:nth-child(even)</button>







  <button>:nth-child(odd)</button>







  <button>:nth-child(3n)</button>







  <button>:nth-child(2)</button>







</div>







<div>







  <button>:nth-child(3n+1)</button>







  <button>:nth-child(3n+2)</button>







  <button>:even</button>







  <button>:odd</button>







</div>







 







<div>







  <table>







    <tr><td>John</td></tr>







    <tr><td>Karl</td></tr>







    <tr><td>Brandon</td></tr>







    <tr><td>Benjamin</td></tr>







  </table>







</div>







<div>







  <table>







    <tr><td>Sam</td></tr>







  </table>







</div>







<div>







  <table>







    <tr><td>Glen</td></tr>







    <tr><td>Tane</td></tr>







    <tr><td>Ralph</td></tr>







    <tr><td>David</td></tr>







    <tr><td>Mike</td></tr>







    <tr><td>Dan</td></tr>







  </table>







</div>







 







<span>tr<span id="inner"></span></span>







 







<script>







$( "button" ).click(function() {







  var str = $( this ).text();







  $( "tr" ).css( "background", "white" );







  $( "tr" + str ).css( "background", "#ff0000" );







  $( "#inner" ).text( str );







});







</script>







 







</body>







</html>



 



*********************************************************



 



append some div any class name



 



$(document).ready(function(){

$('.add').append('<input/>');
})
 



*************************************************************



 



 

Comments

Post a Comment

Popular posts from this blog

Create post with all post type

<?php /* add_action( 'wp_enqueue_scripts', 'mpcth_child_enqueue_scripts', 1000 ); function mpcth_child_enqueue_scripts() { wp_enqueue_style( 'mpc-styles-child', get_stylesheet_directory_uri() . '/style_custom.css' ); } */ function registration_form( $username, $fname, $lname, $email, $password, $confirm_password, $account_type, $distict_city, $school_name ,$school_address, $school_type, $grade_level, $invcode ) { ?>     <style>       /* Always set the map height explicitly to define the size of the div        * element that contains the map. */     #map {     height: 260px; }     </style>   <script> function initMap() {     var map = new google.maps.Map(document.getElementById('map'), {       center: {lat: -33.8688, lng: 151.2195},       zoom: 13     });     var input = document.getElementById('searchInput');    // map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);    
Post a Comment
Read more

Create Signature pad with save on database in php

Create Signature pad with save on database in php 1.create a folder images index.php ============   <!DOCTYPE >     <head>     <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />     <title>Signature Pad</title>     <script type="text/javascript" src="jquery-1.8.0.min.js"></script>     <script type="text/javascript"> $(document).ready(function () {     /** Set Canvas Size **/     var canvasWidth = 400;     var canvasHeight = 100;     /** IE SUPPORT **/     var canvasDiv = document.getElementById('signaturePad');     canvas = document.createElement('canvas');     canvas.setAttribute('width', canvasWidth);     canvas.setAttribute('height', canvasHeight);     canvas.setAttribute('id', 'canvas');     canvasDiv.appendChild(canvas);     if (typeof G_vmlCanvasManager != 'undefined') {        
28 comments
Read more

WooCommerce Mini cart With Ajax

WooCommerce Mini cart //MINI CART SECTION   <div class="productdiv rightcart">                                                         <?php if ( ! WC()->cart->is_empty() ) : ?>     <ul class="woocommerce-mini-cart cart_list product_list_widget <?php echo esc_attr( $args['list_class'] ); ?>">         <?php             do_action( 'woocommerce_before_mini_cart_contents' );             foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {                 $_product     = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );                 $product_id   = apply_filters( 'woocommerce_cart_item_product_id', $cart_item['product_id'], $cart_item, $cart_item_key );                 if ( $_product && $_product->exists() && $cart_item['quantity'] > 0 && apply_filters( 'woocommerce_widget_c
Post a Comment
Read more