Friday 17 November 2017

Converting Timestamp to time ago in PHP e.g 1 day ago, 1 year ago

Converting Timestamp to time ago in PHP e.g 1 day ago, 1 year ago

 

Hello Here Example of set up time as human readable formate in php

<?php
function time_elapsed_string($datetime, $full = false) {
    $now = new DateTime;
    $ago = new DateTime($datetime);
    $diff = $now->diff($ago);

    $diff->w = floor($diff->d / 7);
    $diff->d -= $diff->w * 7;

    $string = array(
        'y' => 'year',
        'm' => 'month',
        'w' => 'week',
        'd' => 'day',
        'h' => 'hour',
        'i' => 'minute',
        's' => 'second',
    );
    foreach ($string as $k => &$v) {
        if ($diff->$k) {
            $v = $diff->$k . ' ' . $v . ($diff->$k > 1 ? 's' : '');
        } else {
            unset($string[$k]);
        }
    }

    if (!$full) $string = array_slice($string, 0, 1);
    return $string ? implode(', ', $string) . ' ago' : 'just now';
}
echo date('Y-m-d H:i:s');
echo "<br/>";
echo time_elapsed_string('2017-11-17 11:36:00',true);
echo "<br/>";
echo time_elapsed_string('@1367367755'); # timestamp input
echo "<br/>";
echo time_elapsed_string('2013-05-01 00:22:35', true);
echo "<br/>";
?>



Wednesday 1 November 2017

only number or letter input in textbox using jquery example

only number or letter input in textbox using jquery example

you can set using this id and class name 

this example for if you want to input onlu number or letter other you can not enter this 

Please check this example
<script type="application/javascript">
$("input[name=number]").keydown(function (e) {

        // Allow: backspace, delete, tab, escape, enter and .
        if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
             // Allow: Ctrl+A, Command+A
            (e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true)) ||
             // Allow: home, end, left, right, down, up
            (e.keyCode >= 35 && e.keyCode <= 40)) {
                 // let it happen, don't do anything
                 return;
        }
        // Ensure that it is a number and stop the keypress
        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
            e.preventDefault();
        }
    });


// only letter input using jquery

$("input[name=letter]").on("keydown", function(event){
  // Allow controls such as backspace, tab etc.
  var arr = [8,9,16,17,20,35,36,37,38,39,40,45,46];

  // Allow letters
  for(var i = 65; i <= 90; i++){
    arr.push(i);
  }

  // Prevent default if not in array
  if(jQuery.inArray(event.which, arr) === -1){
    event.preventDefault();
  }
});

</script>

<input type="text" name="number" placeholder="only number input" />
<input type="text" name="letter" placeholder="only letter input" />

Thursday 26 October 2017

PHP multidimensional array search by value and get array value

PHP multidimensional array search by value and get array value 

Hell here exmple of array search in multidinsional
see the array you can get array key of multidensional and get value using array

check this out put

Array
(
    [0] => Array
        (
            [typeid] => 1
            [typename] => Enveloppe
            [max_kg] => 0.30
            [isactive] => 1
            [isdelete] => 0
        )

    [1] => Array
        (
            [typeid] => 2
            [typename] => Documents
            [max_kg] => 2.00
            [isactive] => 1
            [isdelete] => 0
        )

    [2] => Array
        (
            [typeid] => 3
            [typename] => Colis
            [max_kg] => 300.00
            [isactive] => 1
            [isdelete] => 0
        )

)
 
$new_type_id = array_combine(array_keys($get_row_msttype), array_column($get_row_msttype, 'typename'));
      $search_typeid = array_search('Enveloppe', $new_type_id);
      
      if(is_int($search_typeid)){
       $typeid =  $get_row_msttype[$search_typeid]['typeid']; // you can get value using array value here
      }else{
       $typeid = '';
      }
      
      echo $typeid; 

Tuesday 24 October 2017

Google Translate using javascript english to french without select value from dropdown on page load



Google Translate using javascript english to french without select value from dropdown on page load

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>

