|
 |
|
จะทำอย่างไรไม่ให้ popup ถูกซ่อนจนกว่าจะกดปุ่ม Close |
|
 |
|
|
 |
 |
|
..ปัญหาผมมีอยู่ว่า เมื่อเปิดหน้าต่าง Popup ขึ้นมาพอคลิกส่วนที่อยู่ภายนอก popup หน้าต่าง popup มันจะซ่อนทุกครั้ง เราจะมีวิธีเเก้ไขอย่างไรให้มัน focus อยู่ตลอด จนกว่าจะถูกปิดโดยปุ่ม Close
/**** โค้ด JavaScript ****/
Code (JavaScript)
<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;
var w= window.open(url,name,properties);
w.focus();
}
</script>
Tag : PHP, Ms SQL Server 2008, JavaScript

|
|
 |
 |
 |
 |
Date :
2014-08-22 08:56:13 |
By :
junior_dev |
View :
1388 |
Reply :
5 |
|
 |
 |
 |
 |
|
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ใช้พวก Fancy box แทน popup น่าจะตรงจุดประสงค์ครับ
แล้ว Lock ว่าถ้า Click ส่วนที่เป็น Overlay ไม่ให้ปิด Fancybox
|
 |
 |
 |
 |
Date :
2014-08-22 09:20:05 |
By :
a |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Popup Fancybox ครับ
|
 |
 |
 |
 |
Date :
2014-08-22 09:32:44 |
By :
mr.win |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (JavaScript)
<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script language="javascript" >
var page_name='<?php echo $page_name; ?>';
jQuery.fn.center = function () {
this.css("top", (($(window).height() - this.outerHeight()) / 3) + $(window).scrollTop() + "px");
this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
return this;
}
$(document).ready(function(e) {
$.ajax({ url: 'yourfile.php' }).done( function(msg){
$('#myPopUp').html(msg).center().slideDown(500);
});
}
</script>
<div id='myPopUp' style="position: absolute; display:none"></div>
|
ประวัติการแก้ไข 2014-08-22 09:36:11
 |
 |
 |
 |
Date :
2014-08-22 09:35:38 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
...ขอบคุณ TC Admin เเละ คุณ Chaidhanan มากๆครับ...
|
 |
 |
 |
 |
Date :
2014-08-22 14:32:42 |
By :
junior_dev |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 04
|