ارتباط دیتالیست با Lightbox JQuery

[roya_es]

سلام دوستان من تازه عضو این سایت شدم
یه مشکلی دارم که می خاستم اساتید راهنمایی کنند لطفا
من یدونه گرید ویوو یا دیتا لیست دارم توی صفحه ام که یه سری محصول از دیتا بیسم توی اون نشون داده میشه
حالا قصدم اینه که وقتی کاربر روی هر محصولی کلیک کرد بجای رفتن به صفحه بعد روی همین صفحه یه پنجره کوچیک باز بشه و بتونه مشخصات همون محصول را ببینه..تا یه جاهایی پیش رفتم ولی مشکلی که دارم نمیدونم چطور مقادیرمو بین دیتا لیست یا گریدمو با این پنجره رد و بدل کنم آخه فقط یه تگ دیو هستش ماهیتشون
منظورم پنجره های Lightbox یا Popup هستن که با جی کوئری کار میکنند
اگه یه سمپل بزارن دوستان ممنونم..روز بخیر

[صباح فتحی]

سلام شما همونو بصورت یک صفحه کدنویسی کنید فقط کافیه در پلاگین آدرس اون صفحه رولینک کنید.و اون صفحه بصورت popupدرمیاد

[roya_es]

سلام شما همونو بصورت یک صفحه کدنویسی کنید فقط کافیه در پلاگین آدرس اون صفحه رولینک کنید.و اون صفحه بصورت popupدرمیاد

مهندس ممنونم از راهنمایت ولی میشه با سمپل توضیح بدید..من هرکاری میکنم نمیشه بخدا :گریه::گریه:

[صباح فتحی]

ببینید پلاگین fancyباکس رواگر دانلود کنید میبینید که با تگ aبه عکس یا صفحه ای که میخاید بصورت پاپ باشه لینک میکنه شما ادرس اون پیجوبدید

[صباح فتحی]

<a id="example2" href="EditAnswer.aspx?ID=<%# Eval("ID_Replay") %>&Q=<%# Request["IDQ"] %>">
<img alt="" runat="server" Visible='<%# Eval("ID_Persion").ToString()==iduser%>' src="../WebImages/edit-icon.png" />

[roya_es]

<a id="example2" href="EditAnswer.aspx?ID=<%# Eval("ID_Replay") %>&Q=<%# Request["IDQ"] %>">
<img alt="" runat="server" Visible='<%# Eval("ID_Persion").ToString()==iduser%>' src="../WebImages/edit-icon.png" />


متوجه هستم منطور شمارا آقای فتحی ولی من میخام id محصول کلیک شده را از دیتا لیست بردارم و بدم به popup window
ببینید کد من اینه
به صفحه دیگه نمیره میخام روی همون باز شه..ببخشید اگه مبتدی هستم





<asp:DataList ID="DataListproducts" runat="server" Width="100%" RepeatColumns="4"
OnSelectedIndexChanged="DataListproducts_SelectedIndexChanged">
<HeaderTemplate>
</HeaderTemplate>
<ItemTemplate>
<table>
<tr>
<td>
<div class="view second-effect">
<img alt="Image" class="latest_img" src='<%# Eval("picture")%>' style="width: 150px;
height: 130px;"></img>
<a class="mask" id="run" runat="server" onclick="openOffersDialog();"></a>

</td>
</tr>
<tr>
<td>
&nbsp;
<asp:Label ID="ffg" runat="server"><%# Eval("title")%></asp:Label>
<br />
<asp:Label ID="Label1" runat="server"> <%# Eval("text")%></asp:Label>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>

//*************پتجره جی کوئری********* //

<div id="wrapper">
<div id="overlay" class="overlay">
</div>
<div id="boxpopup" class="box">
<a onclick="closeOffersDialog('boxpopup');" class="boxclose" ></a>
<div id="content">
نمایش جزیئیات

</div>
</div>
</div>

[صباح فتحی]

خب اگه میخوایید ای دی محصولو بدست بیاریدباید توitem teampletبا eval اینکارو انجام بدید.
یعنی یک تگ aبزارید که به صفحه جزئیات بره.با ارسال ای دی.
ازfancy boxاستفاده کنیدلطفا

[صباح فتحی]

اینم روش دیگه:
http://www.ezzylearning.com/tutorial.aspx?tid=2861497

[roya_es]

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

[roya_es]

چرا کسی به من یه کمک نمیکنه آخه ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

