النتائج 1 إلى 1 من 1
  1. #1
    Status
    Online
    الصورة الرمزية Rise Company
    Engineering and Technology
    تاريخ التسجيل
    Apr 2014
    الدولة
    Egypt
    العمر
    29
    المشاركات
    2,389
    معدل تقييم المستوى
    10

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


    الاحداث / الفنكشن / الوظائف 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()

    جميع الاكواد فى المرفقات
    الملفات المرفقة الملفات المرفقة
    ------------------------------------------------------------------------
    شركة رايز للتكنولوجيا Rise Company for Technology
    ------------------------------------------------------------------------

    استضافة مواقع و ايميلات - تصميم مواقع - اى تى كمبيوتر و شبكات - ويندوز سيرفر - فايروول

    كاميرات مراقبة - سنترالات - تقوية اشارة موبايل - بصمة حضور و انصراف - اكسس كنترول

    تسويق الكترونى على الفيس بوك و جوجل - تصوير فوتوغرافى

    https://www.rise.company/tech

    Phone [9am ~ 5pm] : 0100 000 1637

    ------------------------------------------------------------------------
    شركة رايز للهندسة Rise Company for Engineering
    ------------------------------------------------------------------------

    تسويق عقاري بالاسكندرية و الساحل الشمالي

    بيع - شراء - ايجار | شقق - محلات - شاليهات - فلل - اراضى

    https://www.rise.company/eng

    Phone [9am ~ 9pm] : 0100 000 8163


المواضيع المتشابهه

  1. درس رفع تطبيق مع البلوجن وتشغيل السيرفر - cli فقط - الفون جاب بيلد Phone Gap Build
    بواسطة Rise Company في المنتدى قسم مبرمجين PhoneGap/Cordova
    مشاركات: 0
    آخر مشاركة: 25-07-2017, 13:39
  2. درس تركيب بلجن cordova plugin واضافة الفنكشن index.js - الكوردوفا و الفون جاب
    بواسطة Rise Company في المنتدى قسم مبرمجين PhoneGap/Cordova
    مشاركات: 0
    آخر مشاركة: 25-07-2017, 13:06
  3. اورينتيشن Orientation التطبيق الراسى و الافقى - الكوردوفا و الفون جاب
    بواسطة Rise Company في المنتدى قسم مبرمجين PhoneGap/Cordova
    مشاركات: 0
    آخر مشاركة: 23-07-2017, 15:18
  4. التطبيق بكامل الشاشة Full Screen - الكوردوفا و الفون جاب
    بواسطة Rise Company في المنتدى قسم مبرمجين PhoneGap/Cordova
    مشاركات: 0
    آخر مشاركة: 23-07-2017, 14:41
  5. دورة كاملة عن الكوردوفا و الفون جاب Phone Gap / Cordova من 60 حلقة
    بواسطة Rise Company في المنتدى قسم مبرمجين PhoneGap/Cordova
    مشاركات: 0
    آخر مشاركة: 27-06-2017, 21:00

المفضلات

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •