PDA

View Full Version : جا به جایی منو ها باهم


h_a_m_i_d
شنبه 11 خرداد 1392, 22:37 عصر
با سلام خدمت همه دوستان و اساتید محترم
ببخشید من در حال انجام پروژه ای هستم که کاربر بتونه منو ها را جا به جا کنه ولی مثلا نتونه بیاد وسط صفحه منوش رو بذاره مثلا میخوام اگر مثلا topesh بیشتر از 200 و کمتر از 800 باشه و left اش هم بین 0 تا 200 باشه جابجایی انجام بشه یا با یک منو دیگه مختصاتش عوض شه
البته میدونم با jquery ui میشه اینکارو کرد فقط نحوه نوشتنش رو اگه کسی میتونه لطفا بیان کنه با یک اموزش جزیی هم باشه که عالی عالی هست
ممنون از همتون
tux-world
یک شنبه 12 خرداد 1392, 01:00 صبح
کدی که نوشتید خودتون رو بزارید بررسی و توسعش بدیم. از صفر که ما نمیتونیم براتون کد بزنیم اول سعی خودتون رو بکنید بعد کمکتون میکنیم
h_a_m_i_d
یک شنبه 12 خرداد 1392, 17:14 عصر
با سلام بله حرف شما صحیح است
بفرمایید اینم یک نمونه کد کوچیک درست کردم
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script src="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body{
background:#666;
}
#main{
height:500px;
width:1200px;
margin:auto;
background:#FFF;
}
#mnu_right{
height:500px;
width:300px;
border:1px solid #006;
}
#content{
height:500px;
width:900px;
border:1px solid #666;

}
.mnu{
height:100px;
width:200px;
background:#999;
margin:auto;
margin-top:10px;

}
</style>
<script>
$(function() {

$( ".mnu" ).draggable();

});
</script>
</head>

<body dir="rtl">
<div id="main">
<div id="mnu_right">
<div class="mnu" class="ui-widget-content"></div></div><div class="mnu" class="ui-widget-content"></div></div><div class="mnu" class="ui-widget-content"></div></div><div class="mnu" class="ui-widget-content"></div></div>
</div>
<div id="content">

</div>

</div>
</body>
</html>

میخوام که منوها فقط در بخشی که یک منو هم گذاشتم اون بالا باشه باقی منو ها رو مثلا وقتی اوردم پایین بیاد بجای اون منو پایینیه نمیخوام منوها رو هم دیگه قرار بگیرند یا از مکان خودشون بیان بیرون تر مثل سایت http://www.varzesh3.com/ بشه برا منو ها جا تایین کرد . البته خودم هم دنبالش هستم به محض اینکه چیزی بفهمم سریع همینجا اطلاع میدم
ممنون میشم اگر کمکم کنید
تشکر
tux-world
دوشنبه 13 خرداد 1392, 09:02 صبح
اینو دارم اسکریپتشو بزار سرچ بزنم بگم و میتونی menu sortable رو هم سرچ بزنی تا من پیداش کنم
h_a_m_i_d
دوشنبه 13 خرداد 1392, 15:56 عصر
دمت گرم یافتم http://jqueryui.com/sortable/ تشکر :قلب:
اینم دقیقا چیزی که میخواستم http://jqueryui.com/sortable/#portlets
forestasphalt
سه شنبه 14 خرداد 1392, 09:48 صبح
در ضمن باید هنگامی که drop انجام میشه باید با ajax در دیتابیس هم ذخیره کنی ها
یه فیلد به جدولت اضافه کن ویه حلقه بذار شماره قرار گیری هر کدوم رو توی اون فیلد بنویس