نحوه ساختن PopUP را توضیح دهید

namahang · Sep 8, 2007

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

mohseni12345 · Sep 9, 2007

HTML:

<html>
<head>
<script type="text/javascript">
function show_popup()
{
var p=window.createPopup()
var pbody=p.document.body
pbody.style.backgroundColor="lime"
pbody.style.border="solid black 1px"
pbody.innerHTML="This is a pop-up! Click outside the pop-up to close."
p.show(150,150,200,50,document.body)
}
</script>
</head>

<body>
<button onclick="show_popup()">Show pop-up!</button>
</body>

</html>

namahang · Sep 9, 2007

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

farik · Sep 10, 2007

پاسخ به دوست عزیز

سلام دوست عزیز خوبین؟ خوب برای این کار شما فقط کافیه یک تغییر در کد بدین ولی این یک پنجره جدید نیست
این کد پاپ اپ هست...:

HTML:

<SCRIPT>
function popup(x)
{
var nw=window.open("about:blank",'',"scrollbars=no,toolbar=no,status=no,resizable=no,width=150,height=150,minimizable=no")
nw.document.write("<html><head><title>"+x+"</title></head></html>");
nw.document.close();
}
</SCRIPT>

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

HTML:

<input type="button" value="Button" name="B3" onmouseover="popup('Your pop up title')">

فقط به جای:about:blank ادرس پاپ اپ رو بزن تو تنظیماتش هم که دیگه تابلویه yes or no or auto برای طول و عرض هم height , wudth رو تغییر میدی به مقدار دلخواه
خوب این کد من بود ...
در ضمن برای اینکه اون کد دوست عزیزمون رو عوض کنی فقط به جایonclick ====>onmouseover رو بزار..
دعا فراموش نشه یا علی....

bahy_my · Sep 13, 2007

این بحث که تموم شد.
با تشکر از کد حرفه ای مرتضی اما توی فایر فاکس کار نمی کنه کدت مرتضی جان
پ.ن : دعا فراموش نشه.

echessdesign · Sep 14, 2007

درود بر شما
با کلیک بر روی لینک، هم به صفحه جدید می رود و هم PopUP
works in: ie, ns, opera 7+, firefox
در Body قرار دهید

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>echessdesign.com</title>
</head>

<body>
<a href="http://www.echessdesign.com" ONCLICK="window.open('blank1.htm', 'NewWindow','toolbar=yes,location=yes,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=no,copyhistory=yes,width=635,height=260')">www.echessdesign.com</a>
</body>

</html>