PDA

View Full Version : سوال: نقاط حساس در صفحه



saeidmz
پنج شنبه 26 بهمن 1391, 19:36 عصر
سلام
من دارم یه وبسایت طراحی میکن که صفحه ای برای نمایندگی ها داره که لازمه نمایندگی ها به تفکیک استان نمایش داده بشه.
می خواستم نقشه ی ایران رو بزارم و کاربر با کلیک روی هر استان div مربوط به اون استان نمایش داده بشه.اگه امکان داره منو راهنمایی کنید و اگه امکانش هست یه نمونه کد قرار بدید.
پیشاپیش ممنون

SlowCode
پنج شنبه 26 بهمن 1391, 19:45 عصر
سلام
واسه اینکار اگه بخوای با html درست کنی کارت خیلی سخت میشه! اینا رو معمولا با فلش میسازن. ولی نمونه کد ندارم شرمنده.

omidabedi
چهارشنبه 02 اسفند 1391, 13:21 عصر
این کارو میتونم برات با جاوا اسکریپت انجام بدم که شما یه فیلد داری توش ادرس میدی و مستقیم نقشه ی داینامیک به شما میده تا شما هر کاری خواستی روش انجام بدی و قابلیت زوم کردن و حرکت در نقشه رو داره

در صورت نیاز پیام خصوصی بدید

saeedtrb
چهارشنبه 02 اسفند 1391, 15:17 عصر
اين كارو مي توني با نقشه انجام بدي مثلا يه عكس بزاري و براي اون عكس يه نقشه در نظر بگيري

<img src="map.jpg" usemap="#iran"/>
<map name="iran">
<area shape="poly" coords="10 90, 20 60 , 80 90" href="home.html" title="map"/>
<area shape="rect" coords="110,60,80,20" href="www.google.com"/>
</map>
Shape
نوع ناحيه قابل كليك را مشخص مي كند.
Rect:دايره
:Polyچند ضلعي
circle :مريع
Cords
با توجه به خاصيت shape مختصات اين ناحيه را مشخص مي كند
براي مربع تعيين كننده چهار نقطه مختلف
Cords="left,top,right,bottom"
براي دايره مشخص كننده نقاط مركز و شعاع دايره
Rect="center x,center y, radius"
براي چند ضلعي مشخص كننده انواع نقاط آن
Poly="x1 y1,x2 y2,…,xnyn"
Href
براي تعيين آدرس عكس استفاده مي شود
nohref
در صورتي كه مقدار True ياشد آن ناحيه غيره فعال و در صورت False آن ناحيه فعال
Target
براي تعيين نحوه باز شدن صفحه به كار مي رود
در صفحه جديد باز مي شود:_blank
در قاب اصلي و مادر باز خواهد شد:_parent
در همان صفحه باز خواهد شد:_self
در همان پنجره كليك شده است باز خواهد شد:_top
شما مي تونيد براي نقشه خود n محدوده قابل كليك تعريف كنيد
http://www.w3schools.com/tags/tag_map.asp
منبع:http://dssdesigner.gigfa.com/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%84%D9%8A%D9%86%D9%83-%D9%87%D8%A7/