عالم البرمجة عالم البرمجة

زر الباك في الكوردوفا

Rayan • منذ 6 سنوات

السلام عليكم ورحمة الله وبركاته ..

اسعد الله اوقاتكم احبتي ..

 

قمت بتطوير تطبيق بالكوردوفا (تطبيق هجين) وقمت باستخدام (html . js ,jquery) 

الفكرة التي لدي :

يوجد لدي صفحة تحتوي على 3 (div)  وكل div  لها ID  , وتحتوي على اخبار داخلها وكل ديف مربوطة بالقائمة كما بالصورة

 

 

على سبيل المثال

عند الضغط على خبر معين في الديف الثاني (عاجل) يذهب الى تفاصيل الخبر ..  .. عند الضغط على زر الخلف في التفاصيل .. يقوم باعادة تحميل الصفحة والذهاب الى الديف الاول (اخر الاخبار)

 

مع العلم ان الامر المستخدم للرجوع في زر العودة هو (history.back()) وقمت باستخدام الامر (history.go(-1);)

 

مع العلم ان الفنكشن المستخدم في الصفحة الرئيسية $(document).ready(function () {

الذي احتاجه هو عند القيام بالضغط على زر الخلف ان يعود لنفس الخبر بنفس الديف .. ماهي الطريقة المناسبة لحل هذه المشكلة .. او هل يوجد طريقة لهيكلة الصفحة وحل هذه المشكلة وكل الذي احتاجه هو انظ تظهر الصفحة بنفس الصورة المرفقة .. افيدوني وفقكم الله

 

واعتذر على الاطالة 

كلمات دليلية: cordova php
أعجبني السؤال تابع السؤال شارك السؤال

ساعد بالإجابة

"إن في قضاء حوائج الناس لذة لا يَعرفها إلا من جربها، فافعل الخير مهما استصغرته فإنك لا تدري أي حسنة تدخلك الجنة."

الإجابات (2)

Ali Majrashi • منذ 6 سنوات

وعليكم السلام ورحمة الله وبركاته 

معليش هل انت مستخدم فقط كردوفا مباشره ولا مستخدم اطار عمل مثل ionic ؟

 

Rayan: لا مستخدم كوردوفا مباشرة

Ali Majrashi • منذ 6 سنوات

بما انك تستخدم cordova مباشرة اتوقع انك عملت overide على وظيفة back-button الافتراضية مثال بسيط اذا حبينا نعدل على عمل زر الخلف ببعض الاجهزة الي فيها back-button مثل اندرويد 

<!DOCTYPE html>
<html>
  <head>
    <title>Back Button Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // device APIs are available
    //
    function onDeviceReady() {
        // Register the event listener
        document.addEventListener("backbutton", onBackKeyDown, false);
    }

    // Handle the back button
    //
    function onBackKeyDown(e) {
        e.preventDefault();
        // logic here to go into specific div
    }

    </script>
  </head>
  <body onload="onLoad()">
  </body>
</html>

وعن طريق event الي تولد حاول توصل لنفس div الي كان فيه وتعرضه من جديد بدل العودة باستخدام history 

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !

اشترك الآن