PDA

View Full Version : سوال: چگونگی ایجاد Drag & Drop با استفاده از jQuery



zashesh
شنبه 30 مرداد 1389, 19:40 عصر
سلام خدمت همه ی کاربران
من می خوام سیستم طراحی drag-dropرا در سایت در حال طراحی خودم استفاده کنم شنیدم که با jQuery (http://www.barnamenevis.org/forum/forumdisplay.php?f=161)امکانپذیر هست ازتون می خوام کمک کنید خیلی ممنون می شم


سیستم drag-drop در طراحی سایت football3 (http://www.football3.ir/)استفاده شده

mehdi.mousavi
شنبه 30 مرداد 1389, 23:12 عصر
سلام خدمت همه ی کاربران
من می خوام سیستم طراحی drag-dropرا در سایت در حال طراحی خودم استفاده کنم شنیدم که با jQuery (http://www.barnamenevis.org/forum/forumdisplay.php?f=161)امکانپذیر هست ازتون می خوام کمک کنید خیلی ممنون می شم


سیستم drag-drop در طراحی سایت football3 (http://www.football3.ir/)استفاده شده

سلام.
برای اینکار، می تونید از jQuery UI (http://jqueryui.com/) استفاده کنید. Draggable (http://jqueryui.com/demos/draggable) و Droppable Plugin (http://jqueryui.com/demos/droppable) برای اینکار هستش.

موفق باشید.

zashesh
یک شنبه 31 مرداد 1389, 11:13 صبح
اقای مهدی موسوی واقعا ازتون تشکر می کنم خیلی به من کمک کردید
ببخشیدا من هر چقدر می گردم کتاب در مورد jQuery پیدا کنم نمیشه
میشه واسه من کتاب بزارید

اگه می شه فارسی باشه خیلی ممنون:قلب::قلب::قلب::قلب::قلب:

واقعا ممنون

mehdi.mousavi
یک شنبه 31 مرداد 1389, 14:54 عصر
اقای مهدی موسوی واقعا ازتون تشکر می کنم خیلی به من کمک کردید ببخشیدا من هر چقدر می گردم کتاب در مورد jQuery پیدا کنم نمیشه میشه واسه من کتاب بزارید اگه می شه فارسی باشه خیلی ممنون واقعا ممنون

سلام.
خواهش میکنم، قابلی نداشت. :لبخندساده: در مورد کتاب هم می تونید به این تاپیک (http://barnamenevis.org/forum/showthread.php?t=221610) رجوع کنید. البته من کتاب مزبور رو خودم نخوندم، در نتیجه نمیدونم مطالبش قابل اتکاء هست یا خیر.

موفق باشید.

zashesh
دوشنبه 01 شهریور 1389, 15:58 عصر
اقای موسوی سوال
من یک صفحه سایتی دارم که با
jq ساخته شده اما من میخوام این صفهحه به عنوان صفحه شخصی هر کاربرم باشه
تا اینجا مشکلی نیست اما از جایی که کاربر صفحه شخصی خودشو بر اساس نیازش تغییر می ده مشکل بوجود میاد
من می خوام هر کاربروقتی با رمز ونام کاربری خودش وارد صفحه شخصی خودش می شه همون تنظیمهایی که دفعه اخر خروج کرده باشه
برای نمونه سایته زیر این سیستم رو برای همه کاربران عضو شده ونشده داره می تونید نگاه کنید

نمونه (http://demo.piwik.org/?module=CoreHome&action=index&idSite=1&period=day&date=yesterday&#module=Dashboard&action=embeddedIndex&idSite=1&period=day&date=yesterday)

شما صفحه رو باز کنید وتغییراتتون رو ایجاد کنید
بعد رفرش رو بزنید می بینید که همون صفحه که شما با تغییرات به وجود اوردید لود میشه

mehdi.mousavi
دوشنبه 01 شهریور 1389, 16:13 عصر
اقای موسوی سوال من یک صفحه سایتی دارم که با jq ساخته شده اما من میخوام این صفهحه به عنوان صفحه شخصی هر کاربرم باشه تا اینجا مشکلی نیست اما از جایی که کاربر صفحه شخصی خودشو بر اساس نیازش تغییر می ده مشکل بوجود میاد من می خوام هر کاربروقتی با رمز ونام کاربری خودش وارد صفحه شخصی خودش می شه همون تنظیمهایی که دفعه اخر خروج کرده باشه برای نمونه سایته زیر این سیستم رو برای همه کاربران عضو شده ونشده داره می تونید نگاه کنید نمونه (http://demo.piwik.org/?module=CoreHome&action=index&idSite=1&period=day&date=yesterday&#module=Dashboard&action=embeddedIndex&idSite=1&period=day&date=yesterday) شما صفحه رو باز کنید وتغییراتتون رو ایجاد کنید بعد رفرش رو بزنید می بینید که همون صفحه که شما با تغییرات به وجود اوردید لود میشه

سلام.
من این Page رو دیدم. با هر بار تغییر Layout توسط کاربر در این صفحه، یه درخواست به این آدرس میره:

http://demo.piwik.org/index.php?module=Dashboard&action=saveLayout&token_auth=anonymous

و همراه این درخواست، Layout تغییر یافته بصورت JSON ارسال میشه (بطور مثال بر اساس تغییراتی که من در جای قرارگیری Panel ها دادم، این JSON با درخواست فوق به سرور ارسال شد):


[[{"uniqueId":"widgetVisitsSummarygetEvolutionGraphcolumnsArray","parameters":{"module":"VisitsSummary","action":"getEvolutionGraph","columns":["nb_visits"]}},{"uniqueId":"widgetVisitorInterestgetNumberOfVisitsPerVisitDura tion","parameters":{"module":"VisitorInterest","action":"getNumberOfVisitsPerVisitDuration"}},{"uniqueId":"widgetUserSettingsgetBrowser","parameters":{"module":"UserSettings","action":"getBrowser"}},{"uniqueId":"widgetExampleFeedburnerfeedburner","parameters":{"module":"ExampleFeedburner","action":"feedburner"}},{"uniqueId":"widgetReferersgetWebsites","parameters":{"module":"Referers","action":"getWebsites"}}],[{"uniqueId":"widgetReferersgetKeywords","parameters":{"module":"Referers","action":"getKeywords"}},{"uniqueId":"widgetVisitTimegetVisitInformationPerServerTime","parameters":{"module":"VisitTime","action":"getVisitInformationPerServerTime"}},{"uniqueId":"widgetReferersgetSearchEngines","parameters":{"module":"Referers","action":"getSearchEngines"}}],[{"uniqueId":"widgetUserCountryMapworldMap","parameters":{"module":"UserCountryMap","action":"worldMap"}},{"uniqueId":"widgetExampleRssWidgetrssPiwik","parameters":{"module":"ExampleRssWidget","action":"rssPiwik"}}]]

سمت سرور نیز، بدون شک، این اطلاعات داره با Session من تلفیق میشه تا در Refresh بعدی، اطلاعات جدید بر اساس این داده های تغییر یافته در Session لود بشه.

اگر شما هم هدفتون همینه، باید دقیقا همین کارو انجام بدید. در واقع با هر بار تغییر در جایگاه یک Pane روی صفحه، درخواستی به سرور ارسال کنید و محل قرارگیری Panel ها رو به سرور اطلاع بدید. سپس سمت سرور، میدونید که فلان Session باید فلان Panel ها رو نمایش بده و Bingo! :لبخندساده:

موفق باشید.