المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : الحدث و الفنكشن 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

https://www.youtube.com/watch?v=x1txxnZPSSg

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



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

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