มารบกวนอีกแล้วครับ ทำไงให้ เวลาเรา คลิ๊ก checkbox แล้ว มีข้อความขึ้นมาอ่ะครับ
ขอแนวทางหน่อยนะครับขอบคุณมากๆครับ
สมมุติผมจะ ทำแบบตารารางนะ
| แสดงข้อวามจากเช็คบ็อก : แสดงข้อความที่เรากำหนด |
| 1ปุ่มเช็คบ็อก 2 ปุ่มเช็คบ็อก 3 ปุ่มเช็คบ็อก |
ให้ทำการ Handle Event onclick ครับ เช่น
<script language="javascript" type="text/javascript">
function setMessage(id, mess){
var obj = document.all?document.all[id]:document.getElementById(id);
if(obj != null){
obj.innerHTML = mess;
}
}
</script>
แสดงข้อความจากเช็คบ็อก <span id="message"></span>
<input type="checkbox" name="name" value="ปุ่มเช็คบ็อก 1" onclick="setMessage('message', 'ปุ่มเช็คบ็อก 1')">
<input type="checkbox" name="name" value="ปุ่มเช็คบ็อก 2" onclick="setMessage('message', 'ปุ่มเช็คบ็อก 2')">
<input type="checkbox" name="name" value="ปุ่มเช็คบ็อก 3" onclick="setMessage('message', 'ปุ่มเช็คบ็อก 3')">
ประมาณนี้ครับ
ตอนนี้ทำได้ละครับผม แต่อยากให้แสดง ข้อความทุกอันที่เราคลิ๊กแบบตารางครับ
ประมาณว่า กด ที่ข้อความนึง และให้แสดงต่อๆกันเรื่อยๆน่ะครับ ขอรบกวนหน่อยนะครับ
ขอบคุณคร๊าบบบบ
| แสดงข้อความจากเช็คบ็อก : 1ปุ่มเช็คบ็อก 2 ปุ่มเช็คบ็อก 3 ปุ่มเช็คบ็อก |
| 1ปุ่มเช็คบ็อก 2 ปุ่มเช็คบ็อก 3 ปุ่มเช็คบ็อก |
function setMessage(id, mess){
var obj = document.all?document.all[id]:document.getElementById(id);
if(obj != null){
obj.innerHTML = obj.innerHTML + mess;
}
}
</script>
แสดงข้อความจากเช็คบ็อก <span id="message"></span>
<input type="checkbox" name="name" value="ปุ่มเช็คบ็อก 1" onclick="setMessage('message', 'ปุ่มเช็คบ็อก 1')">
<input type="checkbox" name="name" value="ปุ่มเช็คบ็อก 2" onclick="setMessage('message', 'ปุ่มเช็คบ็อก 2')">
<input type="checkbox" name="name" value="ปุ่มเช็คบ็อก 3" onclick="setMessage('message', 'ปุ่มเช็คบ็อก 3')">
เข้าใจว่าเมื่อมีการคลิ๊กอะไรให้โชว์ทั้งหมด ลองแบบนี้ดูครับ
ทำได้นะครับผม แต่ เวลา คลิ๊กเช็คบ็อก อันเก่าแล้ว ข้อความก้อขึ้นต่อๆกันไปอ่ะครับ
| แสดงข้อความที่เช็คบ็อก : 1ปุ่มเช็คบ็อก2 ปุ่มเช็คบ็อก3 ปุ่มเช็คบ็อก1ปุ่มเช็คบ็อก2 ปุ่มเช็คบ็อก3 ปุ่มเช็คบ็อก |
| 1ปุ่มเช็คบ็อก 2 ปุ่มเช็คบ็อก 3 ปุ่มเช็คบ็อก |
พอกดอันที่เรากดไปแล้ว ข้อความอันเก่าไม่หายอ่ะครับผม ต่อกันเรื่อยๆเลยอ่ะครับแง้
<script language="javascript" type="text/javascript">
function setMessage(id, mess){
var obj = document.all?document.all[id]:document.getElementById(id);
if(obj != null){
obj.innerHTML = (obj.innerHTML.indexOf(mess)?obj.innerHTML
bj.innerHTML + mess);}
}
</script>
ใช้ indexOf() ในการค้นหาว่ามีคำนั้นๆหรือยัง
function setMessage(id, mess){
var obj = document.all?document.all[id]:document.getElementById(id);
if(obj != null){
obj.innerHTML = (obj.innerHTML.indexOf(mess)?obj.innerHTML : obj.innerHTML + mess);
}
}
</script>
<script language="javascript" type="text/javascript">
function setMessage(f, id){
var obj = document.all?document.all[id]:document.getElementById(id);
var message = "";
for(i = 0; i < f.chkname.length; i++){
if(f.chkname[i].checked){
message += f.chkname[i].value;
}
}
if(obj != null){
obj.innerHTML = message;
}
}
</script>
แสดงข้อความจากเช็คบ็อก <span id="message"></span>
<form>
<input type="checkbox" name="chkname" value="ปุ่มเช็คบ็อก 1" onclick="setMessage(this.form, 'message')">
<input type="checkbox" name="chkname" value="ปุ่มเช็คบ็อก 2" onclick="setMessage(this.form, 'message')">
<input type="checkbox" name="chkname" value="ปุ่มเช็คบ็อก 3" onclick="setMessage(this.form, 'message')">
</form>
จากโค๊ดผมได้ทำการเปลี่ยนเป็นการ loop ตามขนาดของ checkbox ซึ่งเมื่อมีการ checked หรือไม่ก็นะมีการจัดเรียงใหม่ รวมถึงแสดงเฉพาะส่วนที่เลือกเท่านั้น
ลองดูนะครับ
ผมลองทำตามแล้วนะครับ ยังไงก้อไม่แสดงอะไรขึ้นมาเลยน่ะครับ ขอโทษที่รบกวนคุณ admin น๊าครับผม
ผมใช้ code แรกที่คุณ admin ให้มาก้อได้ครับผม แง้ และขอบคุณนะครับที่คอยช่วยเหลือครับยังติดตามเว๊บของคุณเรื่อยๆนะครับ
ลองทำการ Copy code ทั้งหมดทดลองดูนะครับ
ขอโทษครับผมลองกับไฟล์เอกสาร php และใช้ java แบบลิ้งค์เข้ามาน่ะครับ ไม่แสดงอะไรเลยครับผม
แต่ถ้าเอกสาร html ผมแสดงได้ปกติครับลองตะกี้อ่ะ
ข้างล่างเป็น code ที่ผมทำไว้อ่ะครับ ใช้ code แบบอันแรกที่คุณ admin ให้มาก้อแสดงได้ตามปกติครับมแต่พอใช้อันใหม่กลับไม่สามารถแสดงได้น่ะครับ ยังไงก้อไม่เป็นไรนะครับ ผมรู้สึกว่ารบกวนคุณ admin มามากๆอ่ะเกรงใจครับ ก็ขอบคุณที่ตอบคำถามเรื่อยๆน๊าครับ
<?php
include( "connectmember.php" );
mysql_select_db( $dbname, $c )
or die ( "ไม่สามารถเลือกใช้งานฐานข้อมูล $dbname ได้" );
$routeid=$_GET["edit"];
$strSQL = "select * from routeing where routeid=$routeid";
$result = mysql_query ( $strSQL,$c );
while ( $rs = mysql_fetch_array($result))
{
echo "<html>\n";
echo "<head><title>.:::: EDIT Route Group :::.</title>\n";
echo "<script language=\"javascript\" type=\"text/javascript\" src=\"click_show_mess.js\"></script>\n";
echo "</head>\n";
echo "<body bgcolor=#336699 text=#ffffff>\n";
echo "<center><h1> :: Edit Route Group :: </h1>\n";
echo "<form method=POST action=\"edit_routegroup2.php\">\n";
echo "<input type=\"hidden\" name=\"routeid\" value=\"$routeid\">\n";
echo "<table align=\"center\" border=\"1\">\n";
echo "<tr><td><b>Group Indicator</b></td><td><b><span id=\"message\"></span></b></td></tr>";
echo "<tr><td><b>Route indicator :</b></td>";
echo "<td align=\"top\">";
$subSQL = "select * from routeing where routetype='ADDRESS' ";
$subresult = mysql_query( $subSQL,$c );
echo "<table align=\"center\">\n";
$col = 0;
while ($srs = mysql_fetch_array($subresult))
{
$checkname = "check" . $srs[routeid];
if ($col == 0)
echo "<tr>";
$checksql="select * from routegroup where routeid=$rs[routeid] and subrouteid=$srs[routeid]";
$checkresult=mysql_db_query($dbname,$checksql);
$num=mysql_num_rows($checkresult);
if($num > 0) {
echo "<td><input type=\"checkbox\" name=$checkname checked onclick=\"setMessage('message', '$srs[indicator]')\">$srs[indicator]</td>";
} else
{
echo "<td><input type=\"checkbox\" name=$checkname onclick=\"setMessage('message', '$srs[indicator]')\">$srs[indicator]</td>";
}
$col++;
if ($col == 5)
echo "</tr>";
$col = $col % 5;
}
echo "</table>";
echo "</td></tr>\n";
echo "<tr><td><b>Group Type :</b></td><td><select type=\"text\" name=routetype_edit>\n";
echo "<option value=>$rs[routetype]</option>\n";
echo "<option value=\"distribute\">distribute</option>\n";
echo "<option value=\"address\">address</option></select> </td></tr>\n";
echo "<tr><td colspan=\"2\" align=\"center\"><input type=\"submit\" value=\"เปลี่ยนข้อมูล\"><input type=\"reset\" value=\"ยกเลิก\"></td></tr></table>\n";
echo "</form>";
echo "<center>[<a href=\"show_route2.php\"><b>กลับหน้าเดิม</b></a> ]</center>\n";
echo "</body></html>\n";
}
mysql_close();
?>
