ایجاد صفحه ارسال پیام در صفحه جاری [بایگانی]

alizanganeh

چهارشنبه 13 اسفند 1393, 22:07 عصر

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

http://8pic.ir/images/djpdbsng8br8o62psb3h.jpg (http://8pic.ir/)

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

sadegh.te

پنج شنبه 14 اسفند 1393, 00:14 صبح

سلام
دوست عزیز این یه صفحه پاپ آپ هستش اگه تو اینترنت سرچ کنی نمونه زیاد هستش از همونا الگو بگیر.

FastDesign.ir

پنج شنبه 14 اسفند 1393, 01:01 صبح

با سلام خدمت شما دوست گرامی
صفحه ای که در وسط تصویر بالا نمایش داده شده،یک کادر است که توسط اسکریپت های سمت کلاینت(برای مثال jQuery) و ظاهر آن توسط CSS ایجاد میگردد.
البته روش های دیگری برای ساخت چنین کادری وجود دارد که یکی از آن نمایش iframe یک صفحه دیگر است؛ استفاده از این روش علاوه بر غیر منطقی بودن، باعث کندی بارگذاری و مشکل ارسال پارامتر دارد.
تیره شدن اطراف صفحه نیز به راحتی با چند خط کد CSS امکان پذیر است.
برای نمونه من کد موجود در صفحه زیر را برای شما ایجاد نمودم.

http://jsfiddle.net/kxca9nuq/

alizanganeh

پنج شنبه 14 اسفند 1393, 08:44 صبح

با سلام خدمت شما دوست گرامی
صفحه ای که در وسط تصویر بالا نمایش داده شده،یک کادر است که توسط اسکریپت های سمت کلاینت(برای مثال jQuery) و ظاهر آن توسط CSS ایجاد میگردد.
البته روش های دیگری برای ساخت چنین کادری وجود دارد که یکی از آن نمایش iframe یک صفحه دیگر است؛ استفاده از این روش علاوه بر غیر منطقی بودن، باعث کندی بارگذاری و مشکل ارسال پارامتر دارد.
تیره شدن اطراف صفحه نیز به راحتی با چند خط کد CSS امکان پذیر است.
برای نمونه من کد موجود در صفحه زیر را برای شما ایجاد نمودم.

http://jsfiddle.net/kxca9nuq/

آقا دستت درد نکنه ♥
توضیحات و نمونه کامل و عالی بودن .
دمت گرم:قلب:

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

FastDesign.ir

پنج شنبه 14 اسفند 1393, 10:56 صبح

سلام خدمت شما دوست گرامی
من کد جدیدی برای شما در آدرس زیر ایجاد نمودم.
http://jsfiddle.net/vjdwy4yz/2/
در صورت استفاده از کد بالا، هیچ مشکلی برای سایر تگ های صفحه شما پیش نخواهد آمد.
در نظر داشته باشید که اندازه کادر تیره رنگ بسته به تگ های والد خود خواهد بود. در CSS اگر برای یک المان که در تگ Body قرار دارد ارتفاع 100% تنظیم کنید؛ در صورتی که صفحه شما دارای scroll باشد، المان مورد نظر تنها در قسمت بالایی صفحه نمایش داده خواهد شد. برای رفع این مشکل باید تمامی والدهای المان شامل html,body یا هر المان والد دیگری ارتفاع برابر 100% داشته باشند. البته تکنیک های jQuery نیز می توانند این مورد را تصحیح نمایند.

با تشکر

alizanganeh

جمعه 15 اسفند 1393, 12:56 عصر

یک کد خوب پیدا کردم که با استفاده از AJAXToolKit کار میکنه . حل شد . ممنون

Salimjavahery

شنبه 16 اسفند 1393, 12:51 عصر

دوست عزیز از جی‌ کوئری هم میتونید استفاده کنید
کد شخیلی ساده‌س ولی پلاگین هم واسه این کار داره
مثلا: http://dinbror.dk/bpopup/