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

kilani · 13-02-2007, 06:17 PM

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

اسم الطالب

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

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

<< طرار ويبي ثووب كبك

في المرفقات مثال لما اريد القيام به تم تنفيذه من خلال الفلاش .
ودمتم بود

Zizwar · 14-02-2007, 03:24 AM

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

kilani · 14-02-2007, 06:07 AM

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

kilani · 11:50 PM

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

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

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

kilani · 17-02-2007, 02:11 PM

السلام عليكم
شكل الموضوع انسى كم يوم

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

Zizwar · 17-02-2007, 08:43 PM

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

Zizwar · 17-02-2007, 08:45 PM

المثال الثاني الذي وضعت جيد لأنه يفتح قسم واحد فقط
وقد عدلته ليصبح صفحة واحدة
ان أردت الا تفتح ولاخانة واحدة عند فتح النافذة فأزل هذا السطر

كود PHP:

  showHideContent(false,1);

بقيت مسألة أجاكس، في الطريق ان شاء الله

kilani · 18-02-2007, 02:01 AM

جزاك الله خير الجزاء اخي الفاضل زيزوار
بالفعل في المثال الأول انتهت مشكلة الخطأ الذي يظهر في المتصفح غير ان تأثير الانزلاق اختفى بسبب ملف الـ 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>

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

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

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

kilani · 20-02-2007, 04:05 PM

هل من جديد ...

Zizwar · 23-02-2007, 04:55 PM

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

kilani · 23-02-2007, 10:41 PM

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

kilani · 26-02-2007, 10:44 AM

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