HTML DOM Map Object

Previous >    <Next  

‎شئ نقشه ـMap Object

‎شئMap منتسب با يك عنصرHTML ‎<map>‎ ميباشد . با شئMap ‎ميتوان عنصرHTML ‎<map>‎صفحه را بصورت اقدامات شئ گرائي مديريت كرد.

‎دسترسي به شئMap

‎با متد‎getElementById()‎‎ ميتوان بعنصرHTML ‎<map>‎ دسترسي ‎پيداكرد.

‎مثال ـ دسترسي به عنصرHTML ‎<map>‎ باid="myMap‎"‎

var x = document.getElementById("myMap");

--(go to editor for change code and run)

‎ايجاد شئMap

‎با متد‎document.createElement()‎‎ ميتوان شئMap را ايجاد نمود.

‎مثال ـ ايجاد شئMap

var x = document.createElement("MAP");

--(go to editor for change code and run)

‎مجموعه اشياء نقشه ـMap Object Collections

‎مجموعه ‎شرح
areas ‎يك مجموعه از عناصر‎<area>‎ موجود در نقشه تصويري را برگشت ميدهد .
images ‎يك مجموعه از عناصر‎<img>‎ موجود در نقشه تصويري را برگشت ميدهد.

‎ويژگي هاي شئ نقشه ـMap Object Properties

‎ويژگي ‎شرح
name ‎نام نقشه تصويري را تنظيو ويا برگشت ميدهد
‎نمونه مثال آنرادر همين صفحه ملاحظه فرمائيد.

‎ويژگيMap name

‎ويژگيMap name مقدار ويژگيname عنصرHTML ‎<map>‎ مرتبط با شئ ‎نقشه را تنظيم ويا برگشت ميدهد .اين ويژگي نام عنصر نقشه تصويري را مشخص ميكند.

‎مثال ـ دريافت نام نقشه تصويري

var x = document.getElementById("planetmap").name;

--(go to editor for change code and run)

‎ويژگيname با ويژگيusemap عنصر‎<img>‎ مرتبط است ورابه بين تصوير ونقشه ‎ايجاد ميكند.

‎توجه ـ هنگام تنظيم ويژگيname بايد ويژگي usemap عنصر ‎<img>‎ را نيز تنظيم ‎كنيد .درغير اينصورت رابطه بين تصوير ونقشه وجود ندارد .بعبارتي مناطق قابل كليك بوجود نمي ‎آيند.

‎درHTML5 ويژگيid عنصر‎<map>‎ مقدار آن به مقدار ويژگي name تنظيم شود . ‎نميتواند آن خالي باشد.

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
mapObject.name

‎فرمت تنظيم ويژگي
mapObject.name=name

‎مثال ـ تنظيم ويژگيname

var x = document.getElementById("planetmap").name;

--(go to editor for change code and run)

‎شئMap از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.

‎صفحات مرتبط

HTML <map > Tag

HTML <area> Tag

HTML DOM Area Object


Previous >    <Next