Add topics
facebox tweeter Emotion

 Window Popup 2007-08-28 11:20:46

<strong>Một số cách để open 1 windows mới</strong><br />
<u>cách 1</u>: cách đơn giản nhất
<a href="http://phpbasic.com" target="_blank">PHPBASIC</a>

Demo: <a href="http://phpbasic.com" target="_blank">PHPBASIC</a><br />
<u>Cách 2</u>:
<script>var new_window;
function popup(url)
{ new_window=window.open(url,'name','height=800,width=600');
if (window.focus) {new_window.focus()}
}</script>
<a href="javascript:popup('http://phpbasic.com');">Click here</a>

<script>var new_window;
function popup(url)
{ new_window=window.open(url,'name','height=800,width=600');
if (window.focus) {new_window.focus()}
}</script>
Demo:
<a href="javascript:popup('http://phpbasic.com');">Click here</a><br />
* nội dung của cửa sổ là nội dung của url
<br />
Cách 3:

<script type="text/javascript">
function popup()
{
  var generator=window.open('','name','height=300,width=400,status=1');
  
  generator.document.write('<html><head><title>Popup</title>');
  generator.document.write('</head><body>');
  generator.document.write('<h1>Welcome to phpbasic.com</h1>');
  generator.document.write('<p>Noi dung cua o cua so nay do javascript qui dinh.</p>');
  generator.document.write('<p><a href="javascript:alert(self.location.href)">Xem URL cua window</a>.</p>');
  generator.document.write('<p><a href="javascript:self.close()">Close</a> the popup.</p>');
  generator.document.write('</body></html>');
  generator.document.close();
}
</script>
<a href="javascript:popup();">Click here</a>

<script type="text/javascript">
function popup2()
{
  var generator=window.open('','name','height=300,width=400,status=1');
  
  generator.document.write('<html><head><title>Popup</title>');
  generator.document.write('</head><body>');
  generator.document.write('<h1>Welcome to phpbasic.com</h1>');
  generator.document.write('<p>Noi dung cua o cua so nay do javascript qui dinh.</p>');
  generator.document.write('<p><a href="javascript:alert(self.location.href)">Xem URL cua window</a>.</p>');
  generator.document.write('<p><a href="javascript:self.close()">Close</a> the popup.</p>');
  generator.document.write('</body></html>');
  generator.document.close();
}
</script>
Demo:
<a href="javascript:popup2();">Click here</a><br />
* nội dung của cửa sổ do javascript qui định
<br />
<u>Ghi chú</u>:
Đối số thứ 3 của hàm window.open có thể bao gồm các thuộc tính sau:

- height: chiều cao của popup, chỉ dùng đơn vị pixel (không dùng %)
- width: chiều rộng của popup, chỉ dùng đơn vị pixel (không dùng %)
- left: vị trí của popup so với lề trái của cửa sổ lớn
- top:vị trí của popup so với lề trái của cửa sổ lớn
- resizable: resize được kích thước của popup nếu là true
- scrollbars: xuất hiện scrollbars(thanh trượt) nếu là true
- toolbar: xuất hiên toolbar nếu là true
- menubar: xuất hiện menubar(File, Edit, ...) nếu là true
- location: hiển thị thanh điạ chỉ
- status: hiển thị status cho popup

<br />
<u>focus và close cho popup</u>
if (window.focus) {new_window.focus()} // focus
<a href="javascript:if(new_window) new_window.close()">Close</a>


Tra loi 12 comment(s) TG 2007-08-28 11:20:46

HQ 2007-08-30 05:06:48

Bác TG ơi,cho em hỏi xíu. Trong cách mở cửa sổ popup 2 và 3. Nếu url là một trang submit của 1 form thì làm như thế nào ạ?

Tra loi

TG 2007-08-30 05:12:59

nếu là submit từ form thì bạn đặt action của form như sau:
<form action="" method="post" name="form1" target="_blank" id="form1">
................
</form>

Tra loi

HQ 2007-08-31 09:05:20

Không được bác TG ơi, không biết TG có hiểu ý em ko? ví dụ em có cai form như sau :

<form action="submit.php" method="post" name="form1" target="_blank" id="form1">
<input type="text" name="text1">
<input type="submit" value="Submit" name="B1">
</form>
File submit.php sẽ lấy giá trị của Text1 để xử lý
Bây giờ em muốn trang submit.php sẽ được mở trong cửa sổ popup theo cách 2 của bác.
Nhưng em ko biết truyền như thế nào.
Em làm theo cách của bác là khai action = "", rồi gọi popup(root_dir/submit.php) khi click nút Submit.
Nhưng nếu gọi như vậy thì nó không lấy được giá trị của Text1.
????

Tra loi

TG 2007-08-31 09:48:08

à đối với trường hợp này thì không dùng 2 cách kia được, nhưng khi thêm target="_blank" vào <form thì khi submit, trang này cũng được mở ra ở 1 của sổ mới.

Tra loi

HQ 2007-08-31 09:58:24

Vậy TG có cách mở cửa sổ popup nào cho trường hợp này ko? Em muốn mở theo cách 2 hoặc 3 đó, vì trông cửa sổ nó gọn nhẹ hơn. Cảm ơn TG nhiều.

Tra loi

HQ 2007-09-18 05:03:14

Sao vậy bác TG, quên vụ này rồi ah? Giúp em xử lý vụ này đi.

Tra loi

TG 2007-09-19 12:51:26

nếu dùng từ form submit thì chỉ có 1 cách là dùng target="_blank" thôi, không sử dụng js được.

Tra loi

uoon 2007-09-29 03:27:05

Đối với các form submit hình như vẫn có thể dùng JS để can thiệp, bởi vì các form loại này có sự kiện (event) onsubmit.
Mình chưa thử bao giờ, bởi từ đầu toàn submit nhờ ajax.

<html>
<body>
<form name="uoon" action="#" onsubmit="alert(document.uoon.test.value); return false;">
<input type="text" name="test" />
<input type="submit" value="test submit with js">
</form>
</html>

Tra loi

Vy Quang Hoà 2007-11-26 04:24:39

Bác ơi, em muốn cửa sổ mở ra nó có hiệu ứng mờ có được không, tức là có thể nhìn xuyên qua cửa sổ đó để thấy được nội dung của trang này nè.

Tra loi

Quan Tran Anh 2007-11-26 05:58:47

Không đựoc, không thể thao tác với browser như thế được. Có thể làm giả Popup như dùng thẻ DIV để tạo hiệu ứng trong suốt

Tra loi

CRA 2007-11-27 11:55:45

vay co ai biet cách làm thế ko? chỉ mình với, mình đang muốn làm như thế với hình ảnh giống trang http://www.caravan.vn/index.php , cái phần click vào hình ảnh bên duoi đo, ai biet vui lòng giúp voi

Thanks truoc nha

Tra loi

dotung23 2008-10-15 01:52:30

Có ai biết làm cho cái cửa sổ mở ra ngay tại vị trí con trỏ không?

Tra loi

Y kien