สอบถามหน่อยครับ เรื่องเกี่ยวกับ Input อ่ะครับ ใครรู้ตอบหน่อยครับ
Code (JavaScript)
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<form name="frmMain" action="" method="post">
Text A <input type="text" name="txtA" value="" OnKeyUp="document.frmMain.txtB.value=this.value"> <br>
Text B <input type="text" name="txtB" value="" disabled> <br>
</form>
</body>
</html>
Date :
2011-05-04 13:43:20
By :
webmaster
เออ พี่ วิน ช่วยอธิบายด้วยครับ จะ ได้ เข้า ใจ จะได้ไม่ต้องเอาโค๊ดไปว่างอย่างเดียว
Date :
2011-05-04 13:55:47
By :
macro
แง้วยังไม่ได้ครับ เหมือนกับว่า เรา เลือกค่าแล้ว ค่าของ input ที่ 1 ไม่ไปอยู่ อันที่ 2 เองโดอัตโนมัติิ่ะครับ
Date :
2011-05-04 14:00:44
By :
macro
ลองแบบนี้ดูครับ
Code (PHP)
<script language="javascript" type="text/javascript">
function TxtAToTxtB(){
document.getElementById('txtB').value = document.getElementById('txtA').value;
}
</script>
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
</head>
<body>
<form name="frmMain" action="" method="post">
Text A <input type="text" id="txtA" name="txtA" value="" OnKeyUp="TxtAToTxtB();"> <br>
Text B <input type="text" id="txtB" name="txtB" value="" disabled="true"> <br>
</form>
</body>
</html>
Date :
2011-05-04 14:09:47
By :
Songkram
แง้วยังไม่ได้ อีก ล่ะ ครับ หรือเป็น เพราะ ว่า input อัรที่ 1 มัน เป็น java (ปฏิทินอ่ะครับ)
Date :
2011-05-04 14:20:17
By :
macro
ผมทดสอบแล้วก็ได้ปกติน่ะครับ
Date :
2011-05-04 14:21:58
By :
webmaster
หมายถึงว่า Input A ตัวแรกจะถูกกรอกข้อมูลโดยการเลือกมาจาก ปฏิทิน ใช่มั้ยครับ
ถ้าใช่..
1. หลังจากที่เลือกวันที่ในปฏิทินแล้ว ต้องเขียนเพิ่มในสคริปว่าให้ input A นี้ได้รับการ Focus
2. เขียนสคริป Onfocus ที่ input A ที่รับค่าปฏิทินว่าให้ทำการเอาข้อมูลจาก Input A ไปใส่ไว้ที่ Input B
Date :
2011-05-04 14:30:24
By :
Songkram
งั้น พี่ ลองเอา โค๊ดไปดู แล้วกันครับ
Code (PHP)
<?php session_start();
if(!session_is_registered('loginname')){
header("location:formlogin.php");
}
/* echo $_SESSION['loginname'];
echo $_SESSION['pw']; */
$name = $_SESSION['loginname'];
$pass = $_SESSION['pw'];
include "./include/connect1.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function TxtAToTxtB(){
document.getElementById('n_date').value = document.getElementById('dateout').value;
}
</script>
<script type="text/javascript" src="calendar/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="calendar/js/jquery-ui-1.7.1.custom.min.js"></script>
<script type="text/javascript" src="calendar/js/daterangepicker.jQuery.js"></script>
<link rel="stylesheet" href="calendar/css/ui.daterangepicker.css" type="text/css" />
<link rel="stylesheet" href="calendar/css/redmond/jquery-ui-1.7.1.custom.css" type="text/css" title="ui-theme" />
<script type="text/javascript">
$(function(){
$('#n_date').daterangepicker({arrows:true});
$('#s_date_timein').daterangepicker({arrows:true});
$('#s_date_time_out').daterangepicker({arrows:true}) ;
});
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="insertandedit1.php">
<h1><strong><center>Nomal Time </center>
</strong></h1>
<table width="1382" height="608" border="1">
<tr>
<th colspan="2" scope="col">Header </th>
</tr>
<tr>
<th height="48" colspan="2" scope="row">
<center>
<p><strong>Employee Detail</strong></p>
<table width="782" height="44" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr class="font22">
<td width="778" valign="top"><table width="1028" border="1" align="center" cellpadding="0" cellspacing="1">
<tr class="header24">
<td colspan="11" bgcolor="#F0F0F0"><div align="center" class="header">
<h3>Employee Detail</h3>
</div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#CCCCCC" class="font22">
<td width="85" align="center" class="font14-5"><div align="center">User_id</div></td>
<td width="171" align="center" class="font14-5">name</td>
<td width="208" align="center" class="font14-5"><div align="center">lname</div></td>
<td width="301" align="center" class="font14-5"><div align="center">position</div></td>
<td width="245" align="center" class="font14-5"><div align="center">Grade and step</div></td>
</tr>
<?
/* $dte1 = $_REQUEST['dte1']; */
// $dte2 = $_REQUEST['dte2'];
/* $start = $dte1; <?php echo $_SESSION['userid']; ?>" */
// $end = $dte2;
$sql_seleect = "select distinct u.user_id,fname,lname,position,gradeandstep
from user_table u,time_sheet_table t
where u.user_id = t.user_id and username = '$name' and password = '$pass' "; /* ตรงนี้เขียนอย่างงี้ได้ไหม ครับ */
$result_select = mysql_query($sql_seleect) or die(mysql_error());
while($read_data = mysql_fetch_array($result_select)){
?>
<tr class="font18">
<td align="left" valign="top" class="font14-0"><div align="center"><? echo $read_data['user_id'] ;?></div></td>
<td align="left" valign="top" class="font14-0"><div align="center"><? echo $read_data['fname']; ?></div></td>
<td align="left" valign="top" class="font14-0"><div align="center"><? echo $read_data['lname']; ?></div></td>
<td align="left" valign="top" class="font14-0"><div align="center"><? echo $read_data['position']; ?></div></td>
<td align="left" valign="top" class="font14-0"><div align="center"><? echo $read_data['gradeandstep']; ?></div></td>
</tr>
<? $user1 = $read_data['user_id'];
/* echo $user1 ; */
?>
<? }?>
</table></td>
</tr>
</table>
<p> </p>
<p> </p>
</center></th>
</tr>
<tr>
<th width="208" scope="row"><p><a href="insertandedit.php">Insert </a></p>
<p><a href="view.php">View</a></p>
<p><a href="formlogin.php">backtologin</a></p></th>
<td width="1004"><p> </p>
<p> Day of Work:
<label for="select"></label>
<select name="day" id="day">
<option value="Sunday">Sunday</option>
<option value="Monday">Monday</option>
<option value="Tuesday">Tuesday</option>
<option value="Wednesday">Wednesday</option>
<option value="Thurday">Thurday</option>
<option value="Friday">Friday</option>
<option value="Saturday">Saturday</option>
</select>
</p>
<p>
</p>
<p><center>
<p>Date </p>
<p>
<input type="text" name="n_date" id="n_date" onkeyup = "TxtAToTxtB();" >
<input type="hidden" name="user_id" value="<? echo $user1 ;?>" />
</p>
</center></p>
<p> <br />
Time in:
<input type="text" name="n_timein" id="n_timein" />
HH:MM:SS</p>
<p> </p>
<p> Time out :
<input type="text" name="n_timeout" id="n_timeout" />
HH:MM:SS</p>
<p> </p>
<p> Date Out :
<input type="text" name="dateout" id="dateout" disabled="true" />
</p>
<p> </p>
<p>
<font size="4"> Key Accomplishments</font>
</p>
<p> </p>
<p>
<textarea name="detail" id="detail" cols="45" rows="5"></textarea>
</p>
<p>
<input type="submit" name="button" id="button" value="Submit" />
</p></td>
</tr>
</table>
<p>
</p>
</form>
</body>
</html>
คือ ผม อยากให้ ไอ้ date_out ครับ มัน แสดงเวลาที่ผมเลือก n_date vอ่ะ ครับ แล้ว ให้ไอ้ date_out มันไม่สามรถไแก้ไขได้อ่ะครับ
Date :
2011-05-04 14:30:46
By :
macro
โอเคน่าจะเป็นอย่างที่ผมเข้าใจ....
ที่นี้ก็ให้ไปที่ไฟล์ daterangepicker.jQuery.js แล้วเข้าไปหาดูว่าตรงไหนคือจุดสิ้นสุดของการทำงานในขั้นตอนที่เอา วันที่ ใส่ไว้ใน element ซึ่งในที่นี้ก็คือ การทำงานของ $('#n_date').daterangepicker({arrows:true}); มันไปจบที่บันทัดไหนในไฟล์นี้ (หายากหน่อยนะครับ หุหุ)
แล้วก็แก้ไข โดยการเพิ่มเติมขั้นตอนการ Focus ไปที่ element ที่ต้องการ (ในที่นี้ก็คือ n_date) ตรงนี้จะทำให้เกิด event Onfocus เกิดขึ้นที่ n_date โดยอัตโนมัติ หลังจากนั้นก็เข้าไปแก้ไขใน PHP ตรงบันทัด
Code (PHP)
<input type="text" name="n_date" id="n_date" onkeyup = "TxtAToTxtB();" >
ให้เป็นดังนี้ครับ
Code (PHP)
<input type="text" name="n_date" id="n_date" Onfocus = "TxtAToTxtB();" >
พอดีของผมไม่ได้ใช้ Datepicker ตัวนี้เลยบอกไม่ได้ว่าขั้นตอนที่ว่านั้นอยู่ตรงไหน.....
ประวัติการแก้ไข 2011-05-04 14:42:28
Date :
2011-05-04 14:40:10
By :
Songkram
เออออออออออออออออ มี วิธีที่ ง่ายกว่า นี้ไหมครับ ว่า โค๊ด jave ของ ผม อ่ะ ครับมันยาวเป็น กิโลเลย ครับ ช่วยๆ อีกที น่ะครับ
Date :
2011-05-04 14:47:39
By :
macro
ขุดๆๆๆๆ
Date :
2011-05-04 15:19:57
By :
macro
<input type="text" name="n_date" id="n_date" onchange = "TxtAToTxtB();" >
Date :
2011-05-04 15:24:54
By :
PlaKriM
Load balance : Server 05