Multiplication of two numbers as array - In Javascript

Javascript Code 

var arry1 = [3,4,6,9,9,9];
var arry2 = [9,8,9,8,5];

$("#arry1").html(arry1.toString());
$("#arry2").html(arry2.toString());
var directResult = arry1.join('') * arry2.join(''); // to compare result 

$("#result").html(directResult);
var calResult = [];
var vadi=0;
for(var i=0;i<arry2.length;i++){
  calResult[i]=[];
  vadi = 0;
  for(var j=arry1.length-1;j>=0;j--){
    var temp= arry1[j]*arry2[i]+vadi;
    if(temp.toString().length > 1){
      vadi = parseInt(temp.toString().substr(0, 1));
      temp = parseInt(temp.toString().substr(1, 1));
    } else{
      vadi = 0;
    }
    calResult[i].unshift(temp);
  }
  for(var k=i+1;k<arry2.length;k++){
      calResult[i].push(0);
  }
  if(vadi!=0){
    calResult[i].unshift(vadi);
    vadi = 0;
  }
  if(calResult[i].length != calResult[0].length){
    var lengthDiff = calResult[0].length-calResult[i].length;
    for(var p=0;p<lengthDiff;p++){
      calResult[i].unshift(vadi);  
    }
  }
}
var finalResult = [];
var finalvadi = 0;
for(var m =calResult[0].length-1;m>=0;m--){
  var tempr = 0;
  for(var n=0; n<calResult.length;n++){
    tempr+=calResult[n][m];
  }
  tempr+=finalvadi;
  finalvadi=0;
  if(tempr.toString().length > 1){
    finalvadi = parseInt(tempr.toString().substr(0, 1));
    tempr = parseInt(tempr.toString().substr(1, 1));
  } else{
    finalvadi = 0;
  }
 finalResult.unshift(tempr);
}
if(finalvadi!=0){
    finalResult.unshift(finalvadi);
}
$("#finalResult").html(finalResult.toString());

HTML Code

 <div id="arry1"></div>
<div id="arry2"></div>
<div>-----------</div>
<div id="result"></div>
<br/><br/>
<div>------------------</div>
<div id="finalResult" style=""></div>

Output: 

3,4,6,9,9,9

9,8,9,8,5

-----------

34347696015

------------------

3,4,3,4,7,6,9,6,0,1,5

error JSON.stringify()ing argument: RangeError: Invalid Date

There is minor bug in contact plugin in cordova ionic. contact list is loaded with error due to the birthdate field in contact card. Its bad practice to keep minor error in execution of code, It may effect to different OS versions.

error JSON.stringify()ing argument: RangeError: Invalid Date

Cordova Plugin: cordova-plugin-contacts
Verison: 2.1.0 "Contacts"

Open convertUtils.js file  

File Path: plugins/cordova-plugin-contacts/www/convertUtils.js

Find function "toCordovaFormat" and remove below try-catch code.

 try {
         contact.birthday = new Date(parseFloat(value));
} catch (exception){
          console.log("Cordova Contact toCordovaFormat error: exception creating date.");
}

add below code instead of try-catch

if (value !== null) {

        try {

                contact.birthday = new Date(parseFloat(value));

               

                //we might get 'Invalid Date' which does not throw an error

                //and is an instance of Date.

                if (isNaN(contact.birthday.getTime())) {

                       contact.birthday = null;

               }

               

        } catch (exception){

                console.log("Cordova Contact toCordovaFormat error: exception creating date.");

        }

}

Check below screenshot for better understand.

iOS contact card does not have value for "displayName". "displayName" is used for the android devices. So For iOS device, use "name.formatted" instead of "displayName".

Cheers.... Keep Coding... :)

Easily Track Javascript File and line number which has error

When all else fails, the issue may be caused by errors in your JavaScript application. A helpful way to determine this is to use the window.onerror function to track down your errors.

Easily Track Javascript File and line number which has error

window.onerror = function (err, fileName, lineNumber) {

   // alert or console.log a message

   alert(fileName, 'Line:', lineNumber, 'Error:', e.message);

};

Parameter info: 

// err: error message

// fileName: which file error occurs in

// lineNumber: what line error occurs on

Smooth Scroll Using jQuery

Smooth Scroll Using jQuery Code:

$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});

Add New Line On Mailto Syntax

This link needed to include a subject, CC, BCC and body text.

As the code used for html emails is still quite basic, so that all possible email programs can read them well, and I did not want to risk using a javascript based obfuscator I had to use the mailto syntax when usually.

