Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > สอบถามเรื่องปุ่ม button ในการกดแล้วให้เด้งโชว์ popup หน่อยครับ

สอบถามเรื่องปุ่ม button ในการกดแล้วให้เด้งโชว์ popup หน่อยครับ

เริ่มหัวข้อใหม่

Guest

มี code อยู่ประมารนี้ครับ

Code (PHP)

<style type="text/css">
a:link { color: #F00; text-decoration: none; font-weight: bold; }
a:visited { color: #F00; text-decoration: none; font-weight: bold; }
a:hover { color: #000; text-decoration: none; font-weight: bold; text-shadow: 0 0 10px #000; }
a:active { color: #000; text-decoration: none; font-weight: bold; text-shadow: 0 0 10px #000; }
	hr { margin: 3px; border-bottom: 1px dashed #666; }
	@-webkit-keyframes fade {
		from	{ opacity: 0; }
		to 	{ opacity: 1; }
	}
	#popup {
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		padding-top: 100px;
		background-color: rgba(255, 255, 255, 0.5);
		z-index: 999;
		-webkit-animation-duration: 1.5s;
		-webkit-animation-name: fade;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-direction: normal;
	}
	#popup img {
		cursor: pointer;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -250px;
		margin-top: -250px;
	}
	#like #title {
		margin-bottom: 9px;
	}
	#like img {
		margin-right: 5px;
	}
</style>
	<div id="popup" onclick="$('#popup').hide()"><img src="img/promotion.png"></div>
<input type="button" onclick="register();" value="สมัครสมาชิก">

ผมอยากให้พอเรากดปุ่ม สมัครสมาชิกแล้วไอตรง id=popup ที่ผม hide ไว้จะเด้งโชว์ตามที่กำหนดอะครับ
รบกวนสอบถามผู้รู้หน่อยครับ ขอบคุณครับ

Tag : PHP, HTML/CSS, JavaScript

Date : 2014-04-03 23:07:23

By : กร

View : 7601

Reply : 10

No. 1

Yam

โพสกระทู้ ( 455 )
บทความ ( 0 )

Code

<button type="button" onclick="show()">Show</butto>

function show(){
 $("#popup").show();
}

ประวัติการแก้ไข
2014-04-04 00:43:39

Date : 2014-04-04 00:42:18

By : yamcrocodile

No. 2

Guest

ขอถามโง่ๆอีกนิดใส่ยังไงครับ มีตัวอย่างไหมครับ

Date : 2014-04-04 00:43:28

By : กร

No. 3

Yam

โพสกระทู้ ( 455 )
บทความ ( 0 )

ขอ code เต็มๆ หน่อยครับ

Date : 2014-04-04 00:44:28

By : yamcrocodile

No. 4

Guest

code เต็มไม่มีเหมือนกันครับผม copy code เค้ามาเหมือนกันอยากจะทำแบบนั้น
แต่ไม่รู้ code คืออะไรเหมือนกันครับ

Code (PHP)

<input type="button" onclick="register();" value="สมัครสมาชิก">

คือเค้ากดปุ่มนี้เปลี่ยนหน้าแล้วเจ้าตรงนี้มันจะโชว์รุปออกมากลางหน้าอะครับ

Code (PHP)

<div id="popup" onclick="$('#popup').hide()"><img src="img/promotion.png"></div>

Date : 2014-04-04 00:53:07

By : กร

No. 5

Yam

โพสกระทู้ ( 455 )
บทความ ( 0 )

Code

<div id="popup" onclick="$('#popup').hide()"><img src="img/promotion.png"></div> //เมื่อกดตัวมันเองมันจะ หายไป

ถ้าอยากให้มันโชว์กลับมา ก็ต้องทำปุ่ม โชว์ เช่น

Code

<button id="show" onclick="$("#popup").show()"></button>

Date : 2014-04-04 11:56:24

By : yamcrocodile

No. 6

Guest

ให้ show auto ได้ไหมครับ
แบบว่าไม่ต้องกดอะไรให้มันเด้งมาเองตอนโหลดหน้าเว็บเลย
แบบนี้จะเขียน code ยังไงดีครับ
แล้วพอกดที่รูปก็ค่อย hide ไป

Date : 2014-04-05 14:54:01

By : กร

No. 7

Genesis™

โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Code (PHP)

<script>
$(function(){
    $("#popup").show();
});
</script>

Date : 2014-04-05 15:16:01

By : Ex-[S]i[L]e[N]t

No. 8

Guest

Code (PHP)

<head>
<style type="text/css">
	#popup {
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		padding-top: 100px;
		background-color: rgba(255, 255, 255, 0.5);
		z-index: 999;
		-webkit-animation-duration: 1.5s;
		-webkit-animation-name: fade;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-direction: normal;
	}
	#popup img {
		cursor: pointer;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -250px;
		margin-top: -250px;
	}
</style>
<script>
$(function(){
    $("#popup").show();
});
</script>
</head>
<div id="popup" onclick="$('#popup').hide()"><img src="img/promotion.png"></div>

แบบนี้ถูกไหมครับ แต่ในส่วน div ที่ให้โชว์กลับไม่โชว์อ่าครับ
ผมทำตรงไหนผิดรึป่าวครับ

Date : 2014-04-05 15:58:06

By : กร

No. 9

natt_han

โพสกระทู้ ( 160 )
บทความ ( 0 )

ถ้าจะให้โชว์แต่แรกก็เอา display: none; ออกครับ

Date : 2014-04-05 17:39:53

By : natt_han

No. 10

Guest

ขอบคุณครับมากครับ โชว์แล้วครับ
แต่กดที่รุปแล้วมันไม่ปิดอะครับทำยังได้ได้บ้างครับให้กดที่รูปแล้วมันปิดไปเลย

Date : 2014-04-05 17:49:06

By : กร

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามเรื่องปุ่ม button ในการกดแล้วให้เด้งโชว์ popup หน่อยครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก