PDA

View Full Version : تاریک شدن page برای ارسال نظر


razeghaik1
سه شنبه 07 شهریور 1391, 11:02 صبح
سلام دوستان عزیز.خسته نباشید.
من توی سایت الف (www.alef.ir) دیدم که وقتی کاربر می خواد نظرشو ارسال کنه و توی باکس کلیک می کنه همه جا به جز باکس تاریک می شه.
خواستم بدونم این چیه و چه جوری درست یم شه.
ممنون می شم راهنماییم کنید.مرسی
اینم یه لینک برای دیدن چیزی که می گفتم:
http://alef.ir/vdcawmn6o49niu1.k5k4.html?165209
AmirGhasemi
سه شنبه 07 شهریور 1391, 11:38 صبح
سلام
تا اونجا كه من مي دونم ربطي به opacity نداره
اين در واقع يك افكت jQuary است كه يك وب فرم را بهش مي دهي و هر افكتي حالا تاريك شدن شطرنجي شدن يا هر چيز ديگري را به فرم زمينه اعمال كرده و آن فرمي كه براي نظر دادن است هم در واقع يك ماژول jQuary است اما متاسفانه شخصا سورس كدي در اين زمينه ندارم
sajadb2002
سه شنبه 07 شهریور 1391, 12:04 عصر
سلام
این یک افکت jQuery و CSS است. با نگاه کلی که به کدهای سایتش انداختم، دیدم که توی سایت کدش موجوده یک view source بگیرید و قسمت مربوطه رو بررسی کنید.

نام فانکشن مربوطه:
onclick="exposeMe();
onfocus="exposeMe();

کد فانکشن:
function exposeMe(obj) {
if ($.mask.isLoaded())
return;
$('#feedback_form_parent').expose({
opacity: .5,
color: '#808080',
onClose: function() { $('#feedback_form_parent').animate({bottom:0}) }
}).load();
}
mahmood1000
سه شنبه 07 شهریور 1391, 12:11 عصر
دوست عزیز شما تو گوگل یه سرچ درباره lightbox بزن کلی نمونه به این شکل برات میاره
razeghaik1
سه شنبه 07 شهریور 1391, 18:15 عصر
مرسی که جواب دادید.همین کارو می کنم.
razeghaik1
سه شنبه 07 شهریور 1391, 21:37 عصر
من کدها رو کپی کردم اما نتیجه نگرفتم.لطفا کمکم کنید.کد من اینه:



html>
<head>
</head>
<body>
<form>
<input type='text' name='first_name' onfocus="exposeMe();" onclick="exposeMe();" id='feedback1'></br>
<input type='text' name='email' dir='ltr' onfocus="exposeMe();" onclick="exposeMe();" id='feedback2'></br>
<textarea name='idea_content' dir='rtl' onfocus="exposeMe();" onclick="exposeMe();" id='feedback3'></textarea>
</form>

<script type="text/javascript">
function exposeMe(obj) {
if ($.mask.isLoaded())
return;
$('#feedback_form_parent').expose({
opacity: .5,
color: '#808080',
onClose: function() { $('#feedback_form_parent').animate({bottom:0}) }
}).load();
}
</body>
</html>
mahmood1000
چهارشنبه 08 شهریور 1391, 09:07 صبح
دوست عزیز با تمام مشغله ای که داشتم برات درستش کردم
برو حالشو ببر

ابتدا تو فایل html این کد رو قرار بده



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Language" content="fa">
<script type="text/javascript" src="Script/saved_resource.js"></script>
<style type="text/css">
#feedback3
{
height: 159px;
width: 324px;
}
#feedback_form_parent
{
width: 343px;
}
</style>
<div class="docDivPollForm" id="feedback_form_parent">
<form method="POST" name="feedback_form" style="width: 332px">
<input type="hidden" name="section" value="4">
<input type="hidden" name="doc_id" value="165209">
<input type="hidden" name="lang" value="fa">
<input type="hidden" name="prid" id="fprid" value="0">
<div style="display: none;">
<input type="text" name="name" value=""></div>
<input type="text" name="first_name" onfocus="exposeMe();" onclick="exposeMe();"
id="feedback1"><br>
<input type="text" name="email" dir="ltr" onfocus="exposeMe();" onclick="exposeMe();"
id="feedback2"><br>
<textarea name="idea_content" dir="rtl" onfocus="exposeMe();" onclick="exposeMe();"
id="feedback3"></textarea></form>
<script type="text/javascript">
function exposeMe(obj) {
if ($.mask.isLoaded())
return;
$('#feedback_form_parent').expose({
opacity: .5,
color: '#808080',
onClose: function () { $('#feedback_form_parent').animate({ bottom: 0 }) }
}).load();
}
</script>
</div>
</body></html>


بعد یه فولدر درست که به نام Script
این فایل رو دانلود کن (http://alef.ir/pack/?g=vidoc)
این فایل رو با نام saved_resource.js تو همون فولدر ذخیره کن.
حالا فایل html رو اجرا کن میبینی که مشکل شما حل شده.

موفق باشید