The MailTo command can do more than enter a single e-mail address in the “Send To” field while activating your e-mail program.

Address message to multiple recipients
, (comma separating e-mail addresses)

Add entry in the “Subject” field
subject=Subject Field Text

Add entry in the “Copy To” or “CC” field
cc=id@internet.node

PhoneGap: Detect File Loaded from Phonegap or Not

/** * Determine whether the file loaded from PhoneGap or not */

 function isPhoneGap() { 

     return (cordova || PhoneGap || phonegap) 

     && /^file:\/{3}[^\/]/i.test(window.location.href) 

     && /ios|iphone|ipod|ipad|android/i.test(navigator.userAgent); 

}

 if ( isPhoneGap() ) { 

     alert("Running on PhoneGap!"); 

} else { 

     alert("Not running on PhoneGap!"); 

}

Create Mathematical Validation in Phone

create input, box and operation div in the html file.

write below code in the js file.

var answer;

var method = ['+', '-', '*'];
var operation;
//var operation='1+2+3';

// load new operation on page laod
new_operation();

Get Element Attribute Value using jQuery

Create textarea element to enter html content dynamic

// button click
$('#click_elemtn').click(function(){
    var str= $('#html_content').text();
    html = $.parseHTML( str ); // parse text to html
    $.each( html, function( i, el ) {
        var attr = $(el).attr('src'); // attribute name that you want fro the textarea content
        if (typeof attr !== 'undefined' && attr !== false) {
            alert(attr); // attribute value
        }
    });
});

you can get attribute value in alert dialog.

refer below URL for live example

http://jsfiddle.net/RNmJ2/

Stop Copy Text from Phonegap Applications

Hello,

Phonegap application is based on the HTML, CSS and JQuery. So if the user double tap on the app content then it will select the text and give option to copy and select text.

So for the application privacy if app admin does not want to copy application text then here is a way to stop selection of text.

Disable Page Scroll on jQueryMobile Popup opens

when JQM popup open, and you dont want to scroll page then try this code.

Disable scroll.

$( ".popup").live({

                      popupbeforeposition: function(event, ui) {

                        $("body").on("touchmove", false);

                      }

});

After close popup release scroll.

$( ".popup" ).live({

                      popupafterclose: function(event, ui) {

                        $("body").unbind("touchmove");

                      }
});

Numbers convert to currency formate

Copy below function in your js.

function formatCurrency(num) {

    num = num.toString().replace(/\$|\,/g,'');

    if(isNaN(num)) num = "0";

  // sign = (num == (num = Math.abs(num)));

    num = Math.floor(num*100+0.50000000001);

    cents = num%100;

    num = Math.floor(num/100).toString();

    if(cents<10) cents = "0" + cents;

    for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)

        num = num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3));

    return ( num + '.' + cents);

}

call function to get currency formate:

$('#test').html(formatCurrency('123456.98'));

Output:
123,456.98

Cheers... 

Access-Control-Allow-Origin. issue on Phonegap JqueryMobile

When i ajax call to get or post some Data from Server, Some times I found error like below.

XMLHttpRequest cannot load file://localhost/Users/bhumika/Documents/phonegap-2.2.0/lib/ios/bin/****/www/js/data.json. Origin null is not allowed by Access-Control-Allow-Origin.

to Solve above error write below syntax in your device ready function.

$.support.cors = true;

$.mobile.allowCrossDomainPages = true;

Or  

Write Below syntax in PHP file to the server.
 

header('Access-Control-Allow-Origin: *');
Cheers....

Dynamic youtube video in phonegap

Get video url like: 

http://www.youtube.com/watch?v=l32LjEtTUkY

http://www.youtube.com/embed/l32LjEtTUkY

l32LjEtTUkY

Create function like below:

function Loadvideo(catvideo){

//Get video ID from catvideo variable.

var videoid= catvideo.substring(catvideo.lastIndexOf('=')+1);

if(videoid == catvideo){

        var videoid= catvideo.substring(catvideo.lastIndexOf('/')+1);

}

Regular expresion to validate URL

var url = value.v_url;

var pattern = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;

if (pattern.test(url)) {

        content+='<a href="'+value.v_url+'" target="_blank">'; //  Url is valid

}

else{

        console.log("invalid url");

}

Load JSON Data Using Ajax

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>

<script type="text/javascript" >

$( '#page1' ).live( 'pageshow',function(event, ui){
  getData();
});

Create JQuery Mobile Multiple page

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
</head>