Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > PHP มีตัวอย่าง Javascript popup modal แบบไม่ใช่ jQuery ใช้งานกับ DIV ครับ

PHP มีตัวอย่าง Javascript popup modal แบบไม่ใช่ jQuery ใช้งานกับ DIV ครับ

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

Meijic

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

อยากได้ Javascript แบบ Popup Modal ครับ
ไม่ต้องใช้งานร่วมกับ jQuery

กดตรงลิ้ง แล้วให้ข้อมูล ใน DIV เป็น Popup มาครับ
Code (PHP)

<a href="">เปิด popup</a>

<div id=""></div>

Tag : PHP, MySQL, HTML/CSS, JavaScript, Ajax

Date : 2015-09-02 21:54:59

By : meijicpipo

View : 3294

Reply : 7

No. 1

NewbieXYZ

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

Code (JavaScript)

<script>
function popup(){
   var txt = document.getElementById('test').innerHTML;
   alert(txt);
}
</script>
<a href="javascript: popup()">TEST</a>
<div id="test">Show DATA</div>

Date : 2015-09-02 23:16:46

By : NewbiePHP

No. 2

Meijic

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

อยากได้ เหมือน Modal ใน Bootstrap ครับ

Date : 2015-09-03 09:55:22

By : meijicpipo

No. 3

mr.v

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

http://stackoverflow.com/questions/16778336/modal-dialog-without-jquery

Code

<div id="overlay">
<div>
<p>Content you want the user to see goes here.</p>
</div>
</div>

Code

#overlay {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
 }

Code (JavaScript)

function overlay() {
    el = document.getElementById("overlay");
   el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
 }

ไม่แน่ใจว่าเวิร์คมั้ย ไม่ได้ลอง บอกด้วยแล้วกันครับ

Date : 2015-09-03 10:14:11

By : mr.v

No. 4

NewbieXYZ

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

ไม่รู้จะตอบยังไงดี ลองอ่านตรงนี้ดูก็แล้วกันครับ
http://forums.asp.net/t/1970833.aspx?Bootstrap+vs+JQuery

Date : 2015-09-03 10:18:28

By : NewbiePHP

No. 5

iamje

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

bootstrap มันต้องพึ่ง jQuery ไม่ใช่หรอครับ?

Date : 2015-09-03 10:20:20

By : CasanovaKung

No. 6

Meijic

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

ไม่ได้ใช้ Bootstrap ครับ
อยากเอาแบบ คล้าย ๆ ของ Bootstrap Modal ครับ

Date : 2015-09-03 10:56:23

By : meijicpipo

No. 7

iamje

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

มันยากตรงไม่ใช้ร่วมกับ jQuery
เปิด Google ก็เจอแต่แบบ jQuery ครับ

Date : 2015-09-03 11:56:02

By : CasanovaKung

ค้นหาข้อมูล

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

Re : PHP มีตัวอย่าง Javascript popup modal แบบไม่ใช่ jQuery ใช้งานกับ DIV ครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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