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

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 อ่าน 2118 08 Jun 09 วิธีการสร้าง preloading images โหลดรูปภาพ ด้วย javascript อย่างง่าย อ่าน 2043 25 Sep 08 การจัดรูปแบบทศนิยมของตัวเลขใน javascript อ่าน 1781 25 Sep 08 Javascript กับเทคนิค Mouseover และ Mouseout อ่าน 1565 06 Jan 09 สร้างฟังก์ชัน javascript เช็ค check email อย่างง่าย อ่าน 1557 03 Nov 08 เปิด popup แล้วให้แสดงแบบ maximize อ่าน 1533 25 Sep 08 javasdcript กับการเข้ารหัส encoding และการถอดรหัส decoding อ่าน 1401 25 Sep 08 ปิดหน้า Browser โดยไม่ต้องมีข้อความยืนยัน อ่าน 1375 24 Feb 09 สร้างรูปแบบข้อความ เบอร์โทร เลขที่บัตรประชาชน เวลา ด้วย javascript อ่าน 1346 26 Oct 08 การสร้างปุ่มยืนยันให้กับ ลิ้งค์ ด้วย function return confirm() อ่าน 1331 25 Sep 08 การสลับสีแถวในตารางด้วย javascript อ่าน 1301 22 Mar 09 สร้างฟังก์ชันโชว์รูปภาพขนาดใหญ่ด้วย javascript แบบง่าย อ่าน 1287 25 Sep 08 กรอกข้อมูลได้เฉพาะตัวเลข อ่าน 1283 28 Oct 08 การ hilight form ฟอร์มด้วย javascript อย่างง่าย อ่าน 1277 26 Oct 08 เช็ค browser ด้วย javascript ได้ทั้ง IE Firefox Opera Chrome อ่าน 1248
จำนวนผู้เยี่ยมชม 85513 คน 2010 © Copyright ninenik.com. All rights reserved.