PDA

View Full Version : باز شدن یک div در هنگام کلیک کردن روی آن


هم دانشگاهی
چهارشنبه 15 شهریور 1391, 10:53 صبح
سلام

می خواهم در یک فرم هنگام کلیک کردن روی یک دکمه یک animation جی کوئری اجرا بشه و توی اون کاربر یک سری اطلاعات رو وارد کنه در چند تا textBox وارد کنه .

ولی واقعا نمیدونم باید چه کار کنم ؟
moslem.hady
چهارشنبه 15 شهریور 1391, 11:07 صبح
در بخش نظرات این مطلب روی دکمه پاسخ کلیک کنید. منظورتون یه همچین چیزیه؟
http://blog.autobacklink.ir/article-9.aspx
هم دانشگاهی
چهارشنبه 15 شهریور 1391, 11:59 صبح
آره دقیقا
قسمتی که روی پاسخ رو میزنیم بعد باز میشه !

باید چه کار کنم ؟
moslem.hady
چهارشنبه 15 شهریور 1391, 12:28 عصر
سلام. کار خیلی ساده ایه.
یه مثال ساده :

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('span.button').click(function () {
$(this).nextAll('div.commentanswer').slideToggle(' medium');
})
});
</script>
<style>
*{font:normal 12px tahoma; direction:rtl;}
.button{cursor:pointer; background:#eee; padding:3px 5px; border:1px solid #ccc}
.commentanswer{display:none; padding:5px; }
</style>
</head>

<body>
<span class="button">پاسخ</span>
<div class="commentanswer">
<span style="display:inline-block; width:60px">نظر</span>
<input id="Text1" type="text" />
<br />
<input id="Button1" type="button" value="ارسال" />
</div>
</body>
</html>

نتونستم اینجا آپلود کنم. یه لینک دانلود :
http://uplod.ir/azt673vv9rm9/Downloads.rar.htm
هم دانشگاهی
چهارشنبه 15 شهریور 1391, 13:33 عصر
ممنون اصل منظورم مثل اینجا (http://web.enavu.com/tutorials/how-to-make-a-completely-reusable-jquery-modal-window/) ست :

وقتی موس رو روی share/save میبریم باز میشه !
moslem.hady
چهارشنبه 15 شهریور 1391, 13:37 عصر
فقط کافیه این خط رو :
$('span.button').click(function () {
تبدیل کنی به این:
$('span.button').hover(function () {
هم دانشگاهی
چهارشنبه 15 شهریور 1391, 20:48 عصر
خیلی ممنونم

اگه به همون سایتی که گفتم نگاه کنین وقتی روی share/save میریم پنجره ای باز میشه که روی elemnt ها هست

من اینجوری میخوام بشه یعنی روی عناسر html باز بشه !
هم دانشگاهی
پنج شنبه 16 شهریور 1391, 07:41 صبح
دوست من چیزی به ذهنت نرسید؟

خیلی لازم دارم !!!!
moslem.hady
پنج شنبه 16 شهریور 1391, 08:44 صبح
من منظورتون رو نگرفتم!! شما هردفه یه چیز میگید که!!
هم دانشگاهی
پنج شنبه 16 شهریور 1391, 08:56 صبح
بخشید

منظور اصلیم دقیقا همون جوریه که تو اینجا (http://web.enavu.com/tutorials/how-to-make-a-completely-reusable-jquery-modal-window/)هست . اگه دقت کنین میبینین که وقتی موس رو روی share/save میبریم اون پنجره روی همه html element ها باز میشه

این جوری میخوام بشه
moslem.hady
پنج شنبه 16 شهریور 1391, 09:01 صبح
خط css رو اصلاح کن :
.commentanswer{display:none; padding:5px;position:absolute;background:#CCC; }
دیگه استایل دهی و قشنگ کردنش با خودت!!! :چشمک:
aliasghar2010
پنج شنبه 16 شهریور 1391, 19:06 عصر
با سلام همان کدهایی که دوستمان گفتند برای این کار کافیه و برای اینکه این المنت روی تمام المنت ها قرار بگیره از صفت z-index می تونی استفاده کنی
Hamid.mohammadian
یک شنبه 15 بهمن 1391, 21:38 عصر
سلام. کار خیلی ساده ایه.
یه مثال ساده :

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('span.button').click(function () {
$(this).nextAll('div.commentanswer').slideToggle(' medium');
})
});
</script>
<style>
*{font:normal 12px tahoma; direction:rtl;}
.button{cursor:pointer; background:#eee; padding:3px 5px; border:1px solid #ccc}
.commentanswer{display:none; padding:5px; }
</style>
</head>

<body>
<span class="button">پاسخ</span>
<div class="commentanswer">
<span style="display:inline-block; width:60px">نظر</span>
<input id="Text1" type="text" />
<br />
<input id="Button1" type="button" value="ارسال" />
</div>
</body>
</html>

نتونستم اینجا آپلود کنم. یه لینک دانلود :
http://uplod.ir/azt673vv9rm9/Downloads.rar.htm

ببخشید اگه بخوایم اون حالتی که اروم باز میشه رو تغیر بدیم به اینکه یکدفعه باز بشه باید کجا رو تغییر بدیم؟
malloc
سه شنبه 17 بهمن 1391, 18:56 عصر
ببخشید اگه بخوایم اون حالتی که اروم باز میشه رو تغیر بدیم به اینکه یکدفعه باز بشه باید کجا رو تغییر بدیم؟
خط زیر و تو پروژه اصلاح کن تا یهو باز بشه و یهو بسته بشه :

$(this).nextAll('div.commentanswer').slideToggle(0 );
serojjamali
پنج شنبه 06 شهریور 1393, 12:30 عصر
moslem.hady (http://barnamenevis.org/member.php?98192-moslem-hady)

با سلام
من با استفاده از روشی که گفتین فرم رو درست کردم ولی موقعه که گزینه ارسال رو میزنم هیچ عملی انجام نمیده
میشه قسمت ارسالش رو هم توضیح بدین
با تشکر