النتائج 1 إلى 12 من 12

الموضوع: سؤال عن كيفية تمديد وتقليص عدد من الـ(DIV)حسب الضغطات من بواسطة الأجاكس

  1. #1
    عضو نشيط جدا
    تاريخ التسجيل
    Mar 2005
    المشاركات
    437

    سؤال عن كيفية تمديد وتقليص عدد من الـ(DIV)حسب الضغطات من بواسطة الأجاكس



    السلام عليكم ورحمة الله وبركاته
    قمت بعد بعمل سكربتphp بسيط جدا يقوم بعرض بيانات من قاعدة بيانات MySql
    و أريد عرض البيانات في جدول يتكرر بواسطه حلقة تكرار for بحيث تظهر البيانات بالترتيب التالي

    اسم الطالب ( رابط عند الضغط عليه يتمدد الدايف الخاص بالبيانات ويتم عرض البيانات))
    البيانات:<هذه البيانات تظهر داخل الدايف>
    1- الرقم
    2- الصف
    3- النتيجة
    -------------------
    فلو فرضنا انك قمت بالضغط على الطالب رقم 2 سوف يتمدد الدايف ليظهر البيانات المطلوبة
    ولو قمت بالضغط على اسم الطالب رقم 1 سوف ينغلق الدايف الخاص ببيانات الطالب رقم 2 وتظهر بيانات الطالب رقم 1
    ايضا يمكن فتح أي من البيانات لخاصة بالطالب عن طريق الوصول له من الرابط
    مثال :
    http://localhost/stud.php#2
    فلو ذهبنا إلى هذا الرابط سوف يقوم بتمديد الدايف الخاص بهذا الطالب
    ولا يشترط ان يكون الرابط كذلك لانني اعرف ان هناك طريقة لإرسال الجافا عن طريق شريط المتصفح
    فلا مانع من أي طريقة لعمل ذلك

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





    الملفات المرفقة الملفات المرفقة


  2. #2
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


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






  3. #3
    عضو نشيط جدا
    تاريخ التسجيل
    Mar 2005
    المشاركات
    437


    السلام عليكم ورحمة الله وبركاته
    استاذي العزيز زيزوار لقد سعدت فعلا ً بردك على موضوعي
    الفكرة رائعة جدا ً
    لا حاجه لأن تكون الحركة سلسلة كما في الياهو فلاحاجه فعلية للاجاكس بكل طاقاته ولو فعلا ً تمت بالجافا فقط وبإمكانيات محدودة فهذا رائع وسوف تكون عملية بما فيه الكفاية
    ولو كان هناك عمل مشابه فلا مانع أيضا ً وسوف نقوم بالتعديل عليه
    يمكننا بدء العمل فيه وسوف اقوم بالمساعدة بما امتلك من خبره بعد توفيق الله
    اعانك الله وسدد خطاك
    بانتظار ردك
    دمت بود






  4. #4
    عضو نشيط جدا
    تاريخ التسجيل
    Mar 2005
    المشاركات
    437


    اهلين اخي زيزوار
    وجدت نموذج رائع اتمنى ان تراه
    طبعا قمت بتنقيح كود الجافا وتعديله بما يتناسب مع عملي لأن حجم الملف كان 66 كيلو هذا كبير جدا ً وقمت بتقيصله بحذف الأوامر التي لا تهمني واصبح 28 كيلو تقريبا ً . مناسب بعض الشي

    لكن هناك مشكلة صغيره ان انفتاح الدايف لا يبدأ وهو صغير اريد ان يتم عمل التاثير من الإرتفاع الأصغر 10% وليس كما هو الآن من الإرتفاع الحالي 100%
    ما نطمح لتعديله هو التالي
    ان تكون الدايفات منغقلة من البداية و أن يتم الوصول لفتح دايف ما من خلال رابط في المتصفح بإرسال امر الجافا من العنوان كما وضحت في بداية الموضوع ولو تم اغلاق الدايفات المفتوحة يكون جيد جدا وإن لم يتم فلا تشغل نفسك اخي الكريم
    دمت بخير
    مصدر المؤثرات
    http://labs.adobe.com/technologies/spry/demos/effects/

    في المرفقات المثال مع التعديل





    الملفات المرفقة الملفات المرفقة
    التعديل الأخير تم بواسطة kilani ; 15-02-2007 الساعة 12:50 AM سبب آخر: نسيت شي ورجعت كتبته

  5. #5
    عضو نشيط جدا
    تاريخ التسجيل
    Mar 2005
    المشاركات
    437


    السلام عليكم
    شكل الموضوع انسى كم يوم
    وجدت هذا المثال أيضا ً
    http://www.dhtmlgoodies.com/scripts/...ent-slide.html






  6. #6
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


    في المثال الأول عدلت لك على الكود في ملف CSS لتتحكم في حجمه و أيضا في ملف JS لكي لا تظهر رسالة الخطأ بعدها سأرى من طريقة لجعل الأقسام تظهر مغلوقة من البداية





    الملفات المرفقة الملفات المرفقة

  7. #7
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


    المثال الثاني الذي وضعت جيد لأنه يفتح قسم واحد فقط
    وقد عدلته ليصبح صفحة واحدة
    ان أردت الا تفتح ولاخانة واحدة عند فتح النافذة فأزل هذا السطر
    كود PHP:
    showHideContent(false,1); 
    بقيت مسألة أجاكس، في الطريق ان شاء الله





    الملفات المرفقة الملفات المرفقة

  8. #8
    عضو نشيط جدا
    تاريخ التسجيل
    Mar 2005
    المشاركات
    437


    جزاك الله خير الجزاء اخي الفاضل زيزوار
    بالفعل في المثال الأول انتهت مشكلة الخطأ الذي يظهر في المتصفح غير ان تأثير الانزلاق اختفى بسبب ملف الـ css ولكن عن الكود قد اخفى خطأ المتصفح
    وقد قمت بخدعة بسيطة لجعل الأقسام تظهر مغلقة من البداية
    قمت بصغير حجم ارتفاع الدايف إلى 25 بكسل ومن ثم طلب تكبيره إلى 1200% من حجمه الطبيعي ونجحت الخدعة فتبدوا الأقسام مغلقة بالفعل .
    كود:
    <A title=Blind 
    onclick="Spry.Effect.Blind('product_box0', {duration: 1000, from: '100%', to: '1200%', toggle: true});" 
    href="blind.html#">Blind</A>
    ما اعجبني في الكود الأول هو الانزلاق أكثر من مرونه من الأخير فيبدو بمظهر أفضل .
    تشاركني الرأي ؟؟
    الكود الثاني جميل جدا ً جدا ً وأنا اعمل على دراسة كوده ليتسنى لي عمل اللوب
    لا تشغل نفسك كثيرا ً بمسألة الأجاكس إذا كانت سوف تأخذ وقت ...

    هل من الممكن تطبيق أغلاق الدايفات الأخرى عند طلب فتح دايف معين في المثال الأول ؟؟
    كما يحصل في المثال الثاني ؟
    وكيفيه الوصول لفتح دايف ما من خلال المتصفح ؟؟ عن طريق الرابط

    ودمت بخير يا اخي الفاضل






  9. #9
    عضو نشيط جدا
    تاريخ التسجيل
    Mar 2005
    المشاركات
    437


    هل من جديد ...






  10. #10
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


    حقيقة عجبني الثاني ليس فيه أخطاء ومتقن وممكن ان تخفف من سرعته
    الآن اذا كنت تريد المثال الأول هل أعدل عليه ليستورد ملف بالأجاكس






  11. #11
    عضو نشيط جدا
    تاريخ التسجيل
    Mar 2005
    المشاركات
    437


    جمعيهم رائعين أخي زيزوار ..
    لكن الُEase Effect في المثال الاول جميل جدا ً
    لو تمت اضافة تحميل الأجاكس فهو رائع جدا ً .. وان يتم اغلاق المفتوح
    والمثال الثاني لا غبار عليه فهو رائع بالفعل ..لو تم عمل الُEase Effect عليه فهو رائع ويفي بالغرض بالفعل
    دمت بخالص الود






  12. #12
    عضو نشيط جدا
    تاريخ التسجيل
    Mar 2005
    المشاركات
    437


    هل من جديد بخصوص الأجاكس أستاذ زيزوار ؟










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

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

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض