jquery

[roholahz]

سلام و خسته نباشید :
یک شی ای دارم در کنار صفحه با تابع animate اون رابه یک سمتی هدایت کردم حالا می خوام وقتی به مقصد رسید با کلیک روی ان به جای اولش باز گردد تابع های زیر این کار را انجام میده ولی وقتی شی به مقصد میرسه خودش اتوماتیک به جای اولش باز می گرده و توقف نمی کنه تا دوباره کلیک کنم به جای اولش باز گردد
تشکر


$(document).ready(function() {
$(".tamas").click(function(){
$(".tamas").animate({left:"200px"},2000);

$(".tamas").animate({left:"0px"},2000);
});
});

[MMSHFE]

ربطی به تالار PHP نداره. سؤالتون رو به تالار jQuery منتقل کردم.

[Javidhb]

تو کدتون المنت رو دارید، میبرید سمت چپ و بعدشم سمت راست...
چون دوتا animate رو هم پشت سر هم صدا میزینید، دومی صبر میکنه و بلافاصله بعد از تموم شدن animateاولی اجرا میشه.

$(document).ready(function() {
var isLeft = true;

$(".tamas").click(function(){
if(isLeft){
$("this").animate({left:"200px"},2000);

isLeft = false;
}else{
$("this").animate({left:"0px"},2000);

isLeft = true;
}

});
});

[roholahz]

مهندس شرمنده دید تو بعضی از سایت ها یه کلیدی مثلا راست صفحه قرار میدن زمانی کلیلک میشه فرم پشت ان باز میشه و بعد با زدن همان کلید دوباره فرم بسته میشه دقیقا نمی دونم باید با toggle بنویسم چون می میخوام فرم از جای مخفی به صفحه ی من بیاد

[Javidhb]

متوجه منظورتون نشدم... بهتر لینک یا عکس بزارید.

میتونید از slideToggle استفاده کنید.
دمـو (http://jsfiddle.net/55rse/)

یا میتونید از modal استفاده کنید. نمونه (http://getbootstrap.com/javascript/#modals)

[meisam3322]

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

[meisam3322]

<div style="width: 250px; height: 220px; position: fixed; top: 370px; right: -220px;"
id="ms_dv">
<div style="width: 220px; height: 220px; background-color: #333; float: right" align="center"
id="ms_content">
</div>
<div style="background-color: #003366; width: 30px; height: 116px; float: right;
cursor: pointer;" id="ms_title">
<img src="image/marea_title.gif" width="30" height="116" border="0" />
</div>
</div>


دایو ms_dv که مشخصه تمام عناصر داخلش قرار میگیره و دارای position ثابت است. دایو ms_content هم جهت نگهداری محتویاتاطلاعاتی هست که از دید کاربر مخفی میمونه . دایو ms_title هم دکمه ای هست که به کاربر نمایش داده میشه با کلیک روی اون اطلاعات داخل دایو ms_content نمایش داده میشه و بالعکس مخفی میشه. داخل دایو ms_title یه تصویر قرار دادم که در گوشه سمت راست مرورگر کاربر قرار بگیره و کاربر را راغب به کلیک کردن نماید.

حالا نیاز به کدهای jQuery داریم تا عملیات متحرک سازی رو انجام بدیم:

یه متغیر با هر نامی (در این مثال t فرض شده است) تعریف کن مقدارش رو 0 بزار . این یعنی منو مخفیه ، در زمان نمایش مقدار 1 قرار بده ، به این معنا که منو در حال نمایش دادنه :



$("#ms_title").click(function () { if (t == 0) { $("#ms_dv").animate({ "right": "0" }, 200); t = 1; return } if (t == 1) { $("#ms_dv").animate({ "right": "-220" }, 200); t = 0; return } });