آیا میشه این عکس رو با جی کوئری درست کرد

[r_s1389@yahoo.com]

آیا میشه این عکس رو با جی کوئری درست کرد اگر از دوستان کسی بلده یکم کمک کنه یه چیزی شبیه این عکس میخوام درست کنم برای ورود کاربر و با دکمه ای که درونش هست میخوام اطلاعات رو از دیتابیس بخونم
105231

[forestasphalt]

http://barnamenevis.org/showthread.php?401794-%D8%A8%D8%A7%D8%B2-%D8%B4%D8%AF%D9%86-%D9%BE%D9%86%D8%AC%D8%B1%D9%87-%DA%A9%D9%88%DA%86%DA%A9%DB%8C-%D8%B1%D9%88%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D8%AC%D8%A7%D8%B1%DB%8C-%D8%A8%D8%A7-%DA%A9%D9%84%DB%8C%DA%A9-%D8%AF%D8%B1-%D9%84%DB%8C%D9%86%DA%A9%DB%8C-%D8%AF%D8%B1-%DA%AF%D8%B1%DB%8C%D8%AF%D9%88%DB%8C%D9%88
یه فایل برای دانلود گذاشتم

[r_s1389@yahoo.com]

والله راستیتش نتونستم اجراش کنم (من vs2008 رو بر روی سیستمم نصب کردم )
نمیشه یه کدی بذارین که چجوری میشه یه همچین کادری رو باز کرد

[forestasphalt]

<script src="jquery.js"></script>
<script src="js/jsUI.js"></script>
<script type="text/javascript" src="js/jquery.ulightbox.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.ulightbox.css" />
<script type="text/javascript">
$(document).ready(function () {
uLightBox.init({
override: true,
background: 'white',
centerOnResize: true,
fade: true
});
$("#GridView1").find("#Edit").click(function () {
var Id = $(this).closest("tr").find("td").eq(0).html();
var params = '{Id:"' + Id + '"}';
var data = "";
uLightBox.alert({
width: '400px',
title: 'Button Callbacks',
rightButtons: ['No', 'Yes'],
leftButtons: ['Close'],
opened: function () {
$.ajax(
{
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: 'json',
data: params,
url: 'WebService.asmx/GridEdit',
success: function (json) {
data = eval('(' + json.d + ')');
$(data).each(function (i, item) {
$("#Title").html(item.Title);
$("#Content").html(item.GridContent);
$("#Image").attr('src', 'images/' + item.Img)

});
$('#lbContent').html($('#result').html());
},
error: function (xhr) {

// alert(xhr.responseText)
}

});


},
onClick: function (button) {
if (button != 'Close') {
$('#uLightBox #lbContent').append('<br />Clicked ' + button);
}

}
});

});
});

</script>



اینم محتویاته وب سرویس




using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using Newtonsoft.Json;
using Newtonsoft.Json.Converters;
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService
{
[WebMethod]
public string GridEdit(int Id)
{
using (var db = new DataClassesDataContext())
{

try
{
string Jsonstr = "";
var q = db.Gridviews.Where(p => p.Id.Equals(Id));
List<Dto> List = new List<Dto>();
foreach (var item in q)
{
Dto listmode = new Dto();
listmode.Title = item.Title;
listmode.Img = item.Img;
listmode.GridContent = item.GridContent;
List.Add(listmode);
}
Jsonstr =JsonConvert.SerializeObject(List);
return Jsonstr;
}
catch (Exception ex)
{
HttpContext.Current.Response.Write(ex.Message);
return "Error";
}

}
}
}




اینم محتویات کلاسی که باعث میشه اشیا رو بتونیم با فرمت json بفرسیتم


public class Dto
{
public int Id { get; set; }
public string Title { get; set; }
public string Img { get; set; }
public string GridContent { get; set; }
}



<a id="Edit" href="#Edit" class="Edit" title="">ویرایش</a>

اولین کار اینه که پلاگینی که مخصوص fancybox هست رو به صفحه اضافه کنی(منظور کدهای js/css )
بعد بیای بهش بگی هنگامی که fancybox باز شد یا کلیک شد این درخواست به دیتابیس بفرست
بعد موقعی که عملیات ajax با موفقیت انجام شد اطلاعات رو توی صفحه مورد نظرت نشون بدی
کدهای css /js و همچنین توی پوشه Newtonsoft.Json.dll که در پشه bin هست رو به پروژه خودت اضافه کنی