PDA

View Full Version : حالت نمایش داده همانطور که google نشان میدهد؟



f montazeri
شنبه 16 بهمن 1389, 17:23 عصر
سلام دوستان یک سوال
صفحه Googleاز چه چیزی استفاده کرده که تمام عکسی ها بصورت جدول کنار هم قرار دارند؟؟
من از gride viewاستفاده میکنم به حالت scroll میاید پایین که من نمیخوام .من یک چیزی مثل google میخواهم ممنون میشم کمک کنید

pikoolas
شنبه 16 بهمن 1389, 18:55 عصر
شما می تونید از datalist استفاده کنید.

Javad.Kashi
شنبه 16 بهمن 1389, 23:44 عصر
سلام اول خدمتتون عرض کنم که google با php ساخته شده ولی اگر می خواهید همچین چیزی را با asp.net مدیریت کنید همانطور که دوستمون فرمودند از DataList استفاده می کنید و از خاصیت RepeatColumns برای تعداد تصاویر در یک خط را مشخص می کنید.


<asp:DataList ID="DataList1" runat="server" RepeatColumns="5">
</asp:DataList>

aserfg
یک شنبه 17 بهمن 1389, 06:42 صبح
itemtemplate :
یکی از انعطاف پذیرترین گزینه هاست که شما می تونید استفاده کنید . به عنوان مثال یه table درون اون تعبیه کنید و یا به هر شکل دلخواه دیگری..
موفق باشید

f montazeri
یک شنبه 17 بهمن 1389, 09:16 صبح
سلام دوستان ممنون از پاسخ هاتون
اگه بخواه از یک ajaxاستفاده کنم که روی عکس ها که میروم بالا بیاد باید این ajaxچطور و کجا تعریف کنم چون تمام عکسام داخل بانکم است
ممنون میشم کامل در مورد ajax بگین در مورد کار خودم ( شبیه سایت google جدید که روی عکس که میریم بالا میاد و عکس بزرگتر نمایش داده می شود ) ممنون

pikoolas
یک شنبه 17 بهمن 1389, 09:31 صبح
شما می تونید ابتدا thumbnill عکسها رو داخل یک Repeater نمایش بدی و برای عکسها tooltip درست کنی که وقتی ماوس رفت روی عکس, tooltip عکس رو با اندازه اصلی (عکس بزرگ داخل tooltip هست) رو نمایش بده. از ajax هم داخل tooptip استفاده می کنید .

alonemm
یک شنبه 17 بهمن 1389, 12:06 عصر
سلام دوستان ممنون از پاسخ هاتون
اگه بخواه از یک ajaxاستفاده کنم که روی عکس ها که میروم بالا بیاد باید این ajaxچطور و کجا تعریف کنم چون تمام عکسام داخل بانکم است
ممنون میشم کامل در مورد ajax بگین در مورد کار خودم ( شبیه سایت google جدید که روی عکس که میریم بالا میاد و عکس بزرگتر نمایش داده می شود ) ممنون

برای این کار میتونید از کتابخانه JQuery استفاده کنید.
(جستجو کنید کد سمپل این کار هست)

f montazeri
یک شنبه 17 بهمن 1389, 12:56 عصر
دوست عزیز شما که میگین از thumbnill این استفاده کنی من نمیدونم چی هست و کجا ممنون میشم کامل بگین و گفتین در repeter استفاده کنم
توضیح

b.paseban
یک شنبه 17 بهمن 1389, 13:26 عصر
سلام دوست عزیز.
شما برای انجام اینکار چند تا راه داری:
یا از پلاگین hquery استفاده کن http://htmldrive.net/
یا میتونی از کنترل های ajax toolkit استفاده کنی : http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/HoverMenu/HoverMenu.aspx
یا از rad tooltip :http://www.telerik.com/help/aspnet-ajax/tooltip_radtooltiptargetcontrol.html

f montazeri
یک شنبه 17 بهمن 1389, 14:34 عصر
دوستان من کامل توضیح بدم تا شما کامل کمکم کنید
من می خواهم یکی از فیلدای جدولم که عکس است را برام داخل datalist نمایش دهد به این صورت : load صفحه

DataTable dt = dal.doselect("select * from TBprodact");
DataList1.DataSource = dt;
DataList1.DataBind();

ولی به این صورت عکس ها را نمی آورد برا چی ؟؟
و حالا اگه بخواهم رو عکس که رفتم ابن عکس به حالتی بالا بیاد که قبلا گفتم با jquari در dream viver انجام میدادم اما اینجا تو asp نمیدونم کجا بنویسمش ؟؟
ممنون میشم شما هم به سوالاتم کامل توضیح بدین مرسی