<style>
#google_translate_element{width:300px;float:right;text-align:right;display:block}
.goog-te-banner-frame.skiptranslate { display: none !important;}
body { top: 0px !important; }
#goog-gt-tt{display: none !important; top: 0px !important; }
.goog-tooltip skiptranslate{display: none !important; top: 0px !important; }
.activity-root { display: hide !important;}
.status-message { display: hide !important;}
.started-activity-container { display: hide !important;}
#google_translate_element{ display: none !important;}
</style>
<div id="google_translate_element"></div>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({ 
    
  includedLanguages: 'fr',
      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
    }, 'google_translate_element');

var lang = 'French';
var $frame = $('.goog-te-menu-frame:first');
console.log($frame.contents().find('.goog-te-menu2-item span.text:contains('+lang+')').click());

  }
</script>








Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Saturday 16 September 2017

Create parking using jquery ui draggable and droppable

Create parking using jquery ui draggable and droppable

Create parking using jquery ui draggable and droppable


<!doctype html>
<html lang="en">
<head>
<title>Society Parking</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="parking.css">
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>

<script type="application/javascript">
$( init );

function init() {



// Ajax Loader
$(document).bind("ajaxStart.mine", function() {

$('.se-pre-con').css("display","block");
});

$(document).bind("ajaxStop.mine", function() {

$('.se-pre-con').css("display","none");
});
// End Ajax Loader

// User draggable event
$(".ui-draggable").draggable({ cursor: "crosshair", revert: "invalid"});



// User droppable event
$("#cardSlots div").droppable({ accept: ".ui-draggable",
           drop: function(event, ui) {
var dropped = ui.draggable;
var droppedOn = $(this);
          

    if($( this ).hasClass('over')==false){
$(".ui-draggable").draggable({ cursor: "crosshair", revert: "invalid"}); // drop element can drag it
$(this).addClass("over"); // drop box add over class

// this code remove prvious element (last drop element data)
if($(ui.draggable).attr('previousid')!=undefined){

var previousid  = "#"+$(ui.draggable).attr('previousid');

$(previousid).removeClass("over");
 
var member = $(ui.draggable).attr('data-userid');
var flat = $(ui.draggable).attr('data-flat');
var hidden_blockid = $(ui.draggable).attr('data-block');
var hidden_parkind =  $(previousid).attr('data-parkid');
var left_p = $(ui.draggable).css('left');
var top_p = $(ui.draggable).css('top');
//alert(top_p);
var flag = "1";




/*$.ajax({
url:"",
type:"POST",
data:{member:member,flat:flat,hidden_blockid:hidden_blockid,hidden_parkind:hidden_parkind,left_p:left_p,top_p,top_p,flag:flag},
success: function(res){
var t = $.parseJSON(res);
//alert(t['message']);

}
});*/
 
}
// Ends


// this for delete previous element data
var ids =  $(this).attr('id'); // get id
$(ui.draggable).attr('previousid',ids); // set id

     ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } ); 

  // this code insert current parking element

var member = $(ui.draggable).attr('data-userid');
  var flat = $(ui.draggable).attr('data-flat');
  var hidden_blockid = $(ui.draggable).attr('data-block');
  var hidden_parkind =  $(this).attr('data-parkid');
  var left_p = $(ui.draggable).css('left');
   var top_p = $(ui.draggable).css('top');
var park_drop = ids;
  
/*$.ajax({
url:"",
type:"POST",
data:{member:member,flat:flat,hidden_blockid:hidden_blockid,hidden_parkind:hidden_parkind,left_p:left_p,top_p,top_p,park_drop:park_drop},
success: function(res){
var t = $.parseJSON(res);
//alert(t['message']);

}

});*/
//ends




}else{

$(".ui-draggable").draggable({ cursor: "crosshair", revert: true});

$("#cardPile").droppable({ accept: ".ui-draggable", drop: function(event, ui) {
console.log("drop");

var dropped = ui.draggable;
var droppedOn = $(this);
//$(dropped).detach().css("position","relative").appendTo(droppedOn);     
$(dropped).removeAttr('style');
$(dropped).css("position","relative");
var imageUrl = $(dropped).attr('data-image');
$(dropped).css('background-image', 'url(' + imageUrl + ')');
$(dropped).css(' background-repeat', 'no-repeat');
$(dropped).css('background-size', '55px 86px');
var left_posion =  $(this).attr('data-left_pos');
   var top_posion =  $(this).attr('data-top_pos');
  
   if(left_posion!=''&&top_posion!=''){
    $(this).css('left', left_posion);
$(this).css('top', top_posion);
  }
 
 
if($(ui.draggable).attr('previousid')!=undefined){

var previousid  = "#"+$(ui.draggable).attr('previousid');

$(previousid).removeClass("over");

var member = $(ui.draggable).attr('data-userid');
var flat = $(ui.draggable).attr('data-flat');
var hidden_blockid = $(ui.draggable).attr('data-block');
var hidden_parkind =  $(previousid).attr('data-parkid');
var left_p = $(ui.draggable).css('left');
var top_p = $(ui.draggable).css('top');
//alert(top_p);
var flag = "1";




/*$.ajax({
url:"",
type:"POST",
data:{member:member,flat:flat,hidden_blockid:hidden_blockid,hidden_parkind:hidden_parkind,left_p:left_p,top_p,top_p,flag:flag},
success: function(res){
var t = $.parseJSON(res);
//alert(t['message']);

}
});*/

}


},


});

}
           
            
                },
over: function(event, ui) {},

                  out: function(event, ui) {}
                     });

