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

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

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!"); 

}

Hybrid vs Native mobile apps

This is an interesting question.

Few years ago, now late Steve Jobs proclaimed that HTML5 is the future of web development. Ok this needs to be viewed in a broader context, at that point in time Apple was waging a war against Flash and HTML 5 was a unlucky winner.

Steve Jobs quote:

They are lazy, Jobs says. They have all this potential to do interesting things but they just refuse to do it. They don’t do anything with the approaches that Apple is taking, like Carbon. Apple does not support Flash because it is so buggy, he says. Whenever a Mac crashes more often than not it’s because of Flash. No one will be using Flash, he says. The world is moving to HTML5.

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);

}

Reduce query page transition time.

Go to the Jquery mobile css file.

find .in and .out in the css. you can see the below code

.in {

-webkit-animation-timing-function: ease-out;

-webkit-animation-duration: 350ms;

-moz-animation-timing-function: ease-out;

-moz-animation-duration: 350ms;

}

.out {

-webkit-animation-timing-function: ease-in;

-webkit-animation-duration: 225ms;

-moz-animation-timing-function: ease-in;

-moz-animation-duration: 225ms;

}

 and reduce the time 350ms to 10ms or as you want in these css like below.

.in{-webkit-animation-timing-function:ease-out;

-webkit-animation-duration:10ms;

-moz-animation-timing-function:ease-out;

-moz-animation-duration:10ms

}

.out{-webkit-animation-timing-function:ease-in;

-webkit-animation-duration:10ms;

-moz-animation-timing-function:ease-in;

-moz-animation-duration:10ms

}

I hope this will help you.:)
cheers...

Disable Active page When loading start

Open jquerymobile.js  and find below text

<span class='ui-icon ui-icon-loading'></span>

add one div element before the span like: 

<div class='inner_loader ui-loader-verbose'>

and end it after the h1 tag, that is created after span.

and add below css in your style.css.

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>