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

الموضوع: Javascript: استخدام الدالة أكثر من مرة + مشكلة مع متصفح Opera

  1. #1
    عضو نشيط
    تاريخ التسجيل
    May 2006
    المشاركات
    161

    Javascript: استخدام الدالة أكثر من مرة + مشكلة مع متصفح Opera



    السلام عليكم
    أريد أن أستخدم هذه الدالة في أكثر من وصله بنفس الصفحة
    كود HTML:
    box = function(){
    if(document.getElementById("box_id").style.display == "none")
        document.getElementById("box_id").style.display = ""
    else
        document.getElementById("box_id").style.display = "none"
    }
    كود HTML:
    <a onclick="box()">ارتباط1</a>
    <div id="box_id" style="display:none;">
    محتوى1
    </div>
    
    <a onclick="box()">ارتباط2</a>
    <div id="box_id" style="display:none;">
    محتوى2
    </div>
    قمت بتكرار الدالة مع تغيير الاسم واستخدامها كدالة منفصلة عن الأولى أريد حل أفضل.

    وهذا الكود لا يعمل مع متصفح Opera وقد ضمنته بهذا الشكل في الـindex
    كود HTML:
    <head>
    <script type="text/javascript" src="./box.js"></script>
    </head>






    __________________
    سـبـحـان الله، والـحــمــد لله، ولا إلـه إلا الله، والله أكـــبـــــر.


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


    جرب
    كود PHP:
    <script type="text/javascript"
    box = function(id_){
    if(
    document.getElementById(id_).style.display == "none")
        
    document.getElementById(id_).style.display ""
    else
        
    document.getElementById(id_).style.display "none"
    }
    </script>


    <a onclick="box('box_id')">ارتباط1</a> <div id="box_id" style="display:none;"> محتوى1 </div>
    <a onclick="box('box_id2')">ارتباط2</a> <div id="box_id2" style="display:none;"> محتوى2 </div> 







  3. #3
    عضو نشيط
    تاريخ التسجيل
    May 2006
    المشاركات
    161


    ماشاء الله عليك
    ألف شكر استاذي زيزوار
    بارك الله فيك وزادك من فضله

    تبقى مشكلة متصفح الأوبيرا؟





    __________________
    سـبـحـان الله، والـحــمــد لله، ولا إلـه إلا الله، والله أكـــبـــــر.

  4. #4
    عضو نشيط
    تاريخ التسجيل
    May 2006
    المشاركات
    161


    في المرفقات مثال كامل يعمل على الفايرفوكس والـIE ولا يعمل على الأوبيرا!





    الملفات المرفقة الملفات المرفقة
    __________________
    سـبـحـان الله، والـحــمــد لله، ولا إلـه إلا الله، والله أكـــبـــــر.

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


    الكود الذي وعت جربته في Opera
    لاتكرر الكود فقط كرر الوسوم ك
    كود HTML:
    <a onclick="box('box_id')">ارتباط1</a> <div id="box_id" style="display:none;"> محتوى1 </div>
    <a onclick="box('box_id2')">ارتباط2</a> <div id="box_id2" style="display:none;"> محتوى2 </div> 
    <a onclick="box('box_id3')">ارتباط3</a> <div id="box_id3" style="display:none;"> محتوى3  </div>
    <a onclick="box('box_id4')">ارتباط4</a> <div id="box_id4" style="display:none;"> محتوى4  </div> 







  6. #6
    عضو نشيط
    تاريخ التسجيل
    May 2006
    المشاركات
    161


    السلام عليكم
    فعلا كودك شغال لكن كودي لأ وهذا اللي محيرني
    ما أدري وين الخطأ





    __________________
    سـبـحـان الله، والـحــمــد لله، ولا إلـه إلا الله، والله أكـــبـــــر.

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


    لأني علت في الدالة وجعلتع يرسل تعريفة خاصة بالوم المراد التحكم به
    اذا لاحظت في كودك أن المعرف ID واحد مكرر، وهو يشكل تعارض حيث لايجب ن يكون مكرر بل كل وسم له ID خاص به حتى يتسنى الوصول و التحكم فيه لوحده










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

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

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