|
|
|
รบกวนสอบถามเรื่อง javascript (รึเปล่า) เกี่ยวกับการซ่อน หรือแสดง Form |
|
|
|
|
|
|
|
ผมอยากได้ javascript สำหรับตรวจ textbox checkbox ที่เป็น array อ่ะคับ ไม่ทราบว่าพอจะมีไหม
พี่ หนุ่ม น่าจะช่วยได้ num
ขอบคุณล่วงหน้าคับ
|
|
|
|
|
Date :
2009-10-13 15:12:49 |
By :
ไววิทย์ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แบบง่ายๆ ครับ
Code (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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Marosdee" />
<script type="text/javascript">
function showAndHide(idShow, idHide)
{
document.getElementById(idShow).style.display = 'block';
document.getElementById(idHide).style.display = 'none';
}
</script>
<title>Untitled 2</title>
</head>
<body>
<input type="radio" value="1" onclick="showAndHide('target1', 'target2')" name="check_type" /> แสดงตาราง 1 <br />
<input type="radio" value="1" onclick="showAndHide('target2', 'target1')" name="check_type" /> แสดงตาราง 2 <br />
<br />
<br />
<div id="target1" style="display: none;">
ข้อมูลในส่วนของ ตาราง 1
</div>
<div id="target2" style="display: none;">
ข้อมูลในส่วนของ ตาราง 2
</div>
</body>
</html>
อยากให้แสดงอันไหนก่อน ก็เอา style="display: none;" ออกครับ
|
|
|
|
|
Date :
2009-10-13 17:51:56 |
By :
danya |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
List
Code (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" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
</head><body>
<script type="text/javascript">
<!--
var Option_01 = "<table width='26%' border='1' id='tbMain1'> <tr><td> 1<input type='text' name='txtName' id='txt1' value=''> </td></tr><tr><td> <input ype='text' name='txtName' id='txt1' value=''> </td> </tr> </table></form>"
var Option_02 = "<table width='26%' border='1' id='tbMain2'> <tr><td> 2<input type='text' name='txtName' id='txt2' value=''> </td></tr><tr><td> <input type='text' name='txtName' id='txt2' value=''> </td> </tr> </table></form>"
function ChangeOption(value) {
if (value == 01) { OptionSub.innerHTML = Option_01; }
else if (value == 02) { document.getElementById( 'OptionSub' ).innerHTML = Option_02; }
}
//-->
</script>
<select name="OptionMain" onchange="ChangeOption(this.value)">
<option value="01">01</option>
<option value="02">02</option>
</select>
<div id="OptionSub"></div>
</body></html>
:)
|
|
|
|
|
Date :
2009-10-13 17:58:15 |
By :
Sek-Artdrinker |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
radio
Code (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" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
</head><body>
<script type="text/javascript">
<!--
var Option_01 = "<table width='26%' border='1' id='tbMain1'> <tr><td> 1<input type='text' name='txtName' id='txt1' value=''> </td></tr><tr><td> <input ype='text' name='txtName' id='txt1' value=''> </td> </tr> </table></form>"
var Option_02 = "<table width='26%' border='1' id='tbMain2'> <tr><td> 2<input type='text' name='txtName' id='txt2' value=''> </td></tr><tr><td> <input type='text' name='txtName' id='txt2' value=''> </td> </tr> </table></form>"
function ChangeOption(value) {
if (value == 01) { OptionSub.innerHTML = Option_01; }
else if (value == 02) { document.getElementById( 'OptionSub' ).innerHTML = Option_02; }
}
//-->
</script>
<input name="ltype" type="radio" value="01" OnClick="ChangeOption(this.value);" selected >
<input name="ltype" type="radio" value="02"OnClick="ChangeOption(this.value);" selected >
<div id="OptionSub"></div>
</body></html>
|
|
|
|
|
Date :
2009-10-13 18:04:26 |
By :
Sek-Artdrinker |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อ่ะ
ขอบคุณทุกๆ ท่านครับ
ผมจะลองเอาไปปรับแก้ดูนะครับ
ขอบคุณอีกครั้งครับ ^-^
|
|
|
|
|
Date :
2009-10-13 18:10:18 |
By :
yomaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตอนนี้ ทำได้แล้วขอรับ (ผมเอาโค้ดของคุณ ดุนยา ไปทำนะครับ)
แต่ว่า ตอนแสดงผล ตารางที่ 2 มันกลับไม่โชว์ (มันจะเป็นเหมือนรูป แรก น่ะครับ) คือ ข้อมูลมันชิดขวา (สำหรับ IE นะครับ)
แต่ถ้า ดูใน Firefox ไม่เกิดปัญหาใดๆ ซ่อน แสดง ได้ปกติ ครับผม
ผมเช็คโค้ดแล้วก็ จัดระเบียบตาราง ให้ชิดซ้ายหมดแล้ว นะครับ
งง เลย
ถ้าเป็น IE
เมื่อกด ตัวเลือกที่ 2
เมื่อกด ตัวเลือกที่ 1 (แสดงปกติ)
แต่ถ้าเป็น Firefox จะแสดงผลได้ทั้ง 2 ตัวเลือก เป็นปกติ ครับ
|
|
|
|
|
Date :
2009-10-13 18:22:54 |
By :
yomaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ครอบด้วย DIV ไหมครับ
เอา ตาราง ที่ต้องการโชว์และซ่อน ทั้งสอง
ไปวางใน div ทั้งสองเลย
ไหนลองเอาโค้ดมาดูทั้งหมดครับ ว่าเป็นยังไง เดี่ยวจะลองแก้ไขดู
|
|
|
|
|
Date :
2009-10-13 18:36:08 |
By :
danya |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code ทั้งหมดนะครับ ^-^
<script type="text/javascript">
//AJAX
function Inint_AJAX()
{
try
{
return new ActiveXObject( "Msxml2.XMLHTTP" );
}
catch ( e )
{
};
try
{
return new ActiveXObject( "Microsoft.XMLHTTP" );
}
catch ( e )
{
};
try
{
return new XMLHttpRequest();
}
catch ( e )
{
};
alert( "XMLHttpRequest not supported" );
return null;
};
function dochange( obj )
{
var req = Inint_AJAX();
var province = document.getElementById( 'province' ).value;
var tumbon = document.getElementById( 'tumbon' ).value;
if ( obj && obj.name == 'province' ) //เมื่อทำการเลือที่จังหวัดมา ให้เคลียร์ค่าอำเภอ
{
var amphur = "";
}
else //เลือกรายการอื่น
{
var amphur = document.getElementById( 'amphur' ).value;
};
var data = "province=" + province + "&hur=" + amphur + "&tumbon=" + tumbon;
req.onreadystatechange = function()
{
if ( req.readyState == 4 )
{
if ( req.status == 200 )
{
var datas = eval( '(' + req.responseText + ')' ); // JSON
document.getElementById( 'provinceDiv' ).innerHTML = datas[0].province;
document.getElementById( 'amphurDiv' ).innerHTML = datas[0].amphur;
document.getElementById( 'tumbonDiv' ).innerHTML = datas[0].tumbon;
};
};
};
req.open( "post" , "province.php" , true ); //สร้าง connection
req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" ); // set Header
req.send( data ); //ส่งค่า
};
//โหลดครั้งแรก
window.onload = function()
{
dochange( '' );
};
</script>
<script language="javascript">
/* function fncShowHideInput(value)
{
var input1 = document.getElementById('txtName1');
var input2 = document.getElementById('txtName2');
if(value.checked)
{
input1.style.display='none';
input2.style.display='none';
}
else
{
input1.style.display='';
input2.style.display='';
}
}
function ShowHideTable_1(value)
{
var idTb = document.getElementById('level1');
if(value.checked)
{
idTb.style.display='';
}
else
{
idTb.style.display='none';
}
}
function ShowHideTable_2(value)
{
var idTb2 = document.getElementById('level2');
if(value.checked)
{
idTb2.style.display='';
}
else
{
idTb2.style.display='none';
}
} */
</script>
<script type="text/javascript">
function showAndHide(idShow, idHide)
{
document.getElementById(idShow).style.display = 'block';
document.getElementById(idHide).style.display = 'none';
}
</script>
<link href="css.css" rel="stylesheet" type="text/css">
<?php
$op=$_GET[op];
?><table width="650" border="0" cellpadding="0" cellspacing="0" class="table_comment">
<tr>
<td height="20" colspan="2"><img src="images/bul.gif" width="7" height="7"> <strong>ลงทะเบียนศิษย์เก่า </strong></td>
</tr>
<?php
if(empty($op) or $op=="rule"){
?>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" colspan="2" align="center" valign="top"><strong>ข้อกำหนด และเงื่อนไข</strong></td>
</tr>
<tr>
<td width="2%" height="20"> </td>
<td width="98%" height="20">1. การลงทะเบียน สงวนสิทธิ์เฉพาะ "<strong><u>ศิษย์เก่า</u></strong>" วิทยาลัยสารพัดช่างบุรีรัมย์ เท่านั้น </td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">2. สำหรับ "<strong>บุคคลทั่วไป</strong>" สามารถลงทะเบียนได้แต่สิทธิ์ที่ได้จะเป็นแค่ "<u><strong>สมาชิกทั่วไป</strong></u>" เท่านั้น </td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">3. ศิษย์เก่าที่ลงทะเบียนครั้งแรก จะได้สิทธิ์เป็น "สมาชิกทั่วไป" จนกว่าจะได้รับการตรวจสอบและยืนยันจากทางศิษย์เก่า</td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">4. ข้อมูลบางอย่างจะแสดงผลเฉพาะผู้ที่ลงทะเบียนเป็น "<strong>สมาชิกทั่วไป</strong>" และข้อมูลสำคัญ แสดงเฉพาะผู้ที่เป็น "<strong>ศิษย์เก่า</strong>" เท่านั้น</td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">5. ห้ามใช้เว็บไซต์ศิษย์เก่าแห่งนี้ เป็นช่องทางในการทุจริต หรือส่อไปในทางทุจริต </td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">6. "ศิษย์เก่า" และ "สมาชิกทั่วไป" ยอมรับเงื่อนไขต่างๆ ที่ทางเว็บไซต์กำหนด และพร้อมปฏิบัติตามอย่างเคร่งครัด </td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">7. ทางเว็บไซต์ขอสงวนสิทธิ์ในการเพิกถอนสถานภาพ "ศิษย์เก่า" หรือ "สมาชิกทั่วไป" หากเห็นว่าท่านไม่ปฏิบัติตามข้อกำหนด</td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">8. มีปัญหาหรือข้อสงสัย เกี่ยวกับการลงทะเบียน กรุณาติดต่อ <u><strong><a href="webmaster.html">เว็บมาสเตอร์</a></strong> </u></td>
</tr>
<tr>
<td height="20"> </td>
<td height="20"> </td>
</tr>
<tr>
<td height="20"> </td>
<td height="20" align="center"><a href="register-accept">ยอมรับเงื่อนไข</a> | <a href="index" title="กลับหน้าหลัก">ยกเลิก</a> </td>
</tr>
</table></td>
</tr>
<?php
}elseif($op=="accept"){
?>
<form name="register" method="post" action="register-process">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="22%" height="20" align="right">ชื่อผู้ใช้ : </td>
<td width="78%" height="20"><input name="username" type="text" class="table_border_all_blue" id="username" size="15" maxlength="30"></td>
</tr>
<tr>
<td height="20" align="right"> </td>
<td height="20">สามารถใช้ตัวอักษรภาษาไทย ภาษาอังกฤษ และ _ (under scroll) </td>
</tr>
<tr>
<td height="20" align="right">รหัสผ่าน : </td>
<td height="20"><input name="password" type="text" class="table_border_all_blue" id="password" size="15" maxlength="20"></td>
</tr>
<tr>
<td height="20" align="right">ชื่อ - สกุล : </td>
<td height="20"><input name="name" type="text" class="table_border_all_blue" id="name" size="30" maxlength="100">
ชื่อเล่น : <input name="nickname" type="text" class="table_border_all_blue" id="nickname" size="10" maxlength="20"></td>
</tr>
<tr>
<td height="20" align="right">ที่อยู่ที่ติดต่อได้ : </td>
<td height="20"><input name="address" type="text" class="table_border_all_blue" id="address" size="30" maxlength="50"></td>
</tr>
<tr>
<td height="20" align="right">จังหวัด : </td>
<td height="20"><?
echo '<span id="provinceDiv">';
echo "<select name=\"province\" id=\"province\" onchange=\"dochange('province')\" class=\"table_border_all_blue\">\n";
echo "<option value=\"$province\">--------------</option> \n" ;
echo "</select></span>\n";
?></td>
</tr>
<tr>
<td height="20" align="right">อำเภอ : </td>
<td height="20"><?php
echo '<span id="amphurDiv">';
echo "<select name=\"amphur\" id=\"amphur\" onchange=\"dochange('amphur')\" class=\"table_border_all_blue\">\n";
echo "<option value=\"$amphur\">--------------</option> \n" ;
echo "</select></span>\n";
?> </td>
</tr>
<tr>
<td height="20" align="right">ตำบล : </td>
<td height="20">
<?php
echo '<span id="tumbonDiv">';
echo "<select name=\"tumbon\" id=\"tumbon\" class=\"table_border_all_blue\">\n"; //รายการสุดท้ายไม่ต้องมี event แล้ว
echo "<option value=\"$tumbon\">--------------</option> \n" ;
echo "</select></span>\n";
?> </td>
</tr>
<tr>
<td height="20" align="right">รหัสไปรษณีย์ : </td>
<td height="20"><input name="zipcode" type="text" class="table_border_all_blue" id="zipcode" size="10" maxlength="5"></td>
</tr>
<tr>
<td height="20" align="right">อีเมล์ : </td>
<td height="20"><input name="email" type="text" class="table_border_all_blue" id="email" size="30" maxlength="100"></td>
</tr>
<tr>
<td colspan="2" background="images/bg_ver.gif"><img src="images/bg_ver.gif" width="6" height="9"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20" align="center"><strong>ข้อมูลการศึกษา (สำหรับผู้ที่เป็นศิษย์เก่าเท่านั้น)</strong> </td>
</tr>
<tr>
<td><input type="radio" value="1" onclick="showAndHide('target1', 'target2')" name="check_type" />ระดับเดียว
<input type="radio" value="1" onclick="showAndHide('target2', 'target1')" name="check_type" />ทั้ง ปวช. และ ปวส.
</td>
</tr>
<tr>
<td><div id="target1" style="display: none;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="level1">
<tr>
<td width="22%" height="20" align="right">รหัสนักศึกษา : </td>
<td width="78%" height="20"><input name="student_code" type="text" class="table_border_all_blue" id="student_code" size="15" maxlength="10" /></td>
</tr>
<tr>
<td height="20" align="right">หลักสูตร : </td>
<td height="20"><select name="course_type" class="table_border_all_blue" id="course_type">
<option value="0" selected="selected">กรุณาเลือก</option>
<option value="1">ประกาศนียบัตรวิชาชีพ</option>
<option value="2">ประกาศนียบัตรวิชาชีพชั้นสูง</option>
</select>
</td>
</tr>
<tr>
<td height="20" align="right">แผนก/สาขาวิชา : </td>
<td height="20"><select name="major" class="table_border_all_blue" id="major">
<option value="0" selected="selected">กรุณาเลือก</option>
<?php
$major="SELECT * FROM major ORDER BY m_level,m_name ASC";
$qmajor=mysql_db_query($dbname,$major);
$nmajor=mysql_num_rows($qmajor);
if($nmajor<=0){
}else{
while($rm=mysql_fetch_array($qmajor)){
$m_id=$rm[m_id];
$m_name=$rm[m_name];
echo"<option value=\"$m_id\">$m_name</option>";
}
}
?>
</select>
</td>
</tr>
<tr>
<td height="20" align="right">ปีที่เข้าศึกษา : </td>
<td height="20"><select name="year_start" class="table_border_all_blue" id="year_start">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td height="20" align="right">ปีที่สำเร็จการศึกษา : </td>
<td height="20"><select name="year_end" class="table_border_all_blue" id="year_end">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td height="20" align="right"> </td>
<td height="20"> </td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td><div id="target2" style="display: none;">
<table width="500%" border="0" cellspacing="0" cellpadding="0" id="level2">
<tr>
<td width="22%" align="right"><strong>ระดับ ปวช.</strong></td>
<td width="78%"> </td>
</tr>
<tr>
<td align="right">รหัสนักศึกษา : </td>
<td><input name="student_code" type="text" class="table_border_all_blue" id="student_code" size="15" maxlength="10" /></td>
</tr>
<tr>
<td align="right">หลักสูตร : </td>
<td><select name="course_type" class="table_border_all_blue" id="course_type">
<option value="1" selected="selected">ประกาศนียบัตรวิชาชีพ</option>
</select></td>
</tr>
<tr>
<td align="right">แผนก/สาขาวิชา : </td>
<td><select name="major" class="table_border_all_blue" id="major">
<option value="0" selected="selected">กรุณาเลือก</option>
<?php
$major="SELECT * FROM major WHERE m_level='1' ORDER BY m_level,m_name ASC";
$qmajor=mysql_db_query($dbname,$major);
$nmajor=mysql_num_rows($qmajor);
if($nmajor<=0){
}else{
while($rm=mysql_fetch_array($qmajor)){
$m_id=$rm[m_id];
$m_name=$rm[m_name];
echo"<option value=\"$m_id\">$m_name</option>";
}
}
?>
</select></td>
</tr>
<tr>
<td align="right">ปีที่เข้าศึกษา : </td>
<td><select name="year_start" class="table_border_all_blue" id="year_start">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td align="right">ปีที่สำเร็จการศึกษา : </td>
<td><select name="year_end" class="table_border_all_blue" id="year_end">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td align="right"><strong>ระดับ ปวส. </strong></td>
<td> </td>
</tr>
<tr>
<td align="right">รหัสนักศึกษา : </td>
<td><input name="student_code2" type="text" class="table_border_all_blue" id="student_code2" size="15" maxlength="10" /></td>
</tr>
<tr>
<td align="right">หลักสูตร : </td>
<td><select name="course_type2" class="table_border_all_blue" id="course_type2">
<option value="2" selected="selected">ประกาศนียบัตรวิชาชีพชั้นสูง</option>
</select></td>
</tr>
<tr>
<td align="right">แผนก/สาขาวิชา : </td>
<td><select name="major2" class="table_border_all_blue" id="major2">
<option value="0" selected="selected">กรุณาเลือก</option>
<?php
$major="SELECT * FROM major WHERE m_level='2' ORDER BY m_level,m_name ASC";
$qmajor=mysql_db_query($dbname,$major);
$nmajor=mysql_num_rows($qmajor);
if($nmajor<=0){
}else{
while($rm=mysql_fetch_array($qmajor)){
$m_id=$rm[m_id];
$m_name=$rm[m_name];
echo"<option value=\"$m_id\">$m_name</option>";
}
}
?>
</select></td>
</tr>
<tr>
<td align="right">ปีที่เข้าศึกษา : </td>
<td><select name="year_start2" class="table_border_all_blue" id="year_start2">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td align="right">ปีที่สำเร็จการศึกษา : </td>
<td><select name="year_end2" class="table_border_all_blue" id="year_end2">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td align="right"> </td>
<td> </td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td height="20" align="center"><input name="Submit" type="submit" class="table_border_all_blue" value="ลงทะเบียน" />
<input name="Submit2" type="reset" class="table_border_all_blue" value="พิมพ์ใหม่" /></td>
</tr>
</form>
<?php
}elseif($op=="process"){
?>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"> </td>
<td height="20">fff</td>
</tr>
</table></td>
</tr>
<?php
}
?>
</table>
|
|
|
|
|
Date :
2009-10-13 18:43:05 |
By :
yomaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองดูครับ
Code (PHP)
<script type="text/javascript">
//AJAX
function Inint_AJAX()
{
try
{
return new ActiveXObject( "Msxml2.XMLHTTP" );
}
catch ( e )
{
};
try
{
return new ActiveXObject( "Microsoft.XMLHTTP" );
}
catch ( e )
{
};
try
{
return new XMLHttpRequest();
}
catch ( e )
{
};
alert( "XMLHttpRequest not supported" );
return null;
};
function dochange( obj )
{
var req = Inint_AJAX();
var province = document.getElementById( 'province' ).value;
var tumbon = document.getElementById( 'tumbon' ).value;
if ( obj && obj.name == 'province' ) //เมื่อทำการเลือที่จังหวัดมา ให้เคลียร์ค่าอำเภอ
{
var amphur = "";
}
else //เลือกรายการอื่น
{
var amphur = document.getElementById( 'amphur' ).value;
};
var data = "province=" + province + "&hur=" + amphur + "&tumbon=" + tumbon;
req.onreadystatechange = function()
{
if ( req.readyState == 4 )
{
if ( req.status == 200 )
{
var datas = eval( '(' + req.responseText + ')' ); // JSON
document.getElementById( 'provinceDiv' ).innerHTML = datas[0].province;
document.getElementById( 'amphurDiv' ).innerHTML = datas[0].amphur;
document.getElementById( 'tumbonDiv' ).innerHTML = datas[0].tumbon;
};
};
};
req.open( "post" , "province.php" , true ); //สร้าง connection
req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" ); // set Header
req.send( data ); //ส่งค่า
};
//โหลดครั้งแรก
window.onload = function()
{
dochange( '' );
};
</script>
<script language="javascript">
/* function fncShowHideInput(value)
{
var input1 = document.getElementById('txtName1');
var input2 = document.getElementById('txtName2');
if(value.checked)
{
input1.style.display='none';
input2.style.display='none';
}
else
{
input1.style.display='';
input2.style.display='';
}
}
function ShowHideTable_1(value)
{
var idTb = document.getElementById('level1');
if(value.checked)
{
idTb.style.display='';
}
else
{
idTb.style.display='none';
}
}
function ShowHideTable_2(value)
{
var idTb2 = document.getElementById('level2');
if(value.checked)
{
idTb2.style.display='';
}
else
{
idTb2.style.display='none';
}
} */
</script>
<script type="text/javascript">
function showAndHide(idShow, idHide)
{
document.getElementById(idShow).style.display = 'block';
document.getElementById(idHide).style.display = 'none';
}
</script>
<link href="css.css" rel="stylesheet" type="text/css">
<?php
$op=$_GET[op];
?><table width="650" border="0" cellpadding="0" cellspacing="0" class="table_comment">
<tr>
<td height="20" colspan="2"><img src="images/bul.gif" width="7" height="7"> <strong>ลงทะเบียนศิษย์เก่า </strong></td>
</tr>
<?php
if(empty($op) or $op=="rule"){
?>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" colspan="2" align="center" valign="top"><strong>ข้อกำหนด และเงื่อนไข</strong></td>
</tr>
<tr>
<td width="2%" height="20"> </td>
<td width="98%" height="20">1. การลงทะเบียน สงวนสิทธิ์เฉพาะ "<strong><u>ศิษย์เก่า</u>< /strong>" วิทยาลัยสารพัดช่างบุรีรัมย์ เท่านั้น </td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">2. สำหรับ "<strong>บุคคลทั่วไป</strong>" สามารถลงทะเบียนได้แต่สิทธิ์ที่ได้จะเป็นแค่ "<u><strong>สมาชิกทั่วไป</strong>< /u>" เท่านั้น </td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">3. ศิษย์เก่าที่ลงทะเบียนครั้งแรก จะได้สิทธิ์เป็น "สมาชิกทั่วไป" จนกว่าจะได้รับการตรวจสอบและยืนยันจากทางศิษย์เก่า</td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">4. ข้อมูลบางอย่างจะแสดงผลเฉพาะผู้ที่ลงทะเบียนเป็น "<strong>สมาชิกทั่วไป</strong>" และข้อมูลสำคัญ แสดงเฉพาะผู้ที่เป็น "<strong>ศิษย์เก่า</strong>" เท่านั้น</td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">5. ห้ามใช้เว็บไซต์ศิษย์เก่าแห่งนี้ เป็นช่องทางในการทุจริต หรือส่อไปในทางทุจริต </td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">6. "ศิษย์เก่า" และ "สมาชิกทั่วไป" ยอมรับเงื่อนไขต่างๆ ที่ทางเว็บไซต์กำหนด และพร้อมปฏิบัติตามอย่างเคร่งครัด </td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">7. ทางเว็บไซต์ขอสงวนสิทธิ์ในการเพิกถอนสถานภาพ "ศิษย์เก่า" หรือ "สมาชิกทั่วไป" หากเห็นว่าท่านไม่ปฏิบัติตามข้อกำหนด</td>
</tr>
<tr>
<td height="20"> </td>
<td height="20">8. มีปัญหาหรือข้อสงสัย เกี่ยวกับการลงทะเบียน กรุณาติดต่อ <u><strong><a href="webmaster.html">เว็บมาสเตอร์</a></strong> </u></td>
</tr>
<tr>
<td height="20"> </td>
<td height="20"> </td>
</tr>
<tr>
<td height="20"> </td>
<td height="20" align="center"><a href="register-accept">ยอมรับเงื่อนไข</a> | <a href="index" title="กลับหน้าหลัก">ยกเลิก</a> </td>
</tr>
</table></td>
</tr>
<?php
}elseif($op=="accept"){
?>
<form name="register" method="post" action="register-process">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="22%" height="20" align="right">ชื่อผู้ใช้ : </td>
<td width="78%" height="20"><input name="username" type="text" class="table_border_all_blue" id="username" size="15" maxlength="30"></td>
</tr>
<tr>
<td height="20" align="right"> </td>
<td height="20">สามารถใช้ตัวอักษรภาษาไทย ภาษาอังกฤษ และ _ (under scroll) </td>
</tr>
<tr>
<td height="20" align="right">รหัสผ่าน : </td>
<td height="20"><input name="password" type="text" class="table_border_all_blue" id="password" size="15" maxlength="20"></td>
</tr>
<tr>
<td height="20" align="right">ชื่อ - สกุล : </td>
<td height="20"><input name="name" type="text" class="table_border_all_blue" id="name" size="30" maxlength="100">
ชื่อเล่น : <input name="nickname" type="text" class="table_border_all_blue" id="nickname" size="10" maxlength="20"></td>
</tr>
<tr>
<td height="20" align="right">ที่อยู่ที่ติดต่อได้ : </td>
<td height="20"><input name="address" type="text" class="table_border_all_blue" id="address" size="30" maxlength="50"></td>
</tr>
<tr>
<td height="20" align="right">จังหวัด : </td>
<td height="20"><?
echo '<span id="provinceDiv">';
echo "<select name=\"province\" id=\"province\" onchange=\"dochange('province')\" class=\"table_border_all_blue\">\n";
echo "<option value=\"$province\">--------------</option> \n" ;
echo "</select></span>\n";
?></td>
</tr>
<tr>
<td height="20" align="right">อำเภอ : </td>
<td height="20"><?php
echo '<span id="amphurDiv">';
echo "<select name=\"amphur\" id=\"amphur\" onchange=\"dochange('amphur')\" class=\"table_border_all_blue\">\n";
echo "<option value=\"$amphur\">--------------</option> \n" ;
echo "</select></span>\n";
?> </td>
</tr>
<tr>
<td height="20" align="right">ตำบล : </td>
<td height="20">
<?php
echo '<span id="tumbonDiv">';
echo "<select name=\"tumbon\" id=\"tumbon\" class=\"table_border_all_blue\">\n"; //รายการสุดท้ายไม่ต้องมี event แล้ว
echo "<option value=\"$tumbon\">--------------</option> \n" ;
echo "</select></span>\n";
?> </td>
</tr>
<tr>
<td height="20" align="right">รหัสไปรษณีย์ : </td>
<td height="20"><input name="zipcode" type="text" class="table_border_all_blue" id="zipcode" size="10" maxlength="5"></td>
</tr>
<tr>
<td height="20" align="right">อีเมล์ : </td>
<td height="20"><input name="email" type="text" class="table_border_all_blue" id="email" size="30" maxlength="100"></td>
</tr>
<tr>
<td colspan="2" background="images/bg_ver.gif"><img src="images/bg_ver.gif" width="6" height="9"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20" align="center"><strong>ข้อมูลการศึกษา (สำหรับผู้ที่เป็นศิษย์เก่าเท่านั้น)</strong> </td>
</tr>
<tr>
<td><input type="radio" value="1" onclick="showAndHide('target1', 'target2')" name="check_type" />ระดับเดียว
<input type="radio" value="1" onclick="showAndHide('target2', 'target1')" name="check_type" />ทั้ง ปวช. และ ปวส.
</td>
</tr>
<tr>
<td>
<div id="target1" style="display: none;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="level1">
<tr>
<td width="22%" height="20" align="right">รหัสนักศึกษา : </td>
<td width="78%" height="20"><input name="student_code" type="text" class="table_border_all_blue" id="student_code" size="15" maxlength="10" /></td>
</tr>
<tr>
<td height="20" align="right">หลักสูตร : </td>
<td height="20"><select name="course_type" class="table_border_all_blue" id="course_type">
<option value="0" selected="selected">กรุณาเลือก</option>
<option value="1">ประกาศนียบัตรวิชาชีพ</option>
<option value="2">ประกาศนียบัตรวิชาชีพชั้นสูง</option>
</select>
</td>
</tr>
<tr>
<td height="20" align="right">แผนก/สาขาวิชา : </td>
<td height="20"><select name="major" class="table_border_all_blue" id="major">
<option value="0" selected="selected">กรุณาเลือก</option>
<?php
$major="SELECT * FROM major ORDER BY m_level,m_name ASC";
$qmajor=mysql_db_query($dbname,$major);
$nmajor=mysql_num_rows($qmajor);
if($nmajor<=0){
}else{
while($rm=mysql_fetch_array($qmajor)){
$m_id=$rm[m_id];
$m_name=$rm[m_name];
echo"<option value=\"$m_id\">$m_name</option>";
}
}
?>
</select>
</td>
</tr>
<tr>
<td height="20" align="right">ปีที่เข้าศึกษา : </td>
<td height="20"><select name="year_start" class="table_border_all_blue" id="year_start">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td height="20" align="right">ปีที่สำเร็จการศึกษา : </td>
<td height="20"><select name="year_end" class="table_border_all_blue" id="year_end">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td height="20" align="right"> </td>
<td height="20"> </td>
</tr>
</table>
</div>
<div id="target2" style="display: none;">
<table width="500%" border="0" cellspacing="0" cellpadding="0" id="level2">
<tr>
<td width="22%" align="right"><strong>ระดับ ปวช.</strong></td>
<td width="78%"> </td>
</tr>
<tr>
<td align="right">รหัสนักศึกษา : </td>
<td><input name="student_code" type="text" class="table_border_all_blue" id="student_code" size="15" maxlength="10" /></td>
</tr>
<tr>
<td align="right">หลักสูตร : </td>
<td><select name="course_type" class="table_border_all_blue" id="course_type">
<option value="1" selected="selected">ประกาศนียบัตรวิชาชีพ</option>
</select></td>
</tr>
<tr>
<td align="right">แผนก/สาขาวิชา : </td>
<td><select name="major" class="table_border_all_blue" id="major">
<option value="0" selected="selected">กรุณาเลือก</option>
<?php
$major="SELECT * FROM major WHERE m_level='1' ORDER BY m_level,m_name ASC";
$qmajor=mysql_db_query($dbname,$major);
$nmajor=mysql_num_rows($qmajor);
if($nmajor<=0){
}else{
while($rm=mysql_fetch_array($qmajor)){
$m_id=$rm[m_id];
$m_name=$rm[m_name];
echo"<option value=\"$m_id\">$m_name</option>";
}
}
?>
</select></td>
</tr>
<tr>
<td align="right">ปีที่เข้าศึกษา : </td>
<td><select name="year_start" class="table_border_all_blue" id="year_start">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td align="right">ปีที่สำเร็จการศึกษา : </td>
<td><select name="year_end" class="table_border_all_blue" id="year_end">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td align="right"><strong>ระดับ ปวส. </strong></td>
<td> </td>
</tr>
<tr>
<td align="right">รหัสนักศึกษา : </td>
<td><input name="student_code2" type="text" class="table_border_all_blue" id="student_code2" size="15" maxlength="10" /></td>
</tr>
<tr>
<td align="right">หลักสูตร : </td>
<td><select name="course_type2" class="table_border_all_blue" id="course_type2">
<option value="2" selected="selected">ประกาศนียบัตรวิชาชีพชั้นสูง</option>
</select></td>
</tr>
<tr>
<td align="right">แผนก/สาขาวิชา : </td>
<td><select name="major2" class="table_border_all_blue" id="major2">
<option value="0" selected="selected">กรุณาเลือก</option>
<?php
$major="SELECT * FROM major WHERE m_level='2' ORDER BY m_level,m_name ASC";
$qmajor=mysql_db_query($dbname,$major);
$nmajor=mysql_num_rows($qmajor);
if($nmajor<=0){
}else{
while($rm=mysql_fetch_array($qmajor)){
$m_id=$rm[m_id];
$m_name=$rm[m_name];
echo"<option value=\"$m_id\">$m_name</option>";
}
}
?>
</select></td>
</tr>
<tr>
<td align="right">ปีที่เข้าศึกษา : </td>
<td><select name="year_start2" class="table_border_all_blue" id="year_start2">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td align="right">ปีที่สำเร็จการศึกษา : </td>
<td><select name="year_end2" class="table_border_all_blue" id="year_end2">
<option>เลือก</option>
<?php
$d=date("Y")+543;
for($i=2530;$i<=$d;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select></td>
</tr>
<tr>
<td align="right"> </td>
<td> </td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td height="20" align="center"><input name="Submit" type="submit" class="table_border_all_blue" value="ลงทะเบียน" />
<input name="Submit2" type="reset" class="table_border_all_blue" value="พิมพ์ใหม่" /></td>
</tr>
</form>
<?php
}elseif($op=="process"){
?>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"> </td>
<td height="20">fff</td>
</tr>
</table></td>
</tr>
<?php
}
?>
</table>
|
|
|
|
|
Date :
2009-10-13 18:53:20 |
By :
danya |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ก็ยังไม่ได้เหมือนเดิมนะครับ คุณ ดุนยา
แต่คือ ใน Firefox มันแสดงผลได้ปกติ นะครับ แต่เป็นกับ IE อย่างเดียวเลยตอนนี้ ^-^
ลองไล่ดูโค้ดแล้ว ก็ปกติ นะครับ
แต่ทำไม ไม่ได้ก็ไม่รู้ครับ
ขอบคุณมากๆ อีกครั้งนะครับที่สละเวลามาดูโค้ดให้นะครับ
เดี๋ยวผม จะพยายาม ดูอีกทีครับ
ว่าจะลอง ใช้อีกเครื่อง เข้าดู ครับ ว่าจะเป็นเหมือนกันหรือเปล่า
ผมใช้ IE 6 นะครับ
เดี๋ยวจะลองกับเครื่องที่เป็น IE7 ดูครับ
|
|
|
|
|
Date :
2009-10-13 19:01:12 |
By :
yomaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เอาโค๊ดล่าสุดมาแปะหน่อยซิ อยากช่วยบ้างอะ
ผมก็เทสงานด้วย ie6 เสมอ
|
|
|
|
|
Date :
2009-10-13 19:11:45 |
By :
plakrim |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ครับ
ล่าสุด ตามที่ คุณ ดุนยา โพสต์ มาเลยครับ ^-^
มาแจ้งข่าวว่า กับ IE7 ก็เป็นเหมือนกันครับ
ลองใช้อีกเครื่องเข้ามาทดสอบดูน่ะครับ
รบกวนด้วยนะครับ
|
|
|
|
|
Date :
2009-10-13 19:14:29 |
By :
yomaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เอ เกิดจากรัยหว่า
|
|
|
|
|
Date :
2009-10-13 19:16:04 |
By :
danya |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อ่ะ
เค้าจะปิดห้องไล่ผมแล้วครับ
ผมคงต้องกลับก่อนนะครับ วันนี้
ถ้ายังไง พรุ่งนี้ ผมจะมาดูอีกทีนะครับ
ขอบคุณสำหรับการช่วยเหลือ ของทุกๆ ท่าน เลยนะครับ
ปวดหัวจัง มึนตึ๊บๆ
|
|
|
|
|
Date :
2009-10-13 19:25:21 |
By :
yomaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
สุดท้ายครับ
ผมลอง เข้าด้วย มือถือ 5800
เมื่อคลิกที่ ตัวเลือกที่ 2
มันแสดง ตาราง เลยขอบ ออกไปด้านขวา อ่ะครับ
ในมือถือมองเห็น แต่ใน IE มองไม่เห็น - -"
|
|
|
|
|
Date :
2009-10-13 19:35:04 |
By :
yomaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<td><div id="target2" style="display: none;">
<table width="500%" border="0" cellspacing="0" cellpadding="0" id="level2"> // 500%??
แก้เป็นแค่ 100%
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="level2">
|
|
|
|
|
Date :
2009-10-13 20:12:53 |
By :
xbeginner01 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
^
^
^
555 ป๊าด ทำไปได้ ทำไมไปใส่ 500% ละนั้น ก็ว่าอยู่
โค้ดผมก็ไมผิด 555+
|
|
|
|
|
Date :
2009-10-13 21:14:57 |
By :
danya |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ดีนะที่มาดูก่อน ไม่ต้องไปช่วยเล็งโค๊ด
|
|
|
|
|
Date :
2009-10-13 21:22:29 |
By :
plakrim |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อ่ะ
555
ได้แล้วครับ
ผิดตรงนั้นจริงๆ ด้วย
เอ่อ - -"
ผมก็งง ว่า มาได้ไง 500%
เพราะจริงๆ ใส่ไว้แค่ 500px สงสัย พิมพ์ผิด - -"
ขอบคุณทุกๆ ท่านอีกครั้งนะครับ
ขอบคุณมากๆ ครับ
^-^
|
|
|
|
|
Date :
2009-10-14 08:25:54 |
By :
yomaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณสำหรับโค้ดคุณดุนยาด้วยคนค่ะ ลองเอามาแก้ตาม ตอนนี้ใช้ได้เเล้วค่ะ
|
|
|
|
|
Date :
2010-10-03 22:48:42 |
By :
่jum-jee |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|