Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

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


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

 
Topic : 118689



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



สถานะออฟไลน์



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

กดตรงลิ้ง แล้วให้ข้อมูล ใน DIV เป็น Popup มาครับ
Code (PHP)
<a href="">เปิด popup</a>

<div id=""></div>




Tag : PHP, MySQL, HTML/CSS, JavaScript, Ajax
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-09-02 21:54:59 By : meijicpipo View : 3320 Reply : 7
 

 

No. 1



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



สถานะออฟไลน์
Facebook

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



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



สถานะออฟไลน์


อยากได้ เหมือน Modal ใน Bootstrap ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-03 09:55:22 By : meijicpipo
 

 

No. 3



โพสกระทู้ ( 4,764 )
บทความ ( 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



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



สถานะออฟไลน์
Facebook

ไม่รู้จะตอบยังไงดี ลองอ่านตรงนี้ดูก็แล้วกันครับ
http://forums.asp.net/t/1970833.aspx?Bootstrap+vs+JQuery
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-03 10:18:28 By : NewbiePHP
 

 

No. 5



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



สถานะออฟไลน์


bootstrap มันต้องพึ่ง jQuery ไม่ใช่หรอครับ?
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-03 10:20:20 By : CasanovaKung
 

 

No. 6



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



สถานะออฟไลน์


ไม่ได้ใช้ Bootstrap ครับ
อยากเอาแบบ คล้าย ๆ ของ Bootstrap Modal ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-03 10:56:23 By : meijicpipo
 

 

No. 7



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



สถานะออฟไลน์


มันยากตรงไม่ใช้ร่วมกับ jQuery
เปิด Google ก็เจอแต่แบบ jQuery ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-09-03 11:56:02 By : CasanovaKung
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : PHP มีตัวอย่าง Javascript popup modal แบบไม่ใช่ jQuery ใช้งานกับ DIV ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่