Posts

Showing posts with the label Javascript

Document Ready

By -
1. Javascript code execution on ready document  $('.discard-ticket').on("click", function (ev) { }) 2. Javascript code execution on executed document $(document.body).on('click','.discard-ticket',function(ev){ })
Post a Comment
Read more

Keeping second tab active after action

By -
$(document).ready(function(){     var url = document.location.toString();     if (url.match('#')) {         $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');         $('.nav-tabs a').removeClass('active');     } });
Post a Comment
Read more

Getting selected Index text in on change event

By -
$('#visa_type_id').on('change',function(){    var visa_type = this.options[this.selectedIndex].text;    alert(visa_type); });
Post a Comment
Read more

OnChange (Division->District) [jQuery and AJAX]

By -
$("#division").change(function () {     var divisionId = $('#division').val();     $(this).after('<span class="loading_data">Loading...</span>');     var self = $(this);     $.ajax({         type: "GET",         url: "<?php echo url(); ?>/users/get-district-by-division",         data: {             divisionId: divisionId         },         success: function (response) {             var option = '<option value="">Select One</option>';             if (response.responseCode == 1) {                 $.each(response.data, function (id, value) {                     option += '<option value="' + id + '">' + value + '</option>...
Post a Comment
Read more

Upload file with uploading progress

By -
index.php <script type="text/javascript">     function _(el){         return document.getElementById(el);     }     function uploadFile(){         var file = _("file1").files[0];         var formdata = new FormData();         formdata.append("file1",file);         var ajax = new XMLHttpRequest();         ajax.upload.addEventListener("progress",progressHandler,false);         ajax.addEventListener("load",completeHandler,false);         ajax.addEventListener("error",errorHandler,false);         ajax.addEventListener("abort",abortHandler,false);         ajax.open("POST","server_page.php");         ajax.send(formdata);     }     function progressHandlere(vent){         _("load...
Post a Comment
Read more

AJAX IMAGE UPLOADING.....

By -
1. index.php <body>     <span id="msg" style="color:red"></span><br/>     <input type="file" id="photo"><br/>   <script type="text/javascript" src="jquery-3.2.1.min.js"></script>   <script type="text/javascript">     $(document).ready(function(){       $(document).on('change','#photo',function(){         var property = document.getElementById('photo').files[0];         var image_name = property.name;         var image_extension = image_name.split('.').pop().toLowerCase();         if(jQuery.inArray(image_extension,['gif','jpg','jpeg','']) == -1){           alert("Invalid image file");         }         var form_data = new FormData();         form_data.append("file",property);       ...
1 comment
Read more

Date Time Picker for Warranty Start, Warranty End, Invoice Date in Same Page

By -
var today = new Date(); var yyyy = today.getFullYear(); $('.purchase_date').datetimepicker({     viewMode: 'years',     format: 'DD-MMM-YYYY',     extraFormats: [ 'DD.MM.YY', 'DD.MM.YYYY' ],     maxDate: today,     minDate: '01/01/' + (yyyy - 60) }); $('.datepicker').datetimepicker({     viewMode: 'years',     format: 'DD-MMM-YYYY',     extraFormats: [ 'DD.MM.YY', 'DD.MM.YYYY' ] }); $('#warrantyStart').datetimepicker(); $('#warrantyEnd').datetimepicker({     useCurrent: false //Important! See issue #1075 }); $("#warrantyStart").on("dp.change", function (e) {     $('#warrantyEnd').data("DateTimePicker").minDate(e.date); }); $("#warrantyEnd").on("dp.change", function (e) {     $('#warrantyStart').data("DateTimePicker").maxDate(e.date); });
Post a Comment
Read more

After DOM Load in body

By -
$.validator.addMethod("bd_phone",function(phone){   var reg = /(^(\+88|0088)?(01){1}[56789]{1}(\d){8})$/;     if(reg.test(phone)){         return true;     }     return false; },""); if($(document.body).find('.minor').length){     $("#publicReg").validate({         rules: {             birth_date: "required",             district: "required",             gender: "required",             police_station: "required",             full_name_bangla: "required",             village_ward: "required",             full_name_english: "required",             post_code: "required",             father_name: "requi...
Post a Comment
Read more

AJAX Request and Response for Datatable

By -
$(document).ready(function () {     $(function () {         $('#agency-list').DataTable({             processing: true,             serverSide: true,             iDisplayLength: 25,             ajax: {                 url: '{{url("agency/get-list")}}',                 method: 'POST',                 headers: {                     'X-CSRF-TOKEN': '{{ csrf_token() }}'                 }             },             columns: [                 {data: 'rownum', name: 'rownum'},               ...
Post a Comment
Read more

Form page on view mode by JavaScript

By -
$(document).ready(function(){   $('#myForm :input').attr('disabled','true');   $('#myForm :input[type=submit]').hide(); });
Post a Comment
Read more

jQuery form validation (CUSTOM VALIDATION)

By -
Code Structure :  $.validator.addMethod("field_name","function(value){}","Message"); jQuery Custom NID Validation :  $.validator.addMethod("nid_valid",function(value){    if(value.length == 10 || value.length == 13 || value.length == 17){       return true;    }else{       return false;    } },"NID number length 10, 13, 17 is valid");
Post a Comment
Read more

Basic AJAX Codes

By -
<script type="text/javascript">           if (window.XMLHttpRequest) {                 // code for IE7+, Firefox, Chrome, Opera, Safari                 xmlhttp = new XMLHttpRequest();             } else {                 // code for IE6, IE5                 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");                          }                       function makerequest(given_text,objID){ //alert(given_text);         //var obj = document.getElementById(objID);         serverPage='text.php?text='+given_text; xmlhttp.open("GET", serverPage); xmlhttp.onreadystatechange = function(){ //alert...
Post a Comment
Read more

customizer-scripts.js

By -
index.php <h1>Copyright : <?php echo get_theme_mod('copyright_text'); ?></h1> functions.php function customize_api($custom_val){ $custom_val->add_section('general_section',array( 'title' => 'General Options', 'priority' => 20 )); //For Copyright Text $custom_val->add_setting('copyright_text',array( 'default' => 'Copyright Text', 'transport' => 'postMessage' )); $custom_val->add_control('copyright_text',array( 'section' => 'general_section', 'label' => 'Copyright Text', 'type' => 'text' )); } add_action('customize_register','customize_api'); function scripts_for_customizer(){ wp_enqueue_script('customizer-scripts',get_template_directory_uri().'/js/customizer-scripts.js',array('jquery','customize-preview...
Post a Comment
Read more

AJAX code to pass values by POST Method in Javascript.

By -
        function datainsert(){             var xmlhr = new XMLHttpRequest();             var url = 'gethint.php';             var fname = document.getElementById('fname').value;             var lname = document.getElementById('lname').value;             var vars = "firstname="+fname+"&lastname="+lname;             xmlhr.open("POST",url,true);             xmlhr.setRequestHeader("content-type","application/x-www-form-urlencoded");             xmlhr.send(vars);         }
Post a Comment
Read more

SelectOption list with link by javascript

By -
        <select onchange="window.location=this.value">             <option value="http://www.google.com">Google</option>             <option  value="http://www.yahoo.com">yahoo</option>             <option  value="http://www.twitter.com">Twitter</option>         </select>
Post a Comment
Read more