// this code after set data in parking the goto prvious position (set for user display list)
$("#cardPile").droppable({ accept: ".ui-draggable", drop: function(event, ui) {
console.log('drop sucess');

var dropped = ui.draggable;
var droppedOn = $(this);

$(dropped).removeAttr('style');

$(dropped).css("position","relative");

var imageUrl = $(dropped).attr('data-image');
$(dropped).css('background-image', 'url(' + imageUrl + ')');
$(dropped).css(' background-repeat', 'no-repeat');
$(dropped).css('background-size', '55px 86px');

if($(ui.draggable).attr('previousid')!=undefined){

var previousid  = "#"+$(ui.draggable).attr('previousid');

$(previousid).removeClass("over");

var member = $(ui.draggable).attr('data-userid');
var flat = $(ui.draggable).attr('data-flat');
var hidden_blockid = $(ui.draggable).attr('data-block');
var hidden_parkind =  $(previousid).attr('data-parkid');
var left_p = $(ui.draggable).css('left');
var top_p = $(ui.draggable).css('top');
//alert(top_p);
var flag = "1";




/*$.ajax({
url:"",
type:"POST",
data:{member:member,flat:flat,hidden_blockid:hidden_blockid,hidden_parkind:hidden_parkind,left_p:left_p,top_p,top_p,flag:flag},
success: function(res){
var t = $.parseJSON(res);
//alert(t['message']);

}
});*/

}

$(ui.draggable).removeAttr('previousid');



}


});

