HTML DOM Area Object Properties

Previous >    <Next  

‎ويژگي هاي شئ ناحيه

‎شئ ناحيه‎(Area Object)‎ كه توسط امكانات جاوااسكريت ايجادويا قابل دسترسي ‎است، داراي ويژگي هاي خاص بوده كه توسط جاوااسكريت بسادگي مطابق الگوي شئ گرائي قابل ‎تنظيم بوده ويا قابل دسترسي است .اين اشياء نماينده هاي عنصر‎HTML <area> tag ‎ ‎ميباشند.، و درصفحه ميتوان توسط جاوااسكريپت آنها را مديريت نمود.

‎ويژگي هاي شئ ناحيه ـArea Object Properties

ويژگي شرح
alt ‎مقدار ويژگيalt راتنظيم ويا برگشت ميدهد .
coords ‎مقدارويژگيcoods تنظيم ويابرگشت ميشود .
hash ‎قسمت هش ويژگيhref را تنظيم ويا برگشت ميدهد . قسمت هش با‎‎"#‎"‎ شروع ميشود.
host ‎قسمت هاست وپورت مربوط به آدرسhref url را تنظيم ويابرگشت ميدهد.
hostname ‎نام هاست مربوط بهhref راتنظيم ويابرگشت ميدهد .
href ‎مقدار ويژگيhref ناحيه را تنظيم ويابرگشت ميدهد .
noHref

‎درHTML5 پشتيباني نمي شود .

‎مقدار ويژگيnoHref تنظيم ويا برگشت ميشود.

origin ‎مقدار مربوط به پروتكل ، نام هاست وپورت ويژگيhref را برگشت ميدهد .
password ‎بخش كدرمزhref را تنظيم ويا برگشت ميدهد .
pathname ‎مقدار قسمتpathname مربوط بهhref را تنظيم ويابرگشت ميدهد.
port ‎بخش پورت مربوط بهhref را تنظيم ويا برگشت ميدهد .
protocol ‎بخشprotocol مربوط به href را تنظيم ويابرگشت ميدهد .
search ‎بخش درخواست‎(querystring)‎ مربوط بهhref تنظيم ويا برگشت ميشود.
shape ‎مقدارويژگيshape را تنظيم ويابرگشت ميدهد .
target ‎ويژگيtarget مربوط به لينك تنظيم ويابرگشت ميشود .
username ‎قسمتusername ويژگي href را تنظيم ويابرگشت ميدهد .

‎ويژگيArea alt

‎مقدار ويژگيArea alt ويژگيalt عنصر ناحيه‎(HTML <area>)‎ را تنظيم ويا ‎برگشت ميدهد.

‎ويژگيalt متن جايگزين مورد نيازيك ناحيه را درصورتيكه تصوير قابل نمايش نباشد، مشخص ميكند .

‎مثال ـ متن جايگزين ناحيه خاص را دريك تصوير دريافت ميكند.

var x = document.getElementById("venus").alt;

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

‎مثال ـ تغيير متن جايگزين براي ناحيه خاص تصويري‎(id="venus‎")

document.getElementById("venus").alt = "The planet Venus";

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

‎صفحات مرتبط

HTML alt Attribute

‎ويژگيArea Coords

‎مقدار ويژگيArea coords ويژگيcoords عنصر ناحيه‎(HTML <area>)‎ را تنظيم ويا ‎برگشت ميدهد.

‎ويژگيcoords مختصات x و y يك ناحيه رامشخص ميگند .

‎ويژگيcoords همراه باويژگيshape براي تعيين انداره، شكل ومكان يك ناحيه استفاده مبشود.

‎نكته ـ مختصات گوشه سمت چپ بالاي يك ناحيه‎0,0‎ است

‎نكته ـ ازويژگيshape براي تنظيم يا دريافت مقدار ويژگيshape يك ناحيه استفاده كنيد.

‎مثال ـ مختصات يك ناحيه مشخصي رااز نقشه تصويري بدست مي آورد.

var x = document.getElementById("venus").coords;

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

‎مقادير ويژگيarea coords

