ایجاد هاله رو سایت هنگام پردازش [بایگانی]

Payman62

دوشنبه 23 دی 1387, 17:11 عصر

سلام.
دیدید بعضی سایت ها وقتی رو کلیدی کلیک میکنی یه هاله سفید میاد رو سایت تا سایت کارشو بکنه. تا وقتی هاله رو سایته نمیشه رو هیچ کلیدی کلیک کرد.
نمونش تو سایت box.net . من عکسشو این جا گذاشتم. بعد از کلیک برای آپلود فایل به اون شکل در میاد.
http://payman.parsaspace.com/Pictures/1.JPG
http://payman.parsaspace.com/Pictures/2.JPG

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

eyes_shut_number1

دوشنبه 23 دی 1387, 17:16 عصر

یکی از کنترل ها radcontrol هست
با javascript , css میتونی پیاده سازیش کنی

Payman62

دوشنبه 23 دی 1387, 18:05 عصر

سلام.
میشه بیشتر توضیح بدی.
من فکر میکردم هاله با استفاده از تگ div پیاده میشه.

Payman62

دوشنبه 23 دی 1387, 20:43 عصر

سلام.
بیشتر توضیح بده طرح برتر.

msadgd

دوشنبه 23 دی 1387, 23:43 عصر

ممنون از پیمان بابت طرح این موضوع خوب. اگر دوستان بتونن در این زمینه کمک کنن، فکر میکنم سایت های زیبا و مفیدی بشه تولید کرد. این روشی هست که کم کم داره توی طراحی سایتها جا میافته.

amirferdowsi

سه شنبه 24 دی 1387, 03:13 صبح

من فکر میکردم هاله با استفاده از تگ div پیاده میشه.

سلام
دوست عزیز همینطوره ، با DIV یا Panel :تشویق:

اینم یک نمونه از طرحی که میخواستید ، امیدوارم که مفید باشه :چشمک:

mojniknam

سه شنبه 24 دی 1387, 08:59 صبح

این فیلتر بر روی Div هست از طریق CSS که در DW به راحتی با یک کلیک اجرا میشه!
ضمن اینکه توی Ajax Ext هم یه کنترل هست که این کار رو انجام میده... اگر اشتباه نکنم کنترل popup بود.

msadgd

سه شنبه 24 دی 1387, 09:39 صبح

امیر فردوسی عزیز دستت درد نکنه.
فقط یه موردی که هست اینه که بعد از نشون داده شدن panel اجزاء زیر panel مشخص نیستند درصورتی که توی هاله هایی که توی سایتهای دیگه دیدم اجزاء صفحه مشخص هستند ولی دسترسی بهشون ممکن نیست. اگر بتونی همچین نمونه ای بزاری ممنون میشم. البته اگه توی رویدادهای شروع پست بک تا خاتمه پست بک باشه بهتره (با دکمه نباشه)
بازهم ممنون از راهنمایی و مثال خوبت

mojniknam

سه شنبه 24 دی 1387, 10:04 صبح

این فیلتر بر روی Div هست از طریق CSS که در DW به راحتی با یک کلیک اجرا میشه!
ضمن اینکه توی Ajax Ext هم یه کنترل هست که این کار رو انجام میده... اگر اشتباه نکنم کنترل popup بود.

این نکته رو ادامه بده به اون چیزی که میخوای میرسی

amirferdowsi

سه شنبه 24 دی 1387, 12:54 عصر

فقط یه موردی که هست اینه که بعد از نشون داده شدن panel اجزاء زیر panel مشخص نیستند درصورتی که توی هاله هایی که توی سایتهای دیگه دیدم اجزاء صفحه مشخص هستند ولی دسترسی بهشون ممکن نیست.

سلام
در این مثال هم اجزای زیر پنل نمایش داده میشه و دسترسی به اونها ممکن نیست ! مگه دکمه Show برای شما در هنگام نمایش هاله ، مشخص نیست ؟

البته اگه توی رویدادهای شروع پست بک تا خاتمه پست بک باشه بهتره

شما میتونید ابتدای پست بک Visible پنل رو True کنید و در خاتمه اون رو دوباره False کنید

amirferdowsi

سه شنبه 24 دی 1387, 13:02 عصر

نه خیر از لایت باکس جی کوئری استفاده کنید
دوست عزیز چرا در مورد روشتون کامل توضیح نمی فرمائید تا همه دوستان استفاده کنند !؟

Payman62

سه شنبه 24 دی 1387, 14:34 عصر

سلام.
طرح برتر اگه نمونه کد بذاری ممنون میشم.

Payman62

سه شنبه 24 دی 1387, 15:05 عصر

سلام
دوست عزیز همینطوره ، با DIV یا Panel :تشویق:

اینم یک نمونه از طرحی که میخواستید ، امیدوارم که مفید باشه :چشمک:
سلام.
این کد برای من ارور میده.
<providerOption name="CompilerVersion" value="v3.5"/>
به این خط از وب کانفیگ گیر میده.
من دات نت 2005 دارم.