[mohammad kafiyan]

ببین می شه با استفاده از یک تابع jquery در این تابع در رویداد کلیک بتونی مقادیر که در label هست با خصوصیت هایی در بیاوری و در div لایت باکس نمایش بدهی
نحوهی تعریف تابع و رویداد کلیک و بدست آوردن مقدار یک object در jquery می توانی از سایت زیر بهره بگیری
http://www.developer1.ir/jQuery/Click_Event.aspx
http://www.developer1.ir/jQuery/text.aspx
http://www.developer1.ir/jQuery/Value.aspx

[anvar]

فانسی باکس کارش درسته

با لایت باکس کار نکردم و توضیحات مربوط به فانسیه

چیزی که شما نیاز دارید دانلود پلاگین از سایت فانسی باکسه (http://fancybox.net/) بعد هم پلاگین های فانسی + جی کوئری رو به صفحه خودت لینک می کنی

حالا فرض می کنیم شما دوصفحه aspx دارید. در صفحه محصولات لیستی از محصولات یک فروشگاه رو در کنترل دیتالیست نشون میدی, هر محصول در کنترل دیتالیست بصورت ایتم تمپلاته در داخل ایتم تمپلات ها هم لینکی دارید که در زمان لود صفحه و گرفتن اطلاعات از بانک لینک صفحه توضیحات + ID محصول رو بهش میدی

یه چیزی شبیه به کد زیر

<a class="myclass" href="<%# "detail.aspx?ID=" + Eval("EsID") %>">Title of product</a>

حالا چند خط اسکریپت هم به قسمت پائین صفحه محصولات اضافه می کنی

<script>
$(document).ready(function () {
$(document).ready(function() {
$(".myclass").fancybox({
'titlePosition': 'inside',
'transitionIn': 'elastic',
'transitionOut': 'none',
'autoScale': false,
'type': 'iframe',
'width': 800,
'height': 850,
'scrolling': 'yes'
});
});

</script>
حالا هر کسی بر روی لینک بالا کیلیک کنه به جای اینکه صفحه جزئیات محصول باز بشه - یه فانسی باکس لود میشه و محتویات صفحه جزئیات محصول رو در خودش نمایش میده

کل کار همینه ID بصورت خودکار به صفحه جزئیات محصول فرستاده میشه و اطلاعات محصول مذکور در فانسی باکس نشون داده میشه

[roya_es]

فانسی باکس کارش درسته

با لایت باکس کار نکردم و توضیحات مربوط به فانسیه

چیزی که شما نیاز دارید دانلود پلاگین از سایت فانسی باکسه (http://fancybox.net/) بعد هم پلاگین های فانسی + جی کوئری رو به صفحه خودت لینک می کنی

حالا فرض می کنیم شما دوصفحه aspx دارید. در صفحه محصولات لیستی از محصولات یک فروشگاه رو در کنترل دیتالیست نشون میدی, هر محصول در کنترل دیتالیست بصورت ایتم تمپلاته در داخل ایتم تمپلات ها هم لینکی دارید که در زمان لود صفحه و گرفتن اطلاعات از بانک لینک صفحه توضیحات + ID محصول رو بهش میدی

یه چیزی شبیه به کد زیر

<a class="myclass" href="<%# "detail.aspx?ID=" + Eval("EsID") %>">Title of product</a>

حالا چند خط اسکریپت هم به قسمت پائین صفحه محصولات اضافه می کنی

<script>
$(document).ready(function () {
$(document).ready(function() {
$(".myclass").fancybox({
'titlePosition': 'inside',
'transitionIn': 'elastic',
'transitionOut': 'none',
'autoScale': false,
'type': 'iframe',
'width': 800,
'height': 850,
'scrolling': 'yes'
});
});

</script>
حالا هر کسی بر روی لینک بالا کیلیک کنه به جای اینکه صفحه جزئیات محصول باز بشه - یه فانسی باکس لود میشه و محتویات صفحه جزئیات محصول رو در خودش نمایش میده

کل کار همینه ID بصورت خودکار به صفحه جزئیات محصول فرستاده میشه و اطلاعات محصول مذکور در فانسی باکس نشون داده میشه


من اینم امتحان کردم ولی همچنان نشد
خواهشا یه سمپل بزارید دوستان

[forestasphalt]

http://www.aspsnippets.com/Articles/Image-Gallery-using-ASP.Net-DataList-Control-Part-II---Image-Slideshow.aspx