Calendor specific days hide using jquery

<!--script for calendor date hide -->
    <link href="http://www.jquerycookbook.com/demos/css/jquery-ui.css" rel="stylesheet" />
    <script src="http://www.jquerycookbook.com/demos/scripts/jquery-1.11.1.min.js"></script>
    <script src="http://www.jquerycookbook.com/demos/scripts/jquery-ui.min.js"></script>
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  
<script type="text/javascript">
   $(function () {
        var unavailableDay = 2; // disable tuesdays
         var unavailableDay1 = 3; 
         
        function disableDays(date) {        
            var day = date.getDay(); 
            return [(day != unavailableDay && day != unavailableDay1), ""];
           
        }

        $('#datepicker').datepicker({ 
            beforeShowDay: disableDays,
             minDate: '+1',   // date start tomorrow
             maxDate:'+2m'  // next 2month date show
        });

        $("#changeDates").on('click', function () {
            unavailableDay = 3; // disable wednesdays 
            $("#datepicker").datepicker("refresh");
        });
    });
</script>
<!--script for calendor date hide--->

  <input type="text" id="datepicker" />

Wordpress custom form insert into database table

 <?php

if(isset($_POST['submit'])){
global $wpdb;
$table='wp_cbg7ccqh4q_zipcode';
$post_data=array(
'zipcode_val' => $_POST['zipcode_val']
);
$results =$wpdb->insert( $table, $post_data);
      if($results){
    //   echo 'Zip Code added Successfully';
    $text_zip="ZipCode added Successfully";
echo '<script type="text/javascript">alert("'.$text_zip.'")</script>';
        } else {
        echo 'Not insert';
        }
}

?>
        <form action="" id="location_forms" method="post" autocomplete="off">
    <table>
        <tr>
            <td><label for="organizationname">Add Zip Code:</label></td>
            <td><input type="text" name="zipcode_val" id="zipcode_val" value="" onkeypress="return event.charCode >= 48 && event.charCode <= 57" /> </td>
        </tr>
     
        <tr>
            <td><button type="submit" id="order_loc" class="check-btn" name="submit">Submit</button></td>
        </tr>
    </table>
</form>

Form vallidation Script using Jquery

<form id="location_forms" method="post" action="">
  <div>
    <label for="in_location">First Name:</label>
    <input type="text" id="in_location" name="in_location"  onkeypress="return event.charCode >= 48 && event.charCode <= 57"></input>
  </div>
  <div>
    <label for="lname">Last Name:</label>
    <input type="text" id="out_location" name="out_location"  onkeypress="return event.charCode >= 48 && event.charCode <= 57"></input>
  </div>
  <div>
    <label for="user_email">Email:</label>
    <input type="email" id="user_email" name="user_email"></input>
  </div>
  <div>
    <label for="psword">Password:</label>
    <input type="password" id="psword" name="psword"></input>
  </div>
  <div>
    <input type="submit" value="Submit" />
  </div>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script>
$(document).ready(function() {
  $('form[id="location_forms"]').validate({
    rules: {
      in_location: 'required',
      out_location: 'required',
      user_email: {
        required: true,
        email: true,
      },
      psword: {
        required: true,
        minlength: 8,
      }
    },
    messages: {
      in_location: 'This field is required',
      out_location: 'This field is required',
      user_email: 'Enter a valid email',
      psword: {
        minlength: 'Password must be at least 8 characters long'
      }
    },
    submitHandler: function(form) {
      form.submit();
    }
  });

});
</script>

Create shortcode in wordpress

      [my_ad_code]
     
       // The shortcode function
function wpb_demo_shortcode_2() {

// Advertisement code pasted inside a variable
$string .= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-format="fluid"
     data-ad-layout="in-article"
     data-ad-client="ca-pub-0123456789101112"
     data-ad-slot="9876543210"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>';

// Ad code returned
return $string;

}
// Register shortcode
add_shortcode('my_ad_code', 'wpb_demo_shortcode_2'); 

Onclick show hide div

  <!--script for floorpage filter show-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
<script>
;(function($){
   $(document).ready(function(){
   $(function(){
      $(".fil_buttn").click(function(){
   alert('hiiii');
    $(".more_filt").show(1000);
    $('.more_filt').css({'display':'block !important'});
  });
   });
   });
})(jQuery);
</script>
<!--script for floor page filter show-->

