|
 |
| |
Jquery Transfer เมื่อกด submit form แก้อย่างไรครับ |
| |
 |
|
|
 |
 |
|
ขอดันครับ
|
 |
 |
 |
 |
| Date :
2011-12-28 13:10:41 |
By :
kw4nz |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Code (PHP)
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<style type="text/css">
div.green { margin: 0px; width: 100px; height: 80px; background: green; border: 1px solid black; position: relative; }
div.red { margin-top: 10px; width: 50px; height: 30px; background: red; border: 1px solid black; position: relative; }
.ui-effects-transfer { border: 2px solid black; }
</style>
<script>
$(document).ready(function() {
$("div").click(function () {
var i = 1 - $("div").index(this);
$(this).effect("transfer", { to: $("div").eq(i) }, 1000);
});
// เพิ่มตรงนี้เข้าไปครับ
$("#submit").click(function () {
$("#red").effect( "transfer", {to: "#green", className: "ui-effects-transfer"}, 1000);
});
});
</script>
</head>
<body style="font-size:62.5%;">
<!-- เพิ่ม ID เข้าไป-->
<div class="green" id="green"></div>
<div class="red" id="red"></div>
<br /><br />
<form name="target" action="#">
<input name="text" type="text" /><input name="submit" id="submit" type="button" value="submit" />
</form>
</body>
</html>
ลองดูอีกทีนะครับผมก็มั่วๆเอา
|
ประวัติการแก้ไข
2012-01-05 09:44:15
2012-01-05 09:44:46
2012-01-05 09:46:52
| |
|
|
| |
| Date :
2012-01-05 09:40:08 |
By :
ton280176 |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 01
|
