แสดง popup window ตรงกลาง

Bookmark and Share

Javascript code

<script type="text/javascript">
function popup(url,name,windowWidth,windowHeight){    
	myleft=(screen.width)?(screen.width-windowWidth)/2:100;	
	mytop=(screen.height)?(screen.height-windowHeight)/2:100;	
	properties = "width="+windowWidth+",height="+windowHeight;
	properties +=",scrollbars=yes, top="+mytop+",left="+myleft;   
	window.open(url,name,properties);
}
</script>

HTML code

<a href="javascript:popup('http://www.google.com','',400,400)" >เปิด google.com แบบ popup </a>

ตัวอย่างผลลัพธ์

เปิด google.com แบบ popup



บทความในหมวดที่่น่าสนใจ อื่นๆ JAVASCRIPT Learning

25 Sep 08 ฟังก์ชั่นเกี่ยวกับ วันที่ เวลา ใน javascript อ่าน 3392 08 Jun 09 วิธีการสร้าง preloading images โหลดรูปภาพ ด้วย javascript อย่างง่าย อ่าน 3272 25 Sep 08 การจัดรูปแบบทศนิยมของตัวเลขใน javascript อ่าน 2942 06 Jan 09 สร้างฟังก์ชัน javascript เช็ค check email อย่างง่าย อ่าน 2587 25 Sep 08 Javascript กับเทคนิค Mouseover และ Mouseout อ่าน 2568 03 Nov 08 เปิด popup แล้วให้แสดงแบบ maximize อ่าน 2444 22 Mar 09 สร้างฟังก์ชันโชว์รูปภาพขนาดใหญ่ด้วย javascript แบบง่าย อ่าน 2251 24 Feb 09 สร้างรูปแบบข้อความ เบอร์โทร เลขที่บัตรประชาชน เวลา ด้วย javascript อ่าน 2185 25 Sep 08 ปิดหน้า Browser โดยไม่ต้องมีข้อความยืนยัน อ่าน 2164 19 Jun 10 สร้าง comment ด้วย social plugins ใน facebook api อย่างง่ายดาย อ่าน 2125 25 Sep 08 javasdcript กับการเข้ารหัส encoding และการถอดรหัส decoding อ่าน 2102 25 Sep 08 การสลับสีแถวในตารางด้วย javascript อ่าน 2036 26 Oct 08 การสร้างปุ่มยืนยันให้กับ ลิ้งค์ ด้วย function return confirm() อ่าน 2004 25 Sep 08 เลือกหรือไม่เลือก checkbox ทั้งหมด อ่าน 1952 25 Sep 08 กรอกข้อมูลได้เฉพาะตัวเลข อ่าน 1934
จำนวนผู้เยี่ยมชม 157926 คน 2010 © Copyright ninenik.com. All rights reserved.