Mail send to email using php mailer

This summary is not available. Please click here to view the post.

Jquery Auto complete

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>autocomplete demo</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>

<label for="autocomplete">Select a programming language: </label>
<input id="autocomplete">

<script>
$( "#autocomplete" ).autocomplete({
  source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});
</script>

</body>
</html>

Pasword update using php mysqli

 <?php
                       /*update profile */
                             include 'connection.php';
                           
                          $email_session = $_SESSION["name"];

if (count($_POST) > 0) {
    $result = mysqli_query($con, "SELECT * from register WHERE email = '".$email_session."' or phone_number = '".$email_session."'");
    $row = mysqli_fetch_array($result);
    if ($_POST["currentPassword"] == $row["password"]) {
        mysqli_query($con, "UPDATE register set password='" . $_POST["newPassword"] . "' WHERE email = '".$email_session."' or phone_number = '".$email_session."'");
        $message = "Password Changed";
    } else
        $message = "Current Password is not correct";
}
                           
                        ?>

 <form name="frmChange" method="post" action="" onSubmit="return validatePassword()">

<div style="width:500px;">

<div class="message"><?php if(isset($message)) { echo $message; } ?></div>

<table border="0" cellpadding="10" cellspacing="0" width="500" align="center" class="tblSaveForm">

<tr class="tableheader">

<td colspan="2">Change Password</td>

</tr>

<tr>

<td width="40%"><label>Current Password</label></td>

<td width="60%"><input type="password" name="currentPassword" class="txtField"/><span id="currentPassword"  class="required"></span></td>

</tr>

<tr>

<td><label>New Password</label></td>

<td><input type="password" name="newPassword" class="txtField"/><span id="newPassword" class="required"></span></td>

</tr>

<td><label>Confirm Password</label></td>

<td><input type="password" name="confirmPassword" class="txtField"/><span id="confirmPassword" class="required"></span></td>

</tr>

<tr>

<td colspan="2"><input type="submit" name="submit" value="Submit" class="btnSubmit"></td>

</tr>

</table>

</div>

</form>

<script>

function validatePassword() {

var currentPassword,newPassword,confirmPassword,output = true;

currentPassword = document.frmChange.currentPassword;

newPassword = document.frmChange.newPassword;

confirmPassword = document.frmChange.confirmPassword;

if(!currentPassword.value) {

currentPassword.focus();

document.getElementById("currentPassword").innerHTML = "required";

output = false;

}

else if(!newPassword.value) {

newPassword.focus();

document.getElementById("newPassword").innerHTML = "required";

output = false;

}

else if(!confirmPassword.value) {

confirmPassword.focus();

document.getElementById("confirmPassword").innerHTML = "required";

output = false;

}

if(newPassword.value != confirmPassword.value) {

newPassword.value="";

confirmPassword.value="";

newPassword.focus();

document.getElementById("confirmPassword").innerHTML = "not same";

output = false;

}

return output;

}

</script>

Button onhold text show and mouse out text hide using jquery

<script
  src="https://code.jquery.com/jquery-2.2.4.min.js"
 
  crossorigin="anonymous"></script
Click and Hold to select. simply click to unselect.<br /><br />
<span class='button'>Click Me</span>

<span id="customeButtonClick" style="display:none;">
I am good.
</span>

<script>

(function () {
    // how many milliseconds is a long press?
    var offset = 5000;

    $(".button").on('mousedown', function (e) {
        // holds the start time
        $(this).data('start', new Date().getTime());
        $(this).addClass("selected");
        $('#customeButtonClick').show();
    }).on('mouseup', function (e) {
        if (new Date().getTime() >= ($(this).data('start') + offset)) {
            //alert('ur click lasted for over 2 secs');
            $(this).addClass("selected");
            $('#customeButtonClick').show();
        } else {
            $(this).removeClass("selected");
            $('#customeButtonClick').hide();
        }
    }).on('mouseleave', function (e) {
        start = 0;
        $(this).removeClass("selected");
        $('#customeButtonClick').hide();
        //you can add destroy lingering functions on mouse leave
    });
}());
</script>

<style>
.button {
    padding:4px;
    background:green;
    border-radius:4px;
    cursor:pointer;
}
.button.selected {
    background:orange;
}
</style>


Click Me I am good.