PDA

View Full Version : مشکل در نمایش اطلاعات دیتابیس



mansour67
دوشنبه 14 اسفند 1391, 16:12 عصر
سلام به دوستان برنامه نویس.
دوستان عزیز من دارم روی یه سایت کار میکنم . اطلاعات و از دیتابیس SQL میخونم و با ریپیتر به فرمتی که میخوام نشون میدم مشکلی ندارم تا اینجا باهاش ولی یه سری از اطلاعات و میخوام که توی توضیحات بیشتر نشون بدم وقتی کاربر روی توضیحات بیشتر کلیک میکنه یه لایت باکس باز بشه و اطلاعات نشون داده بشه. لایت باکس رو هم گذاشتم نشون میده فقط تنها مشکلی که دارم اینه که فقط اطلاعات رکورد اول رو توی همه توضیحات بیشتر نشون میده یعنی توضیحات بیشتر رکورد اولی با توضیحات بیشتر رکورد آخری یکی میشه. ممنون میشم اگه راهنماییم کنید. کدیم که استفاده کردم اینجا میزارم





<head id="Head1" runat="server">
<link href="Css/StyleSheet.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery.aw-showcase.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="js/run-slideshow.js" type="text/javascript"></script>
<script src="js/jquery-1.5.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('a[name=modal]').click(function (e) {
e.preventDefault();
var id = $(this).attr('href');
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({ 'width': maskWidth, 'height': maskHeight });
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow", 0.8);
var winH = $(window).height();
var winW = $(window).width();
$(id).css('top', winH / 2 - $(id).height() / 2);
$(id).css('left', winW / 2 - $(id).width() / 2);
$(id).fadeIn(2000);
});
$('.window .close').click(function (e) {
e.preventDefault();
$('#mask, .window').hide();
});
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>
<title>مشاور املاک دربند ولیان | باغ و باغچه</title>
</head>
<body>
<form id="form1" runat="server">
<div class="main-frame">
<div class="header">
<a href="Default.aspx">
<asp:Image ID="Image1" ImageUrl="~/Images/logo.png" runat="server" CssClass="header" />
</a>
</div>
<div class="divmenu">
<ul id="navigation" class="nav-main">
</div>
<div class="contentRepeater">
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
<ItemTemplate>
<ul class="HeaderTemplate">
<li class="liRepeaterBagh">
<br />
<asp:Label ID="Label1" CssClass="Label" runat="server" Text="عنوان :"></asp:Label>
<asp:Label ID="Label2" runat="server" Text='<%# Eval ("Subjec") %>'></asp:Label>
<br />
<asp:Label ID="Label3" CssClass="Label" runat="server" Text="متراژ :"></asp:Label>
<asp:Label ID="Label4" runat="server" Text='<%# Eval ("Metrazh") %>'></asp:Label>
<br />
<asp:Label ID="Label5" CssClass="Label" runat="server" Text="وضعیت سند :"></asp:Label>
<asp:Label ID="Label6" runat="server" Text='<%# Eval ("Sanad") %>'></asp:Label>
<br />
<asp:Label ID="Label7" CssClass="Label" runat="server" Text="قیمت :"></asp:Label>
<asp:Label ID="Label8" runat="server" Text='<%# Eval ("pric") %>'></asp:Label>
<br />
<p class="LinkButton">
<a href="#dialog" name="modal">توضیحات بیشتر</a>
</p>
<div id="boxes">
<div id="dialog" class="window">
<a href="#" class="close">
<img src="Images/close_pop.png" class="close" /></a>
<br />
<asp:Label ID="Label15" CssClass="Label" runat="server" Text="انشعاب برق :"></asp:Label>
<asp:Label ID="Label16" runat="server" Text='<%# Eval ("Bargh") %>'></asp:Label>
<br />
<asp:Label ID="Label9" CssClass="Label" runat="server" Text="انشعاب گاز :"></asp:Label>
<asp:Label ID="Label10" runat="server" Text='<%# Eval ("Gaz") %>'></asp:Label>
<br />
<asp:Label ID="Label11" CssClass="Label" runat="server" Text="انشعاب آب :"></asp:Label>
<asp:Label ID="Label12" runat="server" Text='<%# Eval ("Ab") %>'></asp:Label>
<br />
<asp:Label ID="Label13" CssClass="Label" runat="server" Text="وضعیت تلفن :"></asp:Label>
<asp:Label ID="Label14" runat="server" Text='<%# Eval ("Telphone") %>'></asp:Label>
<br />
<asp:Label ID="Label17" CssClass="Label" runat="server" Text="توضیحات :"></asp:Label>
<asp:Label ID="Label18" runat="server" Text='<%# Eval ("Tozihat") %>'></asp:Label>
<br />
</div>
<div id="mask">
</div>
</div>
</li>
</ul>
</ItemTemplate>
</asp:Repeater>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ShowConnectionRealestate %>"
SelectCommand="SELECT * FROM dbo.[Bagh]"></asp:SqlDataSource>
<br />
<br />
</div>

aliblue
دوشنبه 14 اسفند 1391, 19:07 عصر
احتمالا مشکل از اینه که در کد jQuery باید id عنصری که می خواهید لایت باکس روی آن انجام شود را وارد کنید ، ولی در هر صفحه فقط یک عنصر با آن id می تواند وجود داشته باشد و رکوردهای بعدی که همان id را دارند توسط مرورگر نادیده گرفته می شوند.
راه این است که کد jQuery و css را دستکاری کنید و به جای id از class استفاده کنید.

mansour67
سه شنبه 15 اسفند 1391, 18:58 عصر
دوست عزیز aliblue این کاری که گفتی رو انجام دادم ولی جواب نداد راه دیگه وجود نداره؟! یا یه کد جی کوئری که مثل همین لایت باکس باشه ولی یه چیزه دیگه ای باشه ؟!