حل مشکل نمایش فایلهای فلش

یکی از مشکلاتی که طراحان صفحات وب و کاربران وب سایتها طی ماه های اخیر با آن مواجه شده اند تغییر در نحوه نمایش فایلهای فلش بر روی صفحات وب می باشد. چنانکه متوجه شده باشید وقتی موس خود را بر روی یک فایل فلش می برید یک دورکادر فایل فلش در حال نمایش را احاطه کرده و جمله ای با مضمون "Click to active and use this control" به صورت ToolTip نمایش داده میشود. این مشکل علاوه بر اینکه از زیبایی سایت خواهد کاست در بعضی موارد باعث ناراحتی کاربران سایتها میشود. مثلا زمانی که طراح وب سایت برای طراحی منوهای سایت از فلش استفاده کرده باشد در اینصورت کاربر برای ورود به هر یک از بخش های آن منو مجبور است دو بار بر روی منو کلیک کند و در هر بار refresh شدن صفحه دوباره مجبور است این کار را تکرار کند.

چنانچه شما طراح وب سایت هستید و این مشکل شما را کلافه کرده است کافیست به سایت Adobe.com سری بزنید. در این صفحه حل کامل این مشکل توضیح داده شده است.
قابل ذکر است مشکل ذکر شده به علت یکی از update هاییست که مایکروسافت در آپریل سال 2006 بر روی IE اعمال کرده است.

اگر خواندن این مقاله از حوصله شما خارج است میتوانید خلاصه قسمت کاربردی آن را در زیر بخوانید.

• ابتدا به آدرس http://www.adobe.com/devnet/activecontent/articles/devletter.html مراجعه کنید. فایلی با نام activecontent_samples.zip به حجم 124K را دانلود کنید.
• فایل زیپ شده را باز کرده و دو فایل با نامهای AC_RunActiveContent.js و AC_ActiveX.js را از داخل آن کپی کرده و داخل فولدر وب سایت خود قرار دهید.
• صفحه ای که قرار است فایل های فلش در آنها نمایش داده شوند را با یکی از ویرایشگرهای صفحات HTML مانند FrontPage باز کرده و دو فایل جاوا اسکریپ را با دستور زیر در آنها لود کنید.
  

  <script src="[path]/AC_RunActiveContent.js" type="text/javascript"></script>
  <script src="[path]/AC_ActiveX.js" type="text/javascript"></script>
  

  
  
• شما قبلا برای نمایش فایل فلش در صفحه وبتان از دستوری با فرمت زیر استفاده میکردید:
  

  <object classid="clsid:D27CDB6E..." ... height="200">
     <param name="movie" value="blogsky.swf">
     <param name="quality" value="high" />
     ...
     <embed src="blogsky.swf" ... height="200"></embed>
  </object>
  

  
   این کد به کمی تغییر نیاز دارد
  اول اینکه این کد را داخل تگ <noscript></noscript>قرار دهید.
  در ثانی اسکریپ زیر را قبل از کد بالا قرار دهید
  

  <script type="text/javascript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','height','200','src','blogsky.swf','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','blogsky', ... );</script>
  

  
  جاهایی که به صورت ... میباشد بخش هایی است که بر حسب نیاز طراح قابل تغییر میباشد.
  کد نهایی به صورت زیر خواهد بود
  

  <script type="text/javascript">AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','120','height','200,'src','blogsky.swf','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','blogsky' );</script>
  <noscript>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="120" height="200">
     <param name="movie" value="blogsky.swf" />
     <param name="quality" value="high" />
     <embed src="blogsky.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="200"></embed>
  </object>
  </noscript>
  

برای دیدن نمونه استفاده شده می توانید به صفحه اصلی و یا صفحه ورود به سیستم بلاگ اسکای مراجعه کنید. تبلیغات زیر منوی کناری سایت فایلهای فلشی هستند که به روش ذکر شده اصلاح شده اند.