شئ ناحيه(Area Object) كه توسط امكانات جاوااسكريت ايجادويا قابل دسترسي
است، داراي ويژگي هاي خاص بوده كه توسط جاوااسكريت بسادگي مطابق الگوي شئ گرائي قابل
تنظيم بوده ويا قابل دسترسي است .اين اشياء نماينده هاي عنصر
ويژگي | شرح |
---|---|
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 ويژگيalt عنصر ناحيه(HTML <area>) را تنظيم ويا برگشت ميدهد.
ويژگيalt متن جايگزين مورد نيازيك ناحيه را درصورتيكه تصوير قابل نمايش نباشد، مشخص ميكند .
مثال ـ متن جايگزين ناحيه خاص را دريك تصوير دريافت ميكند.
var x = document.getElementById("venus").alt;
مثال ـ تغيير متن جايگزين براي ناحيه خاص تصويري(id="venus")
document.getElementById("venus").alt = "The planet Venus";
مقدار ويژگيArea coords ويژگيcoords عنصر ناحيه(HTML <area>) را تنظيم ويا برگشت ميدهد.
ويژگيcoords مختصات x و y يك ناحيه رامشخص ميگند .
ويژگيcoords همراه باويژگيshape براي تعيين انداره، شكل ومكان يك ناحيه استفاده مبشود.
نكته ـ مختصات گوشه سمت چپ بالاي يك ناحيه0,0 است
نكته ـ ازويژگيshape براي تنظيم يا دريافت مقدار ويژگيshape يك ناحيه استفاده كنيد.
مثال ـ مختصات يك ناحيه مشخصي رااز نقشه تصويري بدست مي آورد.
var x = document.getElementById("venus").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";
ويژگيhash مقدارقسمتhash ويژگيhref لينك راتنظيم يا برگشت ميدهد. قسمتhash ويژگي href درانتها با"#" شروع مي شود .
مثال ـ دسترسي به مقدارقسمتhash ويژگيhref لينك ناحيه مشخص
var x = document.getElementById("venus").hash;
مثال ـ تغيير قسمت هش ويژگيAnchore href دريك ناحيه مشخص تصويري
document.getElementById("venus").hash = "newhashvalue";
بااين ويژگي ميتوان قسمت هاست ويژگيhref لينك ناحيه مشخص را تنظيم ويا دريافت كرد.
ويژگيhref مقصد يك لينك را دريك منطقه مشخص ميكند .
توجه ـ اگر شماره پورت درurl مشخص نشده باشد ويا پيش فرض آن مثل433 , 80 باشد،برخي ازمرورگرها آنرا نمايش نميدهند.
مثال ـ دراين مثال قسمت هاست كه شاملhostname وشماره پورت(port number) برگشت ميشود.
var x = document.getElementById("venus").host;
مثال ـ دراين مثال نام هاست وشماره پورت ويژگيhref رابراي ناحيه تصويري مشخص را برگشت ميدهد
document.getElementById("venus").host = "www.example.com:300";
اين ويژگي قسمتhostname ويژگيhref لينك رابرگشت ياتغييرميدهد . ويژگيhref مقصد يك لينك را در يك ناحيه مشحص ميكند.
مثال ـ مقدارhostname ويژگي href لينك را براي ناحيه مشخصي برگشت ميدهد .
var x = document.getElementById("venus").hostname;
مثال ـ مقدارhosname ويژگيhref لينك را براي نقشه تصويري مشخص تغيير ميدهد. مقدار ويژگيhostnameنام ميزبان ميباشد .
document.getElementById("venus").host = "www.example.com";
شئlocation مربوط به محل جاريست وداراي ويژگي host,hostnameميباشد .ميتوان ازآن براي دريافت آن ويژگي استفاده كرد.
ويژگيhref مقدارويژگيhref لينك ناحيه راتنظيم يا برگشت ميدهد . دراينجا ويژگيhref مقصد يك لينك را در يك ناحيه مشخص ميكند.
مثال ـurl لينك دريك ناحيه تغييرداده ميشود .
document.getElementById("venus").href = "sun.htm";
مقدار | شرح |
---|---|
URL | هايپرلينك هدف را براي ناحيه مشخص ميكند.
مقاديرممكن
|
مثال ـ دريافتURL لينك در يك ناحيه
var x = document.getElementById("venus").href;
مثال ـ تغييرURL لينكي به ناحيه بهURL مطلق
document.getElementById("venus").href = "http://www.cnn.com/";
ويژگيorigin پروتكل،نام هاست وشماره پروت ويژگيhref رابرگشت ميدهد . ويژگيhref مقصد يك لينك را دريك ناحيه مشخص ميكند.
نكته ـ اگر شماره پورت درurl مشخص نشده باشدو يا از پيش فرض استفاده شود، بعضي ازمرورگرها آنرا نمايش نمي دهند.
نكته ـ اين ويژگي فقط خواندني است
مثال ـ دراين مثالprotocol,hostname,portnumer ويژگيhref لينك رابرگشت ميدهد . اين لينك مربوط به يك نقشه تصويري است.
var x = document.getElementById("venus").origin;
مقادير برگشتي اين ويژگي بصورت زير است
برايurl هائيكه از پروتكل file: استفاده ميكنند، برگشتي مرورگرها متفادت است
باويژگي فوق مقدار قسمتpassword ويژگي href لينك تنظيم يابرگشت ميشود .
ويژگيhref مقصد لينك را دريك ناحيه مشخص ميكند .
قسمت رمز درurl كه كاربر وارد ميكند، بعداز نام كاربري وقبل از نام ميزبان مشخص ميشود .
كه دراين مثال نام كاربريjohnsmith وكدرمز smith123 است .
مثال ـ مقدار قسمتpassword ويژگيhref لينك براي ناحيه مشخصي برگشت ميشود .
var x = document.getElementById("venus").password;
مثال ـ تغيير قسمتpasswod ويژگي href لينك ناحيه اي در نقشه تصويري
document.getElementById("venus").password = "newPassword101";
با ويژگي فوق قسمتpathname مربوط به href ناحيه اي را تنظيم ويا آنرا ميتوان دريافت كرد .
مثال ـ دريافت قسمتpathname ويژگي href احيه اي دريك نقشه تصويري
var x = document.getElementById("venus").pathname;
مثال ـ مقدارpathname ويژگي href ازيك ناحيه مشحص تغييرميدهد .
document.getElementById("venus").pathname = "somenewpathname";
ويژگيArea port مقدار قسمت پورت ويژگي href ناحيه مشخصي را تنظيم ويابرگشت ميدهد .
ويژگيhref مقصد يك لينك را درناحيه اي مشخص ميكند .
توجه ـ اگر شماره پورت درurl مشخص نشده باشد، برخي ازمرورگرها 0 ياچيزي نشان نميدهند، حتي اگر پورت پيش فرض را رعايت نمايند.
مثال ـ قسمتport ويژگي href رابرگشت ميدهد .شماره پورت برگشت ميشود .
var x = document.getElementById("venus").port;
مثال ـ شماره پورتurl را براي ناحيه مشخصي درنقشه تصويري تغيير ميدهد .
document.getElementById("venus").port = "443";
ويژگيport شئ location يعني location.port براي صفحه جاري بوده وشماره پورت صفحه رابرگشت ميدهد.
ويژگيArea protocol مقدار قسمت پروتكل ويژگيhref را تنظيم ويابرگشت ميدهد .پروتكل استانداردي است كه نحوه انتقال داده ها را بين رايانه ها مشخص ميكند.
ويژگيhref مقصد لينكي در يك ناحيه مشخص را اعلام ميكند .
مثال ـ دريافت پروتكل يك لينك دريك ناحيه مشخص
var x = document.getElementById("venus").protocol;
مقادير ممكن پروتكل يكurl مطابق زير ميباشد .
مثال ـ قسمتprotocol ويژگي href لينك يك ناحيه ازنقشه تصويري را تغييرميدهد .
var x = document.getElementById("venus").search;
ويژگيlocation.protocol براي شئlocation صفحه جاريست . ميتوان براي دسترسي به پروتكل صفحه جاري ازآن استفاده كرد.
ويژگيArea search مقدار قسمت Querystrinq ويژگيhref لينك مربوطه را تنظيم ويا برگشت ميدهد.
ويژگيhref مقصد يك لينك را در يك ناحيه مشخص ميكند.
Querystringقسمتي ازhref لينك ميباشد .اين قسمت بعد از گذاشن علامت"?" براي ارسال پارامتر منظور ميشود.
مثال ـ دريافت قسمتQuerystring ويژگيhref لينك ناحيه مشخص از نقشه تصويري
var x = document.getElementById("venus").search;
مثال ـ تغيير قسمتquerystring مربوط بهurl لينك ناحيه مشخص ازنقشه تصويري
document.getElementById("venus").search = "somenewsearchvalue";
ويژگيlocation.serch مربوط به شئ location صفحه جاريست كه ميتوان ازآن براي دريافت querystringاستفاده كرد .دراين رشته پارامتزهاي ارسالي وجود دارد .
ويژگيArea shape مقدار shape را براي ناحيه اي تنظيم ويا برگشت ميدهد.مقدار اين ويژگي شكل ناحيه رامشخص ميكند.
ويژگيshape همراه با ويژگي coords براي ناحيه استفاده ميگردند .آنها اندازه، شكل ومحل قرارگرفتن ناحيه را بيان ميكنند.
مقادير اين ويژگي مطابق جدول زيراست.
مقدارshape | شرح |
---|---|
default | كل منطقه را مشخص ميكند .يعني ناحيه نقشه تصويري |
rect | يك منطقه مستطيلي |
circle | منطقه دايره اي |
poly | چند ضلعي |
مثال ـ تغيير شكل ناحيه اي در نقشه تصويري
document.getElementById("venus").shape = "default";
مثال ـ شكل ناحيه مشخصي را از نقشه تصويري برگشت ميدهد
var x = document.getElementById("venus").shape;
ويژگيArea targe ويژگيtarget لينك ناحيه مربوطه را تنظيم يا برگشت ميدهد .ويژگي فوق محل بارگذاري سندپيوندي رامشخص ميكند.
مثال ـ ويژيtarget پيوند را به"_blank"تغيير ميدهد.
document.getElementById("venus").target = "_blank";
مقادير اين ويژگي مطابق جدول زيراست.
مقدارtarget | شرح |
---|---|
_blank | سند پيوندي را در يك پنجره جديد باز ميكند. |
_self | سندپيوندي را درهمان فريم كليك شده باز ميكند .اين مقدارپيش فرض اين ويژگي است |
_parent | سند پيوندي را در مجموعه فريم والدين بازميكند. |
_top | سندپيوندي را در پنجره اي كامل بازميكند |
framename | سند رادر فريم مشخص شده باز ميكند. |
مثال ـ مقدار ويژگيArea targe لينك ناحيه مشخص در نقشه تصويري را برگشت ميدهد .
var x = document.getElementById("venus").target;
HTML <area> target attribute
ويژگيArea username مقدار قسمت username ويژگيhref لينك را تنظيم يا برگشت ميدهد.
درURL قسمت نام كاربري همان نام كاربري است كه كاربر واردميكند .بعدازپروتكل وقبل از كد رمز مشخص شده است.
مثال
https://johnsmith:smith123@www.example.com
johnsmithنام كاربري و smith123 كد رمز ميباشد .
مثال ـ نام كاربري برگشت ميشود.
var x = document.getElementById("venus").username;
مثال ـ تغيير قسمتusername ويژگي href ناحيه مشخص از نقشه تصويري
document.getElementById("venus").username = "newUsername";