شنبه ۲۴ آذر ۱۴۰۳ |  عضویت / ورود

ساخت پنجره​های POP-UP فقط با چند کلیک موس!


Sunday, 2008 April 20   نویسنده: Hamid   تعداد بازدید: 10570 بار  #آموزش جاوا اسکریپت - Java Script‏   امتیاز متوسط: امتیازی داده نشده است

پنجره​های PopUp به پنجره​های کوچکی گفته می​شود که بر روی پنجره فعلی باز می​شوند و معمولاً حاوی یک پیغام، تبلیغ یا پنجره مربوط به کامنت​ها هستند.

نرم​افزار Yaldex PopUp 4.9 برای ساخت چنین پنجره​هایی طراحی شده است:

 

من توضیحی مختصر در مورد تنظیمات مختلف این نرم​افزار کوچک ارائه می​کنم:

در بخش Function Name یک نام دلخواه (انگلیسی)​ برای تابع جاوااسکریپتی لازم تایپ کنید.
در بخش PopUp Name عنوان پنجره​ای که باز خواهد شد را بنویسید (مثلا: نظرات)
در بخش Popsize طول و ارتفاع پنجره پاپ.آپ را مشخص کنید.
در بخش Position مشخص کنید که در چه قسمتی از اسکرین باز شود. مثلا با فاصله 100 پیکسل از بالا و 100 پیکسل از چپ. اگر Autocenter را فعال کنید، در وسط صفحه باز خواهد شد.
در بخش PopUp Options مشخص کنید که کدام نوارها در پنجره بازشو، فعال باشد. (مثلا نوار آدرس، نوار وضعیت و ...) یا اینکه تغییر اندازه فعال باشد (Resizable)، اسکرول​بار فعال باشد و ...
در بخش Focus تنظیم می​کنید که پنجره جدید، بر روی پنجره جدید (In Front) یا در زیر پنجره جدید (In Back) باز شود.
در بخش Type of PopUp می​توانید تنظیم کنید که برای هر کاربر، پنجره مورد نظر روزی یک بار فعال شود (Once Per Day) یا هر بار که پنجره مرورگر او بسته و دوباره باز می​شود (Once Per Session) یا اینکه در حالت Basic باشد. (برای دو حالت اول، مثلا فرض کنید در پنجره پاپ.آپ می​خواهید یک پیغام مهم را نمایش دهید. اگر کاربر با هر بار ورود به صفحه مورد نظر شما، این پنجره مدام باز شود، تکراری می​شود و ...)
و اما در بخش Launch Method تنظیم می​کنید که این پنجره با چه عملی باز شود؟
مثلا به محض لود شدن صفحه (On Load)
یا به محض بسته شدن پنجره (On Unload)
یا لینکی موجود باشد و کاربر روی آن کلیک کند و این پنجره باز شود (Link Click)
یا به صورت یک دکمه باشد که کاربر بر روی آن کلیک کند و این پنجره باز شود (Button Click)
یا اینکه از سمت راست (x Seconds After Loading) تنظیم کنید که مثلا 10 ثانیه بعد از لود شدن صفحه، این پنجره باز شود.
و ...

در بخش PopUp URL نیز آدرس صفحه​ای که قرار است در این پنجره کوچک نمایش داده شود را بنویسید.
و در انتها، اگر می​خواهید پنجره بعد از چند ثانیه بسته شود، در بخش Close Windows After، آن چند ثانیه را مشخص کنید!

در نهایت، روی Build کلیک کنید تا کد شما آماده شود. آن را در یک فایل NotePad کپی کنید و با یک نام و پسوند HTML ذخیره​اش کنید...

و اما می​توانید این نرم​افزار را از طریق لینک زیر به صورت رایگان دانلود کنید:

Download Yaldex PopUp (ZIP 1.62 MB)

ضمناً سایت اصلی سازنده این نرم​افزار سایت Yaldex.com است.

موفق باشید؛
حمید رضا نیرومند


.



ارسال سؤال یا نظر


1- محمود:
بوسیله: , در: Monday, 2010 August 09-کد: 1961
بسیار عالی.


2- سارا نصر:
بوسیله: , در: Saturday, 2013 November 30-کد: 8637
سلام. ممنون از قرار دادن نرم افزار به این خوبی.
فقط من یه مشکلی دارم. می خوام که صفحه popup ” زیر ” تمام صفحات باز بشه. توی این نرم افزار قسمت focus :in back برای همچین منظوریه ولی کار نمی کنه. یعنی باز هم صفحه popup ” روی ” صفحات باز میشه.
میشه لطف کنید برام توضیح بدید که چی کار باید بکنم ؟؟؟؟؟؟

خیلی ممنونم.


3- هادی سامانی:
بوسیله: , در: Tuesday, 2013 December 31-کد: 8990
سلام دوست عزیز من فقط الکی این برنامه را دانلود کردم فک کنم چون اصلا کار نمیکنه از نظرم همین کد بهتره اما هیف که هر 24 1با میشه استفاده کردش نه


var needpop = 100;

var vc_cn = "jot9843504";
var vc_url = "http://www.bilax.tk/";
if (readCookie(vc_cn)) {
needpop = 100;
}else{
needpop = 100;
}
var PopWidth = 1024;
var PopHeight = 768;
var PopTargetingMethod = 100;
var PopUseDivLayer = 1;
var RTSDomain = vc_url;
var debugDomain = vc_url;
var Page_Popped = false;
var Page2_Popped = false;
var Page_Loaded = false;
var Page_Enter;
var MySiteDomain = window.location.href.split('/');
if (needpop == 100) {
InitPop()
}
function InitPop() {
Page_Enter = new Date();
if (window.captureEvents) {
window.captureEvents(Event.CLICK);
window.onclick = LoadStandardPop
} else do*****ent.onclick = LoadStandardPop
}
function SiteEnter() {
Page_Loaded = true
}
function createCookie(name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(2*60*60*1000));
var expires = "; expires=" + date.toGMTString()
} else var expires = "";
do*****ent.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) {
var ca = do*****ent.cookie.split(';');
var nameEQ = name + "=";
for (var i = 0; i 0 && screen.height > 0) {
pxLeft = (screen.width / 2) - (PopWidth / 2);
pxTop = (screen.height / 2) - (PopHeight / 2) - 50;
if (pxLeft



Tutorials ©