RSS Feed Twitter
Showing posts with label Cordova. Show all posts
Showing posts with label Cordova. Show all posts

Saturday, 7 May 2016

How to find the device mobile or pc using javascript?

00:17 Muhammad Kaif
     You can find the type of the device using javascript, for example your website If you want to hide some features in particular device you can use this code. From this code you can find what type of device is it like Android, Windows Phone, ipod, ipad, iphone, chrome or firefox and etc..

The following method will return the useragent full details.

     navigator.userAgent
You can find is this is mobile device or not using the following code

     /(ipad|iphone|ipod|android|windows phone)/i.test(navigator.userAgent)
Mostly we need to check it for cordova mobile application, because we need to check it in desktop pc or in normal browser and mobile native application, in that situation we can check like below.

 if(( /(ipad|iphone|ipod|android|windows phone)/i.test(navigator.userAgent) ))

 {

  cordova.plugins.Keyboard.close();  

 }


In the above method is only working in mobile, we can't run cordova methods in PC.


Example Program:- (Editor)


Editor is Loading...

Advertisement

Read More

Saturday, 30 January 2016

Code for vibrate the android mobile using cordova

02:57 Muhammad Kaif
     The following codova plugin is used to control the vibration in android mobile. This can be set the time of vibration and cancel the vibration.

     cordova plugin add cordova-plugin-vibration


Screen shot:
Create vibration in android smart phone using cordova




<!DOCTYPE html>

<html>

<head>



    <meta name="format-detection" content="telephone=no">

    <meta name="msapplication-tap-highlight" content="no">

    <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'" />

    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">

    <title>Vibration Test</title>

</head>

<body>

    <center>

        <input type="button" value="Vibrate 3 sec" onclick="vibr3();">

        <br>

        <input type="button" value="Vibrate 5 sec" onclick="vibr5();">

        <br>

        <input type="button" value="Vibrate 20 sec" onclick="vibr20();">

        <br>

        <input type="button" value="Stop & Start" onclick="stepvibr();">

        <br>



        <input type="button" value="Stop Vibration" onclick="stpvibr();">

        <br>

    </center>



    <script type="text/javascript" src="cordova.js"></script>

    <script>

        document.addEventListener("deviceready", onDeviceReady, false);



        function onDeviceReady() {

            console.log(navigator.vibrate);

        }



        function vibr3() {

            navigator.vibrate(3000); //3second

        }



        function vibr5() {

            navigator.vibrate(5000); //3second

        }



        function vibr20() {

            navigator.vibrate(20000); //20second

        }



        function stpvibr() {

            navigator.vibrate(0); //Stop Vibration

        }



        function stepvibr() {

            // Vibrate for 1 second

            // Wait for 1 second

            // Vibrate for 3 seconds

            // Wait for 1 second

            // Vibrate for 5 seconds

            navigator.vibrate([1000, 1000, 3000, 1000, 5000]);

        }

    </script>





</body>



</html>







Read More

Friday, 29 January 2016

check battery status using cordova/phonegap android

11:05 Muhammad Kaif
     In the following plugin is used to get the battery status while change the battery level, when the battery level is going to Critical or Low level.

How to install cordova and configure?

Problems in this plugin
     Battery Status button will work only once.

command for installing the plugin
     cordova plugin add org.apache.cordova.battery-status





<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'" />
    <title>Battery Status</title>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript">
        window.addEventListener("deviceready", init, false);

        function init() {
            window.addEventListener("batterycritical", bCritical, false);
            window.addEventListener("batterylow", bLow, false);
    &nbsp;   }

        function bCritical(info) {
            alert("Your Battery @ critical Status" + info.level);
        }

        function bLow(info) {
            alert("Battery @ low" + info.level);
        }

        function checkbattery() {
            window.addEventListener("batterystatus", onBatteryStatus, false);
        }

        function onBatteryStatus(info) {
            alert("Level: " + info.level + " isPlugged: " + info.isPlugged);
        }

    </script>

</head>
<body>
    <button onclick="checkbattery()">Battery Status</button>
</body>
</html>



Read More
Subscribe to: Posts (Atom)
Twitter Delicious Facebook Digg Stumbleupon Favorites More

Popular Posts

  • Solution of floating point number problem
         When you add or multiply floating point number you may face a problem on calculation, the calculation will return the long digit numbe...
  • Tourist places in kk district:1) Thiruvalluvar statue
    THIRUVALLUVAR  STATUE                                                Thiruvalluvar is the godlike artist of Tamil Nadu and has given to the ...
  • Read array value using for...of in javascript
         for of loop was introduced in ES6 which allows you to easily iterate over elements of an collection.for of iterates over the values...
  • PADMANABHAPURAM PALACE
                                                PADMANABHAPURAM  PALACE                                       The obsolete evident town Padmanab...
  • toPrecision() in javascript
         The toPrecision() method returns a string representing the Number object to the specified precision.      A string representing a Numbe...
  • Naming standards for SQLite
    Naming Conventions for SQLite      Each database, table, column, index, trigger, or view has a name by which it is identified and almost alw...
  • Auto delete friend request for facebook
         Some one get too many friend requests and if they want to reject all friend request you need to click all the " Delete Request ...
  • pop in javascript remove last value from array
         The pop() method removes the last element from an array and returns that element.      pop() is intentionally generic; this method can ...
  • Math.ceil() in javascript
         The Math.ceil() function returns the smallest integer greater than or equal to a given number. ceil() is a static method of Math, you a...
  • try catch finally in javascript
         try catch and finally is used to handle all or some of the error when it occur. try This statement is contain the set of code for tes...

Recent Posts

Unordered List

Sample Text