تسجيل الدخول

الية إضافه مكتبه Javascript + المكتبه

الموضوع في 'ركن طلبات المنتديات' بواسطة localhost, بتاريخ ‏06-12-2014.

  1. localhost

    localhost :: عضو جديد ::

    إنضم إلينا في:
    ‏13-09-2014
    المشاركات:
    37
    الإعجابات المتلقاة:
    5
    الجنس:
    ذكر
    السلام عليكم ورحمه الله وبركاته

    هنالك مكتبة جافا سكربت ( Alert ) جميلة جدً واود إستخدامها في xenforo تحديدا عند دخول الزوار للمنتدى !
    SweetAlert
    عملت بحث بسيط عن طريقه الإضافه

    Frequently Asked Questions | XenForo Community



    كما هو واضح الضافه تكون في PAGE_CONTAINER اذا كنت سوف استخدمها في template

    وقبل ان اقحم نفسي بين تلك الأكواد وأرتكب العديد من الأخطاء قلت استشير اعضاء المنتدى
    hgdm Yqhti l;jfi Javascript + hgl;jfi
     
  2. ecko

    ecko :: عضو ::
    rank

    إنضم إلينا في:
    ‏24-04-2014
    المشاركات:
    165
    الإعجابات المتلقاة:
    124
    الجنس:
    ذكر

    صح تقدر تضيفها من التيمبلت PAGE_CONTAINER

    من خلال الكود التالى

    كود:
    <xen:require js="name_of_javascript_file.js" />

     
    أعجب بهذه المشاركة bousaid
  3. bousaid

    bousaid :: إداري ::
    rankrankrankrank

    إنضم إلينا في:
    ‏05-02-2012
    المشاركات:
    482
    الإعجابات المتلقاة:
    365
    الجنس:
    ذكر
    الإقامة:
    الجزائر - أدرار
    هههه جميلة و أنيقة هذه المكتبة
    أضف كود الاستدعاء الخاص بالمكتبة بالقالب PAGE_CONTAINER
    كود HTML:
    <script src="lib/sweet-alert.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">
    بعد هذا السطر
    كود HTML:
    <xen:include template="page_container_js_head" />

     
  4. localhost

    localhost :: عضو جديد ::

    إنضم إلينا في:
    ‏13-09-2014
    المشاركات:
    37
    الإعجابات المتلقاة:
    5
    الجنس:
    ذكر
    @ecko
    @bousaid
    بارك الله فيكم ، تم ربط المكتبه .. الان اين اضع أكواد الإستعلام

    مثال هذا الكود :
    وانا أريده يظهر لمره واحده لجميع الزوار​

     
  5. ecko

    ecko :: عضو ::
    rank

    إنضم إلينا في:
    ‏24-04-2014
    المشاركات:
    165
    الإعجابات المتلقاة:
    124
    الجنس:
    ذكر
    هتضيفة فى extra.css
    وممكن تضيفة فى الفوتر footer

    هيكون شكلة بطريقة كويسة فى اخر الصفحة على اليسار

    2014-12-07_01-49-01.jpg

    بالنسبة للظهور للزوار من الكود دا
    كود:
    <xen:if is="!{$visitor.user_id}">
    <div id='stickymsg'>
    swal({
    title: "Error!",
    text: "Here's my error message!",
    type: "error",
    confirmButtonText: "Cool"
    });
    </div>
    </xen:if>

    انما لتحديد مرة واحدة فقط فلا اعرف الطريقة
     
  6. localhost

    localhost :: عضو جديد ::

    إنضم إلينا في:
    ‏13-09-2014
    المشاركات:
    37
    الإعجابات المتلقاة:
    5
    الجنس:
    ذكر
    لم يعمل في Extra و footer .. ما أريده هو عمل ال Alert بدون زر !
     
  7. ecko

    ecko :: عضو ::
    rank

    إنضم إلينا في:
    ‏24-04-2014
    المشاركات:
    165
    الإعجابات المتلقاة:
    124
    الجنس:
    ذكر
    ممكن تجرب الكود دا

    كود:
    swal({
      title: "Auto close alert!",
      text: "I will close in 2 seconds.",
      timer: 2000
    });

    دا بزر بس بيغلق لوحدة بعد مرور عدد من الثوانى
     
  8. ecko

    ecko :: عضو ::
    rank

    إنضم إلينا في:
    ‏24-04-2014
    المشاركات:
    165
    الإعجابات المتلقاة:
    124
    الجنس:
    ذكر
    اولا لازم تحمل الاضافة دى هيكون ملف مضغوط وبعد كدا هتفك الضغط هيظهرلك مجلد بالاسم lib

    هتنقلة لواجهة السيرفر من الخارج

    وهتضيف الكود مثل ما تكرم ووضحلك الاخ بوسعيد وهيشتغل معاك
     
  9. localhost

    localhost :: عضو جديد ::

    إنضم إلينا في:
    ‏13-09-2014
    المشاركات:
    37
    الإعجابات المتلقاة:
    5
    الجنس:
    ذكر
    ecko نعم قمت بإضافه مجلد lib داخل مجلد js وكتبت الإستدعاء هكذا

    <script src="js/lib/sweet-alert.min.js"></script>
    <link rel="stylesheet" type="text/css" href="js/lib/sweet-alert.css">

    تم إضافه الأكواد في فوتر و Extra لاكن لاتعمل إلى الان ..
     
  10. localhost

    localhost :: عضو جديد ::

    إنضم إلينا في:
    ‏13-09-2014
    المشاركات:
    37
    الإعجابات المتلقاة:
    5
    الجنس:
    ذكر
جاري تحميل الصفحة...