requirePermission ها رو هم آلارم میده.
دلیل این ارور ها چیه؟

Payman62

سه شنبه 24 دی 1387, 15:30 عصر

من اوردمش تو یه پروژه دیگه. اون دوستمون درست میگن. دکمه show دیده نمیشه. یعنی این پنل شفافیت نداره.

اشتباه میکردم. من دیو رو بزرگ کرده بودم که پیچ رو میپوشوند. کوچیکش کردم و نتیجه رو دیدم. خیلی عالیه. ولی یه مشکل کوچیک داره. اگه پیچ بزرگ باشه و اسکرول داشته باشه پایین پیج زیر پنل قرار قرار نمیگیره.

جناب طرح برتر لینک جالبی بود. دارم دانلود میکنم ببینم چه جوریه.

اگه میشه دلیل ارورهای وب کانفیگ رو هم شرح بدید.

hesam_a110

سه شنبه 24 دی 1387, 17:12 عصر

درود بر شما
آقای طرح برتر داخل چندین پستی شما زدید در اون پست ها فقط گفت جی کوئری ولی هیچ چیز قانع کننده و یا کدی برای آن ذکر نکرده اید لطفا در مورد اون توضیح بیشتر و یا کد نمونه ای بگذارید ممنون
پیروز و نیک باشید

amirjalili

سه شنبه 24 دی 1387, 19:23 عصر

دوستان ببخشید خواهش من اینه که به سوالات به صورت علمی و پایه ای پاسخ بدید و بعد مثلا jquery یا هر چیزی که کار رو راحت میکنه رو هم در کنارش معرفی کنید..
این آفتی هست که جدیدا در ایران به خصوص بین برنامه نویس های Net. بدجوری شایع شده و استفاده از ابزار های آماده به خصوص شرکت ماکروسافت تبدیل به معضلی علمی شده..
دلیلشون هم اینه که مثلا زبانی مثل c#.net یک زبان تجاری هست و باید کار سریع انجام بشه و همین باعث شده که مثلا برنامه نویس هایی که در زبان های php , .... فعالیت میکنن هر وقت یک برنامه نویس Net . میبینن حسابی به ریششون بخندن ...:ناراحت::عصبانی++:

amirferdowsi

سه شنبه 24 دی 1387, 19:35 عصر

اگه میشه دلیل ارورهای وب کانفیگ رو هم شرح بدید.

سلام
شرمنده من اون مثال رو با net 3.5 انجام داده بودم ، دلیل ارور هم همینه.
همون مثال رو با net 2.0 توی همین پست گذاشتم.

دکمه show دیده نمیشه. یعنی این پنل شفافیت نداره.

نمی دونم چرا نمایش داده نمیشه !
عکس همین مثال روی سیستم خودم رو هم گذاشتم ، حالا شما این مثال رو هم دریافت کنید ببینید باز همین مشکل رو دارید ؟

Payman62

سه شنبه 24 دی 1387, 21:37 عصر

سلام.
جناب امیر من که در ادامه گفتم اشتباه از من بوده. پیغام من رو کامل بخونید.

این ادامه پیغامم بود.

اشتباه میکردم. من دیو رو بزرگ کرده بودم که پیچ رو میپوشوند. کوچیکش کردم و نتیجه رو دیدم. خیلی عالیه. ولی یه مشکل کوچیک داره. اگه پیچ بزرگ باشه و اسکرول داشته باشه پایین پیج زیر پنل قرار قرار نمیگیره.
این قضیه اسکرول رو چه کنیم؟

Payman62

چهارشنبه 25 دی 1387, 14:30 عصر

سلام.
من اسکریپت های jquery رو دانلود کردم. جناب طرح برتر میدونی کدام توابع رو برای نمایش تابع باید صدا زد. چون تعداد توابع زیاده.

Payman62

پنج شنبه 26 دی 1387, 01:19 صبح

سلام.
من دارم تو سایتش میگردم. شمام اگه نمونه کد داری بذار دیگه.

Payman62

پنج شنبه 26 دی 1387, 14:49 عصر

سلام.
آقای محترم نمیخوای توضیح بدی رک و راست بگو. چرا این قدر قضیه رو میپیچونی.
خوب شما که به توابعش تسلط داری خیلی مشکله بگی این تابع هاله رو میندازه رو سایت و این تابع برش میداره؟
بله سرچ هم میکنم کد هم دانلود میکنم. ولی در این فروم همه از هم انتظار داریم اگه در مورد موضوعی اطلاعی داریم از هم دریغ نکنیم و بی منت در اختیار هم بگذاریم. اساس فروم همینه. نه این که به هم بگیم من 2 هفته گشتم پیدا کردم تو هم برو 2 هفته بگرد پیدا میکنی.

amirferdowsi

پنج شنبه 26 دی 1387, 17:34 عصر

این قضیه اسکرول رو چه کنیم؟

سلام
این کد جاوااسکریپت رو پایین صفحه قرار بدید

function Page_OnLoad()
{
document.getElementById("pnl_Test").style.height = document.body.clientHeight;
}
window.onresize = Page_OnLoad;

