javascript onclick event over flash flash


Answers

لقد وجدت هذا في http://progproblems.blogspot.com/2009/08/javascript-onclick-for-flash-embeded.html

  1. تعيين wmode المعلمة إلى transparent . يسمح هذا للكائن المحتوي على الفلاش باستلام javascript onclick .
  2. استخدام onmousedown insted onclick . على الرغم من استخدام wmode transparent ، لا تزال بعض المتصفحات لا تتصل بـ onclick ، لكنها تطلق على الإنترنت.

يبدو الرمز كالتالي:

<div onmousedown="clickBanner(1)">
<object>
<param name="movie" value="3.swf">
<param name="wmode" value="transparent" />
<embed wmode=transparent allowfullscreen="true" allowscriptaccess="always" src="3.swf"></embed>
</object>
</div>

انها تعمل لاحتياجاتي =)

Question

لديّ فيلم فلاش واحد داخل div ، أضع معالج أحداث javascript onclick في القسم الرئيسي ، ولكن لا يصطاد النقر ، فما الخطأ؟

الشفرة:

   <div id="top-box-player" onclick="alert('Hi Bananas!');">
     <object width="400" height="300">
        <param name="movie" value="general.swf">
        <embed src="./swf/general.swf" width="400" height="300">
        </embed>
     </object>
   </div>



سوف يمسك كائن الفلاش دائمًا بالنقرة ولا يجتازه تلقائيًا. سيكون لديك لبناء هذه الوظيفة - قبض على onclick في فلاش وندعو JS- وظيفة.

ماذا تحاول تحقيقه؟




القيام بحدث onclick على علامة الكائن. (علامة obejct تدعم أحداث الماوس). ثم انتزاع div الأصل عبر DOM.




واجهت هذه المشكلة عندما حاولت إنشاء إعلانات بانر تلقائية ديناميكية. إذا تم وضع SWF في وضع 'opaquecolor' ، فلم يكن لدي أي نقرات مقبولة - واضطررت إلى استخدام opaquecolor لأن بعض اللافتات أفسدت ألوان المواقع. الحل الذي وجدته ، هو ضبط SWF على الوضع "الشفاف" ، في <div> من z-index: 10 ، ووضعه تحت <div> جديد من نفس أبعاد ملف SWF ، ممتلئ بخاصية opaquecolor لـ الصندوق. كلا divs في علامة <a>. هذا مشغول.

Example:
    <a href="www.mysite.com">
    <div id="SWF_file_container" style="width:100px; height:40px; z-index:10;">
    <object> .... </object> (adding SWF in TRANSPARENT MODE)
    </div>
    <div id="opaquecolor_of_swf" style="width:100px; height:40px; z-index:2; background-color:#ff0000;"></div>
    </a>



Links