الحدث و الفنكشن function onDeviceReady الجافا سكربت index.js - الكوردوفا و الفون جاب

**Rise Company** · 25-07-2017, 16:45

الاحداث / الفنكشن / الوظائف function onDeviceReady الجافا سكربت index.js - الكوردوفا و الفون جاب
الكوردوفا و الفون جاب Phone Gap / Cordova

شرح الاحداث events و كيفية المحادثة بين لغة الاندرويد native مع لغة الجافا سكربت JS فى تنفيذ البلوجن

يوضع دائما جميع الاحداث داخل كود واحد فقط ثابت وهو الاب

كود:

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

يحتوى بداخله الفنكشن / الوظيفة الذى تريد تنفيذ الحدث به وهو الابن

كود:

function onDeviceReady()

و التى تفعل عمل البلوجن / الاضافة بعد التاكد من اتمام الربط و المحداثة مع native

تاكد من وجود الاكواد التالية لديك

كود:

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

ملحوظة هامة : يرجى مراعاه ترتيب الكود حيث يوضع سطر cordova.js فى اخر سطور <script> حتى يعمل.

الكود الاول هو لاستدعاء مكتبة الكوردوفا فى الاوامر التى تنفذ من خلال البلوجن يجب ان تضعها داخل index.html

الكود الثانى الذى يربط ملف index.html بملف index.js

الاكواد فى الفيديو :

كود:

<!DOCTYPE html>
<html>
  <head>
    <title>Events</title>
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

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

    function onDeviceReady() {
        document.addEventListener("pause", onPause, false);
        document.addEventListener("resume", onResume, false);
        document.addEventListener("online", onOnline, false);
        document.addEventListener("offline", onOffline, false);
        document.addEventListener("backbutton", onBackKeyDown, false);
        window.addEventListener("batterycritical", onBatteryCritical, false);
        window.addEventListener("batterylow", onBatteryLow, false);
        window.addEventListener("batterystatus", onBatteryStatus, false);
        document.addEventListener("menubutton", onMenuKeyDown, false);
        document.addEventListener("searchbutton", onSearchKeyDown, false);
        document.addEventListener("startcallbutton", onStartCallKeyDown, false);
        document.addEventListener("endcallbutton", onEndCallKeyDown, false);
        document.addEventListener("volumedownbutton", onVolumeDownKeyDown, false);
        document.addEventListener("volumeupbutton", onVolumeUpKeyDown, false);
    }
    function onPause() {
        alert("Application Pause");
    }
    function onResume() {
        alert("Application Resume");
    }
    function onOnline() {
        alert("Application Online");
    }
    function onOffline() {
        alert("Application Offline");
    }
    function onBackKeyDown() {
        alert("Application BackKeyDown");
    }
    function onBatteryCritical(info) {
        alert("Battery Level Critical " + info.level + "%\nRecharge Soon!");
    }
    function onBatteryLow(info) {
        alert("Battery Level Low " + info.level + "%");
    }
    function onBatteryStatus(info) {
        alert("Level: " + info.level + " isPlugged: " + info.isPlugged);
    }
    function onMenuKeyDown() {
        alert("Application MenuKeyDown");
    }
    function onSearchKeyDown() {
        alert("Application SearchKeyDown");
    }
    function onStartCallKeyDown() {
        alert("Application StartCallKeyDown");
    }
    function onEndCallKeyDown() {
        alert("Application EndCallKeyDown");
    }
    function onVolumeDownKeyDown() {
        alert("VolumeDownKeyDown");
    }
    function onVolumeUpKeyDown() {
        alert("VolumeUpKeyDown");
    }
    </script>
  </head>
  <body>
  </body>
</html>

اشهر الوظائف / الفنكشن Functions

هناك الكثير من الفنكشن التى يمكنك وضع داخلها الحدث الذى تريده واهمهم اول ثلاثة ,
فالاول اثناء عمل التطبيق و الثانى بعد الخروج من التطبيق و الثالث بعد العودة من التطبيق.

function onDeviceReady()
function onPause()
function onResume()
function onOnline()
function onOffline()

function onBackKeyDown()
function onBatteryCritical(info)
function onBatteryLow(info)
function onBatteryStatus(info)
function onMenuKeyDown()
function onSearchKeyDown()
function onStartCallKeyDown()
function onEndCallKeyDown()
function onVolumeDownKeyDown()
function onVolumeUpKeyDown()

جميع الاكواد فى المرفقات