التغطية المصورة ليوم سوالف: الجزء الأول، الجزء الأخير
الفائزون في المسابقة الأصغر لسوالف كاست

 

العودة   سوالف سوفت > قسم تطوير وبرمجة المواقع للمتقدمين > ويب 2.0 و البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد  
 
LinkBack أدوات الموضوع
عضو نشيط
تاريخ التسجيل: Mar 2005-
#1 (permalink)  
سؤال عن كيفية تمديد وتقليص عدد من الـ(DIV)حسب الضغطات من بواسطة الأجاكس


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

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

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






الملفات المرفقة
نوع الملف: zip div_ex1.zip‏ (14.8 كيلوبايت, المشاهدات 40)
kilani غير متواجد حالياً   قديم 13-02-2007, 06:17 PM
رد مع اقتباس
خبير JavaScript
تاريخ التسجيل: Jul 2002-
Blog Entries: 15
#2 (permalink)  

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






Zizwar غير متواجد حالياً   قديم 14-02-2007, 03:24 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Mar 2005-
#3 (permalink)  

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






kilani غير متواجد حالياً   قديم 14-02-2007, 06:07 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Mar 2005-
#4 (permalink)  

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

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

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






الملفات المرفقة
نوع الملف: zip blind.zip‏ (34.7 كيلوبايت, المشاهدات 44)

التعديل الأخير تم بواسطة : kilani بتاريخ 14-02-2007 الساعة 11:50 PM. سبب آخر: نسيت شي ورجعت كتبته
kilani غير متواجد حالياً   قديم 14-02-2007, 11:20 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Mar 2005-
#5 (permalink)  

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






kilani غير متواجد حالياً   قديم 17-02-2007, 02:11 PM
رد مع اقتباس
خبير JavaScript
تاريخ التسجيل: Jul 2002-
Blog Entries: 15
#6 (permalink)  

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






الملفات المرفقة
نوع الملف: zip blind_files.zip‏ (34.1 كيلوبايت, المشاهدات 35)
Zizwar غير متواجد حالياً   قديم 17-02-2007, 08:43 PM
رد مع اقتباس
خبير JavaScript
تاريخ التسجيل: Jul 2002-
Blog Entries: 15
#7 (permalink)  

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






الملفات المرفقة
نوع الملف: zip show-hide-content-slide.zip‏ (2.2 كيلوبايت, المشاهدات 45)
Zizwar غير متواجد حالياً   قديم 17-02-2007, 08:45 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Mar 2005-
#8 (permalink)  

جزاك الله خير الجزاء اخي الفاضل زيزوار
بالفعل في المثال الأول انتهت مشكلة الخطأ الذي يظهر في المتصفح غير ان تأثير الانزلاق اختفى بسبب ملف الـ 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 غير متواجد حالياً   قديم 18-02-2007, 02:01 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Mar 2005-
#9 (permalink)  

هل من جديد ...






kilani غير متواجد حالياً   قديم 20-02-2007, 04:05 PM
رد مع اقتباس
خبير JavaScript
تاريخ التسجيل: Jul 2002-
Blog Entries: 15
#10 (permalink)  

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






Zizwar غير متواجد حالياً   قديم 23-02-2007, 04:55 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Mar 2005-
#11 (permalink)  

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






kilani غير متواجد حالياً   قديم 23-02-2007, 10:41 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Mar 2005-
#12 (permalink)  

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






kilani غير متواجد حالياً   قديم 26-02-2007, 10:44 AM
رد مع اقتباس
رد


 

أدوات الموضوع

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

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة



الساعة الآن: 10:35 AM بتوقيت المملكة العربية السعودية