مشکل image map همراه با datalist

[roya1990]

با سلام
همانطور که در کد زیر مشاهده می کنید، من می خوام نقشه خراسان را به ازای هر شهر جدا کنم. اطلاعات مختصات و نام شهر از پایگاه داده خوانده می شود و با انتخاب هر شهر، یک تصویر خاص از آن شهر نمایش داده می شود.
این کد در گوگل کروم درست کار می کند اما در اینترنت اکسپلورر و فایرفاکس اصلا قابل انتخاب نمی باشند! به نظرتون مشکل از کجاست؟


<img src="images/khorasanmap.jpg" alt="" usemap="#khorasanmap" />


<map id="khorasanmap" name="khorasanmap">


<asp:DataList ID="DataList1" runat="server" DataKeyField="CityID" DataSourceID="SqlDataSource1" OnSelectedIndexChanged="DataList1_SelectedIndexChanged" RepeatColumns="2" RepeatDirection="Horizontal">
<ItemTemplate>


<asp:LinkButton ID="LinkButton1" runat="server" PostBackUrl="#GPic" CommandName="select" style="cursor: pointer;">


<area alt="" title='<%# Eval("CityName") %>' shape="poly" coords='<%# Eval("Coords") %>' />

</asp:LinkButton>

</ItemTemplate>
</asp:DataList>
</map>

[keiv@n]

سلام



<div class="map" style="display:table-cell">
<img src="/images/khorasan.jpg" alt="khorasan" usemap="#khorasan" />
<map name="khorasan">
<asp:ListView ID="ListView1" runat="server">
<ItemTemplate>
<area shape="poly" coords='<%# Eval("coords") %>' alt='<%# Eval("alt") %>' href='Default.aspx?id=<%# Eval("id") %>' />
</ItemTemplate>
</asp:ListView>
</map>
</div>
<div style="display: table-cell">
<asp:ListView ID="ListView2" runat="server">
<ItemTemplate>
<div>
<div style="width: 300px; height: 200px;">
<img style="display:table-cell" src='<%# Eval("src") %>' alt='<%# Eval("alt") %>' /><span style="display:table-cell;font-weight:bold;font-size:17px;"><%# Eval("alt") %></span>
</div>
</div>
</ItemTemplate>
</asp:ListView>
</div>


و از طریق ارسال پارامتر به کوئری استرینگ تصاویر متناسب با هر شهر رو نمایش دادم


protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable dt = DBhelper.select();
GridView1.DataSource = dt;
GridView1.DataBind();
ListView1.DataSource = dt;
ListView1.DataBind();
if (Request.QueryString["id"] != null)
{
DataTable dt1 = DBhelper.select_specific(Request.QueryString["id"].ToString());
ListView2.DataSource = dt1;
ListView2.DataBind();
}
}
}


البته با آپدیت پنل میشه از پوست بک شدن کل صفحه جلوگیری کرد

[roya1990]

ممنون از پاسخ گویی سریعتون
مشکل من استفاده از لینک باتن هستش وگرنه در حالت معمولی کد من هم در مرورگر ها درست کار می کند.
به دلیل اینکه می خوام به بخش خاصی از سایت ارجاع داده شود و تصاویر به صورت اسلاید شو نمایش داده می شود، کد بخش لینک باتن نباید تغییر کند!