‎مقدار ويژگي ‎شرح
x1,y1
x2,y2
‎اگر ويژگيshape به مقدار‎‎"rect‎"‎ يعني مستطيل تنظيم شود، مقادير به ترتيب مختصات ‎گوشه بالائي وگوشه پائيني آن ميباشد.
x,y
radius
‎اگر ويژگيshape به‎‎"circle‎"‎ يعني دايره تنظيم شود ،مقادير ويژگي به ترتيب مختصات ‎مركز دايره واندازه شعاع آن منظور ميشود.
x1,y1
x2,y2
...
xn,yn
‎اگر ويژگيshape به‎‎"ploy‎"‎ يعني چند ضلعي تنظيم شود به ترتيب زوج مقادير مختصات ‎گوشه هاي آن ميباشند.

‎مثال ـ مختصات براي ناحيه مشخص در نقشه تصويري را تغييرميدهد.

document.getElementById("venus").coords = "90, 58, 3";

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

‎صفحات مرتبط باويژگيArea coords

HTML <area> Tag

HTML coords Attrubute

‎ويژگيArea hash

‎ويژگيhash مقدارقسمتhash ويژگيhref لينك راتنظيم يا برگشت ميدهد. قسمتhash ويژگي href ‎درانتها با‎‎"#‎"‎ شروع مي شود .

‎مثال ـ دسترسي به مقدارقسمتhash ويژگيhref لينك ناحيه مشخص

var x = document.getElementById("venus").hash;

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

‎مثال ـ تغيير قسمت هش ويژگيAnchore href دريك ناحيه مشخص تصويري

document.getElementById("venus").hash = "newhashvalue";

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

‎ويژگيArea host

‎بااين ويژگي ميتوان قسمت هاست ويژگيhref لينك ناحيه مشخص را تنظيم ويا دريافت كرد.

‎ويژگيhref مقصد يك لينك را دريك منطقه مشخص ميكند .

‎توجه ـ اگر شماره پورت درurl مشخص نشده باشد ويا پيش فرض آن مثل‎433 , 80‎ باشد،برخي ‎ازمرورگرها آنرا نمايش نميدهند.

‎مثال ـ دراين مثال قسمت هاست كه شاملhostname وشماره پورت‎(port number)‎ ‎برگشت ميشود.

var x = document.getElementById("venus").host;

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

‎مثال ـ دراين مثال نام هاست وشماره پورت ويژگيhref رابراي ناحيه تصويري مشخص را برگشت ميدهد

document.getElementById("venus").host = "www.example.com:300";

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

‎ويژگيArea hostname

‎اين ويژگي قسمتhostname ويژگيhref لينك رابرگشت ياتغييرميدهد . ويژگيhref مقصد يك لينك را ‎در يك ناحيه مشحص ميكند.

‎مثال ـ مقدارhostname ويژگي href لينك را براي ناحيه مشخصي برگشت ميدهد .

var x = document.getElementById("venus").hostname;

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

‎مثال ـ مقدارhosname ويژگيhref لينك را براي نقشه تصويري مشخص تغيير ميدهد. ‎مقدار ويژگيhostnameنام ميزبان ميباشد .

document.getElementById("venus").host = "www.example.com";

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

‎شئlocation مربوط به محل جاريست وداراي ويژگي host,hostnameميباشد .ميتوان ازآن براي ‎دريافت آن ويژگي استفاده كرد.

‎ويژگيArea href

‎ويژگيhref مقدارويژگيhref لينك ناحيه راتنظيم يا برگشت ميدهد . دراينجا ويژگيhref مقصد يك ‎لينك را در يك ناحيه مشخص ميكند.

‎مثال ـurl لينك دريك ناحيه تغييرداده ميشود .

document.getElementById("venus").href = "sun.htm";

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

‎مقادير ويژگيArea href

