 |
السلام عليكم،
هذه حركة جميلة باعتماد مثال وجدته على النت وقمت بتعديله ليناسب الغرض.
الحركة في اساسها تقضي بعرض الصورة المناسبة بالجانب عند مرور الفارة على رابط نصي.
في اول الامر اشتغل الامر مع بلوك واحد.
ولكن لحاجتي في نفس الصحة لعدة بلوكات اردت ان اضاعفها ولكن الامر هذه المرة لم يشتغل معي بتاتا.
ارجو من الخبراء تعديل الكود ليشتغل معي بصورة جيدة.
المثال في المرفق.
شكرا مسبقاً.
__________________
مجلتي الصغيرة
لم تقم بربط مكتبة الـ JQuery بالملف !!
حمل المكتبة من هنا
http://docs.jquery.com/Downloading_jQuery
ثم قم بربطها في السطر :
ملاحظة : التصميم مبعثر في الفايرفوكس ، عليك التعديل عليه ليتناسب مع جميع المتصفحاتكود HTML:<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
اهلا اخي ريف،
ليست المشكلة في ربط ملف jQuery وانما المشكلة الاولية موجودة في وجود تكرار لمعرف id لحاويتين :
فإذا غيرنا الكود الى :كود PHP:<div id="articles">
يلزمنا كود jQuery ثاني يعالج عناصر هذا المعرف :كود PHP:<div id="articles2>
وهكذا ...كود PHP:$("#articles2 h3").attr("tabindex", "0");
إذن كيف يمكن ينفس الكود معالجة كل الحاويات التي لها معرف id=articlesXX ؟
مشكل ثاني : كيف لي ان اجعل الصورة تظهر امام النص وليس فوقه كما هي الآن ؟
شكراَ.
__________________
مجلتي الصغيرة
ربما لم افهمك جيدا لأنه يعمل عندي
على اي حوّل id إلى class
حيث
و JSكود HTML:<div class="articles">
جربكود HTML:$(".articles h3").attr("tabindex", "0");
تعمل لدي كذلك مع وجود الخطا امشار اليه (تكرر الـ id)
الكلاس جربتها من قبل ولم تعمل معي ... لا اعلم لماذا !!!!
هل جربتها عندك ؟
__________________
مجلتي الصغيرة
تم تغيير الـ id الى كلاس articles.
اشتغل الامر ولكن هناك مشكلة صغيرة ما زالت قائمة :
عند تمرير الفارة على الديف الاول والانتقال الى الديف الثاني تختفي آخر صورة تم اظهارها من الديف الاول.
كيف يتم تصحيح الكود في هذه الحالة ؟
شكراً.
التعديل الأخير تم بواسطة apitos ; 01-01-2010 الساعة 08:09 PM
__________________
مجلتي الصغيرة
ضوابط المشاركة
رد مع اقتباس