این هم به تگ Body اضافه کنید

onload="Page_OnLoad();"

امیدوارم که مشکلش حل بشه :لبخندساده::چشمک:

Payman62

پنج شنبه 26 دی 1387, 21:06 عصر

سلام.
من این کد رو اضافه کردم.

<script type ="text/javascript" >
function Page_OnLoad()
{
document.getElementById("pnl_Test").style.height = document.body.clientHeight;
}
window.onresize = Page_OnLoad;
</script>

اینو نفهمیدم کجا اضافه کنم.

onload="Page_OnLoad();"
تو تگ بادی که نمیشه.

amirferdowsi

پنج شنبه 26 دی 1387, 21:25 عصر

تو تگ بادی که نمیشه.

سلام
اینو ببین

<body onload="Page_OnLoad();">

mh19842008

پنج شنبه 26 دی 1387, 21:42 عصر

شاید کمکی باشه

Payman62

جمعه 27 دی 1387, 14:44 عصر

سلام
اینو ببین

<body onload="Page_OnLoad();">

سلام.
خیلی جالب بود. ممنونم ازت.
چک میکنم ببینم بازم ایرادی پیدا میکنم یا نه.

Payman62

جمعه 27 دی 1387, 20:51 عصر

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

یه مساله دیگه. نمایان شدن پنل و مخفی شدنش رو با جاوا اسکریپت چطور میشه نوشت که کلا کلاینتی بشه و نیازی به postback صفحه نباشه؟ اگه دقت کرده باشید سایت هایی که از این روش استفاده میکنن به محض کلیک روی کلیدی پنل نمایان میشه. قبل از ریفرش شدن صفحه.

amirferdowsi

جمعه 27 دی 1387, 21:20 عصر

سلام
اینم کد جاوااسکریپت :

برای نمایش پنل :

document.getElementById('pnl_Test').style.display= 'visible';

برای پنهان کردن پنل :

document.getElementById('pnl_Test').style.display= 'none';

Payman62

جمعه 27 دی 1387, 23:03 عصر

سلام.
کدهای جاوا اسکریپت برای نمایش و مخفی کردن پنل کار نمیکنن. داخل تابع آلرت هم گذاشتم مسیج رو نشون میده ولی پنل نمایان نمیشه. کلا وقتی به خط نمایش پنل که میرسه ظاهرا از تابع میپره بیرون چون بعد از دستور نمایش پنل هم یه آلرت گذاشتم ولی دومی رو نمایش نمیده.

یه مشکل دیگه باز با ie6. علاوه بر نمایش کومبو هنگام نمایش پنل که بالا عرض کردم سایر کنترل ها کلا ناپدید میشن. یعنی پنل تو ie6 کل کنترل هارو زیر خودش مخفی میکنه و قابل دیدن نیستن.

یه مشکل دیگه. من میخوام این کد طوری باشه که کلاینتی باشه. صفحه postback نشه. مثل زمانی که مثلا required field validator میذاریم و اگه تکس باکس خالی باشه بدون ریفرش شدن صفحه پیغام میده که این تکس رو پر کن. میخوام بدون ریفرش شدن فرم پنل ظاهر بشه.

Payman62

یک شنبه 29 دی 1387, 13:47 عصر

سلام.
ظاهرا اگه کدها رو برای باتن htmlی بنویسم پست بک نمیشه.

ولی مشکل ظاهر نشدن پنل هنوز وجود داره.

WorldVbMan

یک شنبه 29 دی 1387, 14:06 عصر

سلام
با یه Div یا Table كه خصلت Position:fixed واسش تعریف شده و برای اینكه روی هر كنترلی باشه مقدار Z-index بزرگتر از دیگر كنترلها داره این كار براحتی پیاده سازی میشه این كد Div نمونه:
<div class='fix'></div>
و این هم خصائلش در تگ استایل یا فایل Css:
..fix{position:fixed;right:0px;top:0px;background-color:#fff;
text-align:center;width:100%;height:100%;z-index=1000;
color:#000000;filter:alpha(opacity=63);-moz-opacity:.63;opacity:0.63}
ضمن اینكه باید پنل شامل این Div تگ body باشه تا 100% نسبت باون در نظر گرفته شه
با تغییر درصد كه من 0.63 فرض كردم هم میشه مقدار شفافیت رو مشخص كرد

Payman62

سه شنبه 01 بهمن 1387, 13:36 عصر

سلام.
جناب طرح برتر سایت جی کویری و آموزش هاش رو زیر و رو کردم. اتفاقا سورس همین پیج رو هم که دادی رو دانلود کرده بودم. در کل نمونه سورس های خوبی دانلود کردم. ولی باز میگم انتظار داشتم شما که در این زمینه اطلاعات داشتی بیشتر و بهتر راهنماییم میکردی.

این که این سوال رو این جا ادامه دادم به این دلیل بود که میخواستم روش آقای فردوسی رو هم کامل کنم. چون اونم روش جالبی بود.