‎مقدار ‎شرح
URL ‎هايپرلينك هدف را براي ناحيه مشخص ميكند.
‎مقاديرممكن
  • ‎يكURL مطلق كه به سايتي ديگر اشاره كند .
  • ‎يكURL نسبي كه به فايلي درداخل وبسايت جاري اشاره ميكند . مانند(href="sun.htm‎")‎
  • ‎لينك به عنصري درداخل صفحه جاري مانند‎(hre="#top‎")
  • ‎پروتكل هاي ديگر مانند‎(href="https://, ftp:// , mailto: , file: , etc...)
  • ‎يك اسكريپت مانند‎(href="javascrit:alert('hello');‎")

‎مثال ـ دريافتURL لينك در يك ناحيه

var x = document.getElementById("venus").href;

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

‎مثال ـ تغييرURL لينكي به ناحيه بهURL مطلق

document.getElementById("venus").href = "http://www.cnn.com/";

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

‎ويژگيArea origin

‎ويژگيorigin پروتكل،نام هاست وشماره پروت ويژگيhref رابرگشت ميدهد . ويژگيhref مقصد يك لينك ‎را دريك ناحيه مشخص ميكند.

‎نكته ـ اگر شماره پورت درurl مشخص نشده باشدو يا از پيش فرض استفاده شود، بعضي ازمرورگرها ‎آنرا نمايش نمي دهند.

‎نكته ـ اين ويژگي فقط خواندني است

‎مثال ـ دراين مثالprotocol,hostname,portnumer ويژگيhref لينك رابرگشت ميدهد . اين لينك ‎مربوط به يك نقشه تصويري است.

var x = document.getElementById("venus").origin;

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

‎مقادير برگشتي اين ويژگي بصورت زير است

‎برايurl هائيكه از پروتكل ‎file:‎ استفاده ميكنند، برگشتي مرورگرها متفادت است

‎ويژگيArea pssword

‎باويژگي فوق مقدار قسمتpassword ويژگي href لينك تنظيم يابرگشت ميشود .

‎ويژگيhref مقصد لينك را دريك ناحيه مشخص ميكند .

‎قسمت رمز درurl كه كاربر وارد ميكند، بعداز نام كاربري وقبل از نام ميزبان مشخص ميشود .

‎مثال ـhttps://johnsmith:smith123@www.example.com

‎كه دراين مثال نام كاربريjohnsmith وكدرمز smith123 است .

‎مثال ـ مقدار قسمتpassword ويژگيhref لينك براي ناحيه مشخصي برگشت ميشود .

var x = document.getElementById("venus").password;

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

‎مثال ـ تغيير قسمتpasswod ويژگي href لينك ناحيه اي در نقشه تصويري

document.getElementById("venus").password = "newPassword101";

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

‎ويژگيArea pathname

‎با ويژگي فوق قسمتpathname مربوط به href ناحيه اي را تنظيم ويا آنرا ميتوان دريافت كرد .

‎مثال ـ دريافت قسمتpathname ويژگي href احيه اي دريك نقشه تصويري

var x = document.getElementById("venus").pathname;

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

‎مثال ـ مقدارpathname ويژگي href ازيك ناحيه مشحص تغييرميدهد .

document.getElementById("venus").pathname = "somenewpathname";

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

‎ويژگيArea port

‎ويژگيArea port مقدار قسمت پورت ويژگي href ناحيه مشخصي را تنظيم ويابرگشت ميدهد .

‎ويژگيhref مقصد يك لينك را درناحيه اي مشخص ميكند .

‎توجه ـ اگر شماره پورت درurl مشخص نشده باشد، برخي ازمرورگرها ‎0‎ ياچيزي نشان ‎نميدهند، حتي اگر پورت پيش فرض را رعايت نمايند.

‎مثال ـ قسمتport ويژگي href رابرگشت ميدهد .شماره پورت برگشت ميشود .

var x = document.getElementById("venus").port;

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

‎مثال ـ شماره پورتurl را براي ناحيه مشخصي درنقشه تصويري تغيير ميدهد .

document.getElementById("venus").port = "443";

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

‎ويژگيport شئ location يعني location.port براي صفحه جاري بوده وشماره پورت صفحه رابرگشت ‎ميدهد.

‎ويژگيArea protocol

‎ويژگيArea protocol مقدار قسمت پروتكل ويژگيhref را تنظيم ويابرگشت ميدهد .پروتكل ‎استانداردي است كه نحوه انتقال داده ها را بين رايانه ها مشخص ميكند.

‎ويژگيhref مقصد لينكي در يك ناحيه مشخص را اعلام ميكند .

‎مثال ـ دريافت پروتكل يك لينك دريك ناحيه مشخص

var x = document.getElementById("venus").protocol;

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

‎مقادير ممكن پروتكل يكurl مطابق زير ميباشد .

‎مثال ـ قسمتprotocol ويژگي href لينك يك ناحيه ازنقشه تصويري را تغييرميدهد .

var x = document.getElementById("venus").search;

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

‎ويژگيlocation.protocol براي شئlocation صفحه جاريست . ميتوان براي دسترسي به پروتكل ‎صفحه جاري ازآن استفاده كرد.

‎ويژگيArea search

‎ويژگيArea search مقدار قسمت Querystrinq ويژگيhref لينك مربوطه را تنظيم ويا برگشت ‎ميدهد.

‎ويژگيhref مقصد يك لينك را در يك ناحيه مشخص ميكند.

Querystring‎قسمتي ازhref لينك ميباشد .اين قسمت بعد از گذاشن علامت‎‎"?‎"‎ ‎براي ارسال پارامتر منظور ميشود.

‎مثال ـ دريافت قسمتQuerystring ويژگيhref لينك ناحيه مشخص از نقشه تصويري

var x = document.getElementById("venus").search;

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

‎مثال ـ تغيير قسمتquerystring مربوط بهurl لينك ناحيه مشخص ازنقشه تصويري

document.getElementById("venus").search = "somenewsearchvalue";

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

‎ويژگيlocation.serch مربوط به شئ location صفحه جاريست كه ميتوان ازآن براي دريافت querystring‎استفاده كرد .دراين رشته پارامتزهاي ارسالي وجود دارد .

‎ويژگيArea shape

‎ويژگيArea shape مقدار shape را براي ناحيه اي تنظيم ويا برگشت ميدهد.مقدار اين ويژگي ‎شكل ناحيه رامشخص ميكند.

‎ويژگيshape همراه با ويژگي coords براي ناحيه استفاده ميگردند .آنها اندازه، شكل ومحل ‎قرارگرفتن ناحيه را بيان ميكنند.

‎مقادير ويژگيArea shap

‎مقادير اين ويژگي مطابق جدول زيراست.

‎مقدارshape ‎شرح
default ‎كل منطقه را مشخص ميكند .يعني ناحيه نقشه تصويري
rect ‎يك منطقه مستطيلي
circle ‎منطقه دايره اي
poly ‎چند ضلعي

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

document.getElementById("venus").shape = "default";

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

‎مثال ـ شكل ناحيه مشخصي را از نقشه تصويري برگشت ميدهد

var x = document.getElementById("venus").shape;

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

‎صفحات مرتبط

HTML shape attribute

‎ويژگيArea target

‎ويژگيArea targe ويژگيtarget لينك ناحيه مربوطه را تنظيم يا برگشت ميدهد .ويژگي فوق محل ‎بارگذاري سندپيوندي رامشخص ميكند.

‎مثال ـ ويژيtarget پيوند را به‎‎"_blank‎"‎تغيير ميدهد.

document.getElementById("venus").target = "_blank";

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

‎مقادير اين ويژگي مطابق جدول زيراست.

‎مقدارtarget ‎شرح
_blank ‎سند پيوندي را در يك پنجره جديد باز ميكند.
_self ‎سندپيوندي را درهمان فريم كليك شده باز ميكند .اين مقدارپيش فرض اين ويژگي است
_parent ‎سند پيوندي را در مجموعه فريم والدين بازميكند.
_top ‎سندپيوندي را در پنجره اي كامل بازميكند
framename ‎سند رادر فريم مشخص شده باز ميكند.

‎مثال ـ مقدار ويژگيArea targe لينك ناحيه مشخص در نقشه تصويري را برگشت ميدهد .

var x = document.getElementById("venus").target;

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

‎صفحات مرتبط

HTML <area> target attribute

‎ويژگيArea username

‎ويژگيArea username مقدار قسمت username ويژگيhref لينك را تنظيم يا برگشت ميدهد.

‎درURL قسمت نام كاربري همان نام كاربري است كه كاربر واردميكند .بعدازپروتكل وقبل از كد رمز ‎مشخص شده است.

‎مثال

https://johnsmith:smith123@www.example.com

johnsmith‎نام كاربري و smith123 كد رمز ميباشد .

‎مثال ـ نام كاربري برگشت ميشود.

var x = document.getElementById("venus").username;

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

‎مثال ـ تغيير قسمتusername ويژگي href ناحيه مشخص از نقشه تصويري

document.getElementById("venus").username = "newUsername";

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


Previous >    <Next