از دوستمان a.paseban ممنون
ولی من یک سوال اساسی دارم سایتی مثل
http://www.bing.com/images/results.a...MSNH14&qs=n&sk (http://www.bing.com/images/results.aspx?q=&x=23&y=19&form=MSNH14&qs=n&sk)=
می خواهم بدونم تمام عکساش داخل بانکش هست و مدیر هر وقت بخواهد عکسی را حذف و اضافه کند باید سراغ بانک برود و عکس را اضافه یا حذف کند ؟؟؟
یا اصلا کاری به بانک ندارد
توضیح

b.paseban
یک شنبه 17 بهمن 1389, 15:01 عصر
http://barnamenevis.org/showthread.php?272796-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-sample-jquery-%D8%AF%D8%B1-%D8%B3%D8%A7%DB%8C%D8%AA&p=1205496&highlight=%86-%D9%85%D
یه نمونه کار با .repeater

Javad_Darvish_Amiry
یک شنبه 17 بهمن 1389, 15:56 عصر
سلام خسته نباشید. با ادای احترام فراوان به استارتر عزیز و همه عزیزانی که تو بحث شرکت کردند. اول یه توضیح کوچیک این که تا اون جایی که من اطلاع دارم UI گوگل تو بیشتر قسمت ها از جمله Images با پایتون نوشته شده. اما در مورد سوال شما: دوست عزیز اجرای همچین طرح هایی خیلی خیلی فراتر از استفاده از چند تا کنترل آماده مثل کنترل های دات نت هست. حتی جستجوی تصاویر بینگ (http://www.bing.com/images/results.aspx?q=&x=23&y=19&form=MSNH14&qs=n&sk=) هم با این که ظاهرا با aspx نوشته شده اما این aspx که ما میشناسیم نیست و ASP.NET و امکاناتش صرفا نقش هندلر رو بازی میکنن (انچنان که گوگل هندلر ها رو با پایتون و فیسبوک فکر کنم با رابی نوشته *دقیقا یادم نیست*) و باقی همه HTML محض هست. عملا کنترل های دات نت برای کاربرد های حرفه ای اصلا مناسب نیستند و هر جا صحبت از سیستم های بزرگ میشه aspx میره کنار و فقط خود بستر دات نت باقی می مونه. (حتی تو سایت خود میکروسافت هم تنها جایی که از کنترل های aspx در سطح گسترده استفاده شده فوروم asp.net هست). نمونه همچین کار هایی رو تو فارسی میتونید تو آدرس های http://amard-co.com (http://amard-co.com/) و http://yaroghayeh.net (http://yaroghayeh.net/) ببینید. صفحه تصاویر گوگل هم با لیست و div نوشته شده و اگه شما کماکان اصرار به استفاده از کنترل های aspx دارید رپیتر میتونه کنترل خوبی باشه و تمپلیت هم میتونه با لیست و div توش پیاده بشه. (خاصیت رپیتر اینه که رو تمپلیت خروجی بیشترین کنترل رو نسبت به باقی کنترل های انقیاد داده داریم). نظر من (صرفا نظر شخصی من *امیدوارم باعث رنجش دوستان نشم) اینه که شما از این تاپیک به نتیجه نمیرسید؛ بهتره بیاید و هر کدوم از موضوعات مطرح شده تو تاپیک رو جداگانه بررسی و پیگیری کنید. زمان بیشتری میگیره اما نتیجه بهتری هم داره.
HTML, CSS, JavaScript, jQuery, DOM, C#, HttpHandler, HttpModule, HTTP و ... چیزاییه که قطع به یقین برای انجام پروژه های حرفه ای سطح بالایی از اونا رو نیاز دارید. (تنها چیزی که واقعا بهش نیاز نداریم -مگه در حد یه آشنایی- کنترل های ASP.NET هستن). موفق باشید.

f montazeri
یک شنبه 17 بهمن 1389, 20:20 عصر
دوستان من کامل توضیح بدم تا شما کامل کمکم کنید
من می خواهم یکی از فیلدای جدولم که عکس است را برام داخل datalist نمایش دهد به این صورت : load صفحه

DataTable dt = dal.doselect("select * from TBprodact");
DataList1.DataSource = dt;
DataList1.DataBind();

ولی به این صورت عکس ها را نمی آورد برا چی ؟؟
و حالا اگه بخواهم رو عکس که رفتم ابن عکس به حالتی بالا بیاد که قبلا گفتم با jquari در dream viver انجام میدادم اما اینجا تو asp نمیدونم کجا بنویسمش ؟؟
ممنون میشم شما هم به سوالاتم کامل توضیح بدین مرسی

f montazeri
یک شنبه 17 بهمن 1389, 20:45 عصر
از دوستمان a.paseban ممنون
ولی من یک سوال اساسی دارم سایتی مثل
http://www.bing.com/images/results.aspx?q=&x=23&y=19&form=MSNH14&qs=n&sk=
می خواهم بدونم تمام عکساش داخل بانکش هست و مدیر هر وقت بخواهد عکسی را حذف و اضافه کند باید سراغ بانک برود و عکس را اضافه یا حذف کند ؟؟؟
یا اصلا کاری به بانک ندارد
توضیح

f montazeri
یک شنبه 17 بهمن 1389, 22:58 عصر
دوستان من کامل توضیح بدم تا شما کامل کمکم کنید
من می خواهم یکی از فیلدای جدولم که عکس است را برام داخل datalist نمایش دهد به این صورت : load صفحه

DataTable dt = dal.doselect("select * from TBprodact");
DataList1.DataSource = dt;
DataList1.DataBind();

ولی به این صورت عکس ها را نمی آورد برا چی ؟؟
و حالا اگه بخواهم رو عکس که رفتم ابن عکس به حالتی بالا بیاد که قبلا گفتم با jquari در dream viver انجام میدادم اما اینجا تو asp نمیدونم کجا بنویسمش ؟؟
از دوستمان a.paseban ممنون . یک سوال اساسی

ولی من یک سوال اساسی دارم سایتی مثل
http://www.bing.com/images/results.a...MSNH14&qs=n&sk (http://www.bing.com/images/results.aspx?q=&x=23&y=19&form=MSNH14&qs=n&sk)=
می خواهم بدونم تمام عکساش داخل بانکش هست و مدیر هر وقت بخواهد عکسی را حذف و اضافه کند باید سراغ بانک برود و عکس را اضافه یا حذف کند ؟؟؟
یا اصلا کاری به بانک ندارد
توضیح


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

f montazeri
یک شنبه 17 بهمن 1389, 23:00 عصر
دوستان من کامل توضیح بدم تا شما کامل کمکم کنید
من می خواهم یکی از فیلدای جدولم که عکس است را برام داخل datalist نمایش دهد به این صورت : load صفحه

DataTable dt = dal.doselect("select * from TBprodact");
DataList1.DataSource = dt;
DataList1.DataBind();

ولی به این صورت عکس ها را نمی آورد برا چی ؟؟
و حالا اگه بخواهم رو عکس که رفتم ابن عکس به حالتی بالا بیاد که قبلا گفتم با jquari در dream viver انجام میدادم اما اینجا تو asp نمیدونم کجا بنویسمش ؟؟
از دوستمان a.paseban ممنون . یک سوال اساسی

ولی من یک سوال اساسی دارم سایتی مثل
http://www.bing.com/images/results.a...MSNH14&qs=n&sk (http://www.bing.com/images/results.aspx?q=&x=23&y=19&form=MSNH14&qs=n&sk)=
می خواهم بدونم تمام عکساش داخل بانکش هست و مدیر هر وقت بخواهد عکسی را حذف و اضافه کند باید سراغ بانک برود و عکس را اضافه یا حذف کند ؟؟؟
یا اصلا کاری به بانک ندارد
توضیح


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

V0R73X
دوشنبه 18 بهمن 1389, 02:46 صبح
نظر من اینه که از CSS استفاده کنی:
1. یه کلاس تعریف میکنی که با Hover شدن، width و Height رو تغییر بده، میتونی افکت های سایه گزاری و... رو هم اضافه کنی که فکر کنم جوابگو باشه. این افکت ها به فرزندان کلاس باید داده بشن.
2. Image ها رو توی یه لیست ul میزاری، کلاس این لیست رو همون کلاسی انتخاب مبکنی که تو styleSheet یا ... تعریف کرده بودی.
از JQuery و هیچ چیز دیگری هم لازم نیست استفاده کنی ولی باید CSS بلد باشی.
به اینجا (http://css-tricks.com/) سر بزن برای شروع بد نیست.

f montazeri
دوشنبه 18 بهمن 1389, 15:39 عصر
دوستان کمک کنید من به این احتیاج دارم یک تایپیک در موردش پیدا کردم ولی باز مشکل دارم
http://barnamenevis.org/forum/showpost.php?p=1033430&postcount=20
این فایلش هست و گفته اگه بخواین عکساتون از بانک خونده بشه باید این کار کرد
public List<GalleryItem> GetGalleryItems2()
{
List<GalleryItem> list = new List<GalleryItem>();
string connectionStr = "Your Connection String";
SqlConnection con = new SqlConnection(connectionStr);
SqlCommand com = new SqlCommand("select Image,Description,Thumbnail,Title from YourTable", con);
SqlDataReader reader = com.ExecuteReader();
if (reader.HasRows)
while (reader.Read())
{
GalleryItem item = new GalleryItem();
item.Description = reader["Description"].ToString();
item.Image = reader["Image"].ToString();
item.Title = reader["Title"].ToString();
item.Thumbnail = reader["Thumbnail"].ToString();
list.Add(item);
}
return list;

منم تو کلاس
به Gallery.cs
جای این کد قرار دادم نمیدونم درسته یا نه ؟؟؟
//foreach (GalleryItem item in list)
//{
//gallery += "<li>"
// + "<img src='" + ImagesPath + "/" + item.Thumbnail + "' alt='image' title='" + item.Title + "' />"
// + "<div class='panel-content'>"
// + "<img src='" + ImagesPath + "/" + item.Image + "' alt='big image' />"
// + "<div class='panel-overlay'>"
// + "<h3>" + item.Title + "</h3>"
// + "<p>" + item.Description + "</p>"
// + "</div>"
// + "</div>"

// + "</li>";
//}
//gallery += "</ul>";
//return gallery;

من بجای این قرار دادم ولی به این قسمت ایراد میگیره کمکم کنید برا چی هست
SqlDataReader reader = com.ExecuteReader();
و خطای اون :
ExecuteReader requires an open and available Connection. The connection's current state is closed.

ممنون میشم کامل برام بگین

b.paseban
دوشنبه 18 بهمن 1389, 16:17 عصر
دوست عزیز شما اصلا نیازی به کد نویسی نداری.
شما برای وصل شدن به دیتا بیست میتونی از sqldatasource توی صفحه ی خودت استفاده کنی و اون کنترلی که میخوای عکسارو توش نمایش بدی(مثل datalist یا reapeter )به اون sqldatasource وصل کنی.
شما همون پستی رو که من براتون گذاشتم مطالعه کنید طبق اون چیزی که گفته بعدش هر جا مشکل داشتی بگو راهنماییتون میکنیم.

f montazeri
دوشنبه 18 بهمن 1389, 21:00 عصر
سلام دوستان من یک تایپیک با موضوع گالری عکی پیدا کردم و همون چیزی بود که می خواستم
که لینک زیر همان مورد من است http://barnamenevis.org/forum/showpost.php?p=1033430&postcount=20
ولی عکس ها را از داخل فولدر می خواند من میخواستم از بانک بخواند بعد تو همون تایپیک این کد گذاشته بود که بتونم عکسام از بانکم بخواند
کد: گفته بود :
توی کلاسی که عکس ها به لیست اضافه می شه، یه رویداد بذارید، image item ها رو از دیتابیس بخونید و لیست رو پر کنید. شبیه زیر: *****


public List<GalleryItem> GetGalleryItems2()
{
List<GalleryItem> list = new List<GalleryItem>();
string connectionStr = "Your Connection String";
SqlConnection con = new SqlConnection(connectionStr);
SqlCommand com = new SqlCommand("select Image,Description,Thumbnail,Title from YourTable", con);
SqlDataReader reader = com.ExecuteReader();
if (reader.HasRows)
while (reader.Read())
{
GalleryItem item = new GalleryItem();
item.Description = reader["Description"].ToString();
item.Image = reader["Image"].ToString();
item.Title = reader["Title"].ToString();
item.Thumbnail = reader["Thumbnail"].ToString();
list.Add(item);
}
return list;


من کد بالا را داخل کلاس gallery قرار دادم البته به جای کد

//foreach (GalleryItem item in list)
//{
//gallery += "<li>"
// + "<img src='" + ImagesPath + "/" + item.Thumbnail + "' alt='image' title='" + item.Title + "' />"

// + "<div class='panel-content'>"
// + "<img src='" + ImagesPath + "/" + item.Image + "' alt='big image' />"
// + "<div class='panel-overlay'>"
// + "<h3>" + item.Title + "</h3>"
// + "<p>" + item.Description + "</p>"
// + "</div>"

// + "</div>"


// + "</li>";
//}
//gallery += "</ul>";
//return gallery;


البته من کد زیر رااز کد هایی که تو قسمت **** است غیر فعال کردم چون خطا می داد ))


//List<GalleryItem> list = new List<GalleryItem>();

حالا به اجرا میره و به این خط SqlDataReader reader = com.ExecuteReader();
خطا میدهد . خطاش :
ExecuteReader requires an open and available Connection. The connection's current state is closed.



چیکارش کنم خطاش درست بشه ؟در کل کدا را جای درست قرار دادم ؟
خواهش می کنم دوستان کمکم کنید من گیر این کارم ممنون