// set background image to all userlist box
$(".profileimg").each(function(index, element) {
var imageUrl =   $(this).attr('data-image');
$(this).css('background-image', 'url(' + imageUrl + ')');
$(this).css(' background-repeat', 'no-repeat');
$(this).css('background-size', '55px 86px');

var left_posion =  $(this).attr('data-left_pos');
var top_posion =  $(this).attr('data-top_pos');

if(left_posion!=''&&top_posion!=''){
$(this).css('left', left_posion);
$(this).css('top', top_posion);
}
            });



}
</script>
<div id="loader" class="se-pre-con"></div>
<div id="wrapper">


       


  <div id="cardPile">
        <div  data-left_pos="" data-top_pos="" data-userid="11" data-flat="1" data-block="1" id="card11" data-image="thumb_59b7e0eeb0b6125-dsc-4806-copy-1490189640.jpg" class="ui-draggable profileimg"> </div>
        <div previousid=droppable24 data-left_pos="192px" data-top_pos="236px" data-userid="17" data-flat="1" data-block="1" id="card17" data-image="thumb_59b7e135e97524331AD0C00000578-4784672-image-m-2_1502551607375.jpg" class="ui-draggable profileimg"> </div>
        <div previousid=droppable23 data-left_pos="56px" data-top_pos="236px" data-userid="18" data-flat="1" data-block="1" id="card18" data-image="thumb_59b7e0175dc18Salman-Khan_55.jpg" class="ui-draggable profileimg"> </div>
      </div>
  <div id="cardSlots" style="width:910px;">
        <div  class="ui-droppable cardSlots " id="droppable6" data-parkid="6"   >a1011</div>
        <div  class="ui-droppable cardSlots " id="droppable7" data-parkid="7"   >a101</div>
        <div  class="ui-droppable cardSlots " id="droppable8" data-parkid="8"   >708</div>
        <div  class="ui-droppable cardSlots " id="droppable10" data-parkid="10"   >701</div>
        <div  class="ui-droppable cardSlots " id="droppable11" data-parkid="11"   >702</div>
        <div  class="ui-droppable cardSlots " id="droppable12" data-parkid="12"   >703</div>
        <div  class="ui-droppable cardSlots " id="droppable13" data-parkid="13"   >704</div>
        <div  class="ui-droppable cardSlots " id="droppable14" data-parkid="14"   >705</div>
        <div  class="ui-droppable cardSlots " id="droppable15" data-parkid="15"   >706</div>
        <div  class="ui-droppable cardSlots " id="droppable16" data-parkid="16"   >7014</div>
        <div  class="ui-droppable cardSlots " id="droppable17" data-parkid="17"   >707</div>
        <div  class="ui-droppable cardSlots " id="droppable18" data-parkid="18"   >709</div>
        <div  class="ui-droppable cardSlots " id="droppable19" data-parkid="19"   >7011</div>
        <div  class="ui-droppable cardSlots " id="droppable20" data-parkid="20"   >7012</div>
        <div  class="ui-droppable cardSlots " id="droppable21" data-parkid="21"   >501</div>
        <div  class="ui-droppable cardSlots " id="droppable22" data-parkid="22"   >503</div>
        <div  class="ui-droppable cardSlots over" id="droppable23" data-parkid="23"   >504</div>
        <div  class="ui-droppable cardSlots over" id="droppable24" data-parkid="24"   >505</div>
        <div  class="ui-droppable cardSlots " id="droppable25" data-parkid="25"   >506</div>
        <div  class="ui-droppable cardSlots " id="droppable26" data-parkid="26"   >507</div>
        <div  class="ui-droppable cardSlots " id="droppable27" data-parkid="27"   >508</div>
        <div  class="ui-droppable cardSlots " id="droppable28" data-parkid="28"   >509</div>
        <div  class="ui-droppable cardSlots " id="droppable29" data-parkid="29"   >5010</div>
        <div  class="ui-droppable cardSlots " id="droppable30" data-parkid="30"   >101</div>
        <div  class="ui-droppable cardSlots " id="droppable31" data-parkid="31"   >102</div>
        <div  class="ui-droppable cardSlots " id="droppable32" data-parkid="32"   >103</div>
        <div  class="ui-droppable cardSlots " id="droppable33" data-parkid="33"   >104</div>
        <div  class="ui-droppable cardSlots " id="droppable34" data-parkid="34"   >105</div>
        <div  class="ui-droppable cardSlots " id="droppable35" data-parkid="35"   >107</div>
        <div  class="ui-droppable cardSlots " id="droppable36" data-parkid="36"   >108</div>
        <div  class="ui-droppable cardSlots " id="droppable37" data-parkid="37"   >109</div>
        <div  class="ui-droppable cardSlots " id="droppable38" data-parkid="38"   >110</div>
        <div  class="ui-droppable cardSlots " id="droppable39" data-parkid="39"   >111</div>
        <div  class="ui-droppable cardSlots " id="droppable40" data-parkid="40"   >113</div>
        <div  class="ui-droppable cardSlots " id="droppable41" data-parkid="41"   >114</div>
        <div  class="ui-droppable cardSlots " id="droppable42" data-parkid="42"   >301</div>
        <div  class="ui-droppable cardSlots " id="droppable43" data-parkid="43"   >222</div>
      
  </div>
  <!--<div id="drop" class="fbox">
  
