معرفی :
swfObject فایل کوچک جاوا اسکریپتی است که برای ادغام فایل های فلش در صفحات وب مورد استفاده قرار می گیرد . این اسکریپت برای قرار دادن هرچه راحتتر فایل های فلش در صفحات وب ایجاد شده است و بهترین روش برای قرار دادن فایل های فلش در صفحات وب می باشد.
قابلیت ها :
- شناسایی نسخه فلش پلیر کاربر و در صورت عدم وجود نسخه مناسب نمایش محتوای جایگزین
- قابلیت نصب یا بروزرسانی فلش پلیر کاربر از طریق Adobe Express install
چگونگی استفاده از swfObject :
استفاده از این اسکریپت بسیار ساده می باشد . ابتدا فایل swfobject.js را به صفحه وب لینک کرده سپس از کد زیر برای قرار دادن فایل فلش در صفحه استفاده کنید .
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>SWFObject dynamic embed - step 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
</script>
</head>
<body>
<div id="myContent">
<p>Alternative content</p>
</div>
</body>
</html>
کد بالا شامل دو قسمت می باشد . قسمت اول :
اگر کاربر ورژن مورد نیاز برای پخش فایل فلش را بر روی صفخه مرورگر خود نصب کرده باشد هرگز محتوای داخل این قسمت را مشاهده نخواهد کرد .
در واقع این قسمت جایگزینی است برای محتوای فلش در مواقعی که کاربر فلش پلیر مورد نیاز را قبلا نصب نکرده باشد. بنابراین می توان از این قسمت برای نمایش پیغام به
کاربر استفاده نمود تا کاربر نسخه فلش پلیر خود را بروز رسانی نماید.
نکته دیگر اینکه این قسمت توسط موتورهای جستجو مرور می شود بنابراین با قرار دادن محتوای جایگزین در این قسمت می توان قابلیت جستجوی محتویات صفحه را افزایش داد.
و بخش دوم :
در این قسمت یک نمونه از swfObject را ایجاد کرده و پارامترهای آن را مفداردهی می کنیم . این پارامتر ها عبارتند از :
swf (مقدار رشته ای ، لازم) : نام و مسیر فایل فلش
id (مقدار رشته ای ، لازم) : شناسه شی مورد نظر
width (مقدار رشته ای ، لازم) : عرض فایل فلش
height (مقدار رشته ای ، لازم) : ارتفاع فایل فلش
version (مقدار رشته ای ، لازم) : نسخه مورد نیاز فلش پلیر برای فایل فلش. این قسمت به دو صورت قابل مقداردهی است . به صورت “9″ یا “9.0.115″
پارامترهای اختیاری :
expressInstallSwfurl (شیء ، اختیاری): آدرس فایل Adobe express install
parms (شیء ، اختیاری) : برای مقداردهی عناصر درونی. این عناصر عبارتند از :
- play
- loop
- menu
- quality
- scale
- salign
- wmode
- bgcolor
- base
- swliveconnect
- flashvars
- devicefont
- allowscriptaccess
- seamlesstabbing
- allowfullscreen
- allownetworking
flashvars (شیء ، اختیاری) : افزودن مجموعه متغیر هایی که به فایل فلش ارسال می شود
attributes (شیء ، اختیاری) : افزودن مجموعه خصایص به شیء
نحوه اعلان flashvars و parms :
برای اعلان این پارامترها به صورت زیر عمل میکنیم .
به نمونه زیر توجه کنید :
var flashvars = {};
var params = {};
var attributes = {};
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params,
attributes);
</script>
اکنون می توانید متغیرهای دلخواه با مقادیرشان را در شیء flashvars ایجاد کنید و یا مولفه های parms را مقداردهی کنید.
روش اول :
var flashvars = {
name1: "hello",
name2: "world",
name3: "foobar"
};
var params = {
menu: "false"
};
var attributes = {
id: "myDynamicContent",
name: "myDynamicContent"
};
swfobject.embedSWF("myContent.swf", "myContent", "300", "120","9.0.0",
"expressInstall.swf", flashvars, params, attributes);
</script>
روش دوم بدین صورت است که ابتدا شیء flashvars را اعلان می کنیم سپس با استفاده از “.” متغیر ها را به آن می افزاییم.
مثال :
var flashvars = {};
flashvars.name1 = "hello";
flashvars.name2 = "world";
flashvars.name3 = "foobar";
var params = {};
params.menu = "false";
var attributes = {};
attributes.id = "myDynamicContent";
attributes.name = "myDynamicContent";
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params,
attributes);
</script>
روش سوم : ( می توان این عملیات را یکجا انجام داد )
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf",
{name1:"hello",name2:"world",name3:"foobar"}, {menu:"false"}, {id:"myDynamicContent",name:"myDynamicContent"});
</script>
