|
 |
| |
อยากได้สคริปทำ progress bar เวลาเว็บประมวลผล ให้โชว์ progress bar พอหมดให้โชว์เนื้อหา ทำไงเหรอ |
| |
 |
|
|
 |
 |
|
อยากทราบวิธีทำยังไง ไม่ใช่มีแต่ code ของเว็บตปท. อะ
|
 |
 |
 |
 |
| Date :
2015-07-01 10:49:27 |
By :
paravatee |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
|
| |
|
|
| |
| Date :
2015-07-01 11:12:06 |
By :
WiTT |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ทำไม ผมเขียนตามทุกอย่างแล้ว มันไม่ขึ้นเลยอะครับ งง มาก ช่วยดูให้หน่อยนะ
Code (JavaScript)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<!-- include jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<!-- include BlockUI -->
<script src="http://path/to/your/copy/of/jquery.blockUI.js"></script>
<script>
$(document).ready(function() {
$('#demo2').click(function() {
$.blockUI({ css: {
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .5,
color: '#fff'
} });
setTimeout($.unblockUI, 2000);
});
});
></script>
</head>
<body>
<form method="post" action="">
<input type="text" name=""> <br>
<input type="submit" id="myButton">
</form>
</body>
</html>
|
| |
|
|
| |
| Date :
2015-07-01 11:16:53 |
By :
paravatee |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แล้วนี่จะเขียน สคริป เมื่อ form มีการโหลด โดย post นี่เขียนไงเหรอครับ แบบนี้หรือเปล่า เมื่อกดปุ่ม แล้วมีการ คิวรีค้นหาดาต้า ให้ โชว์ blockui งงวะ
$(function(){
$('form').ajaxForm({
url: 'Transfer.php',
type: 'post',
dataType: 'html',
beforeSend: function(){
$.blockUI({
message: '<h4><img src="load.gif">กรุณารอสักครู่</h4>',
css: { background: '#ffc', color: 'red' },
overlayCSS: { background: 'blue', opacity: 0.5}
});
},
uploadProgress: function(event, position, total, percent){
$.blockUI({
message: '<h4><img src="load.gif">กรุณารอสักครู่</h4>',
css: { background: '#ffc', color: 'red' },
overlayCSS: { background: 'blue', opacity: 0.5}
});
},
success: function(result){
$.unblockUI();
$('#result').html(result);
$('form')[0].reset();
},
complete: function() {
$.unblockUI();
},
error: function(xhr, textStatus){
alert(textStatus);
}
});
});
</script>
|
| |
|
|
| |
| Date :
2015-07-01 11:19:36 |
By :
paravatee |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