</div>-->
</div>

Monday 21 August 2017

Get wordpress post using webservice

Get wordpress post using webservice


Get wordpress post using webservice, wordpress, wordpress websevice, get post using webservice, 



<?php

require_once '../wp-load.php';
require_once '../wp-config.php';
header('Content-type: application/json');

$response = array();
$count = 0;

$args = array(
        'post_type' => 'owl-carousel',
'posts_per_page' => -1,
        'orderby' => get_option('owl_carousel_orderby', 'post_date'),
        'order' => 'asc',
        'tax_query' => array(
            array(
                'taxonomy' => 'Carousel',
                'field' => 'slug',
                'terms' => 'home'
            )
        ),
        'nopaging' => true
    );

$my_query = null;
$my_query = new WP_Query($args);

if( $my_query->have_posts() )
{
$response['message'] = 'Banner list';
$response['status'] = 1;

while ($my_query->have_posts()) : $my_query->the_post();
   
$response['data'][$count]['id'] = get_the_ID();
$response['data'][$count]['title'] = html_entity_decode(get_the_title());
$response['data'][$count]['imageurl'] = wp_get_attachment_url( get_post_thumbnail_id($my_query->ID));
$count++;

endwhile;
}
else
{
$response['message'] = 'No banner exists.';
$response['status'] = 2;
}

echo json_encode($response);

?>

Insert webservice with post type with metabox value in wordpress

Insert webservice with post type with metabox value in wordpress

Insert webservice with post type with metabox value in wordpress, wordpress, wordpress webserivce, insert webserice in wordpress, 

<?php

require_once '../wp-load.php';
require_once '../wp-config.php';
header('Content-type: application/json');

$response = array();


$alu_name=    sanitize_meta('name_alu_c1',$_POST['metal_name'],'user');
$alu_email=    sanitize_email($_POST['metal_email']);
$alu_mobile=    sanitize_meta('phone_alu_c1',$_POST['metal_mobile'],'user');
$alu_city=    sanitize_meta('city_alu_c1',$_POST['metal_city'],'user');
$alu_message=    sanitize_meta('message_alu_c1',$_POST['metal_message'],'user');





$my_cptpost_args = array(
          
            'post_title' => $alu_name,
            'post_status'   => 'publish',
            'post_type' => "enter-your-post-type-name",
);

$admin_email = "admin@gmail.com";
$headers[] = 'From: <test@gmail.com>';
$second_email = "test@gmail.com";

$cpt_id = wp_insert_post($my_cptpost_args, $wp_error );
if($cpt_id){

$response['message'] = 'Thank you! We will get back to you soon.';
$response['status'] = 1;
add_post_meta($cpt_id, 'name_alu_c1', $alu_name, true);//here insert two custom field data.
add_post_meta($cpt_id, 'email_address_alu_c1', $alu_email, true);//here insert two custom field data.
add_post_meta($cpt_id, 'phone_alu_c1', $alu_mobile, true);//here insert two custom field data.
add_post_meta($cpt_id, 'city_alu_c1', $alu_city, true); //here insert two custom field data..
add_post_meta($cpt_id, 'message_alu_c1', $alu_message, true); //here insert two custom field data..

$email_temp = "Name : ".$alu_name."<br/>";
$email_temp .= "Email : ".$alu_email."<br/>";
$email_temp .= "Phone : ".$alu_mobile."<br/>";
$email_temp .= "City : ".$alu_city."<br/>";
$email_temp .= "Message : ".$alu_message."<br/>";

$inqury = " Inquiry for ".$alu_name;

$test = wp_mail( $alu_email, "Contact Us", "Thank you! We will get back to you soon.",$headers);
$test = wp_mail($admin_email, $inqury, $email_temp );
if($second_email !=''){
$test = wp_mail($second_email, $inqury, $email_temp );
}


}else{

$response['message'] = 'Some Error';
$response['status'] = 2;

}


echo json_encode($response);

?>