Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > งงมานานแล้วใครก็ได้ช่วยที ผมความต้องการของผมคือ เมื่อกด show table 1 ก็จะแสดง table1 ออกมา แต่ถ้ากด show table 2 ออกมา ก็จะแสดง table2 ออกมาแต่ table 1

งงมานานแล้วใครก็ได้ช่วยที ผมความต้องการของผมคือ เมื่อกด show table 1 ก็จะแสดง table1 ออกมา แต่ถ้ากด show table 2 ออกมา ก็จะแสดง table2 ออกมาแต่ table 1

เริ่มหัวข้อใหม่

Guest

ตัวอย่างนี้เป็นตัวอย่างที่ผมต้องการ

<table width="100%" border="1" cellpadding="1" cellspacing="1">
<tr>
<td width="14%" valign="top"><a onClick="document.all.tb1.style.display='';document.all.tb2.style.display='none';"style="cursor:hand">Show Table1 </a></td>
<td width="86%">
<table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb1" style="display='none';">
<tr>
<td width="19%">XXXX</td>
<td width="81%"><input type="text" name="textfield4"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input type="text" name="textfield5"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input type="text" name="textfield6"></td>
</tr>
</table>
  </td>
</tr>
<tr>
<td valign="top"><a onClick="document.all.tb2.style.display='';document.all.tb1.style.display='none';" style="cursor:hand">Show Table2</a></td>
<td><table width="100%" border="1" cellpadding="1" cellspacing="1" id="tb2" style="display='none';">
<tr>
<td width="19%">XXXX</td>
<td width="81%"><input type="text" name="textfield4"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input type="text" name="textfield5"></td>
</tr>
<tr>
<td>XXXX</td>
<td><input type="text" name="textfield6"></td>
</tr>
</table>
  </td>
</tr>
</table>

--------- ท่านผู้รู้สามารถก๊อบแล้วลองรับได้เลยนะครับ --------------
ผมความต้องการของผมคือ เมื่อกด show table 1 ก็จะแสดง table1 ออกมา แต่ถ้ากด show table 2 ออกมา
ก็จะแสดง table2 ออกมาแต่ table 1 ต้องหายไปอ่ะครับ จะทำงัยนี้

---------- ข้างล่างนี้เป็นโค๊ดที่ผมต้องการให้ท่านผู้รู้ช่วยแก้ไขให้ผมหน่อยอ่ะครับ คือไม่ทราบว่าทำอะไรผิดอ่ะครับ
รบกวนท่านผู้รู้ช่วยหน่อยครับ

<?
mysql_select_db($db) ;
$sql1="select * from mas_table ";
$db_query1=mysql_db_query($db,$sql1);
$num_rows1=mysql_num_rows($db_query1);
$aa=0;
while($aa < $num_rows1)
{
$result1 = mysql_fetch_array($db_query1);
$id=$result1[id];
$xx=$result1[xx];
$xxx=$result1[xxx];
?>

<a onclick="document.getElementById('<?echo"$id";?').style.display='';document.getElementById('<?echo"$id";?>').style.display='none';"style="cursor:hand">
<B>แสดง</B
</a>

<div id="<?echo"$id"; ?>" style="display:none">
<? include("test1.php");?>
</div>

<?
$a++;
}
mysql_close();
?>

รบกวนดูให้หน่อยครับ
ขอบคุณครับ

Tag : - - - -

Date : 22 พ.ค. 2551 11:45:27

By : pk

View : 1312

Reply : 5

No. 1

Guest

อยากทำให้จัง แต่ต้องเปลี่ยนสไตล์ไปเลยอะ โค๊ดเยอะหน่อยแต่ output น่าจะได้ แต่ก็กลัวจะไปรบกวนส่วนอื่นๆไปด้วยอะดิ

Date : 22 พ.ค. 2551 13:00:53

By : ฺBroom

No. 2

โพสกระทู้ ( 163 )
บทความ ( 0 )

ยังไม่ได้ลองรันดู แต่คาดว่า เมื่อกดคำว่าแสดง คงไม่มีอะไรเกิดขึ้น

<a onclick="<document.getElementById('<?echo"$id";?').style.display='';<document.getElementById('<?echo"$id";?>').style.display='none';"style="cursor:hand">

บรรทัดนี้ แปลได้ว่า
(สีเขียว) เมื่อคลิก ให้Element ชื่อ $id แสดง และ
(สีแดง) ให้Element ชื่อ $id หายไป (ตรงนี้ต้องเปลี่ยนเป็น ชื่อของ element ที่จะให้หายไป)

ดังนั้นเมื่อคลิก มันก็จะแสดง และหายไปทันที

ว่าแต่เมื่อกดแสดงแล้วจะให้อะไรหายไปเหรอ เห็นมี <div> อันเดียว ถ้าไม่ต้องการให้อะไรหายไปก็แค่ ตัด ส่วนสีน้ำเงินออก ก็น่าจะได้

ปล ('<?echo"$id";?') ในส่วนสีเขียว น่าจะเป็น ('<? echo"$id"; ?>') มากกว่า

Date : 22 พ.ค. 2551 13:19:55

By : tacomsci

No. 3

Guest

พอกดที่ คำว่า แสดงแล้วผมจะให้เรียก

<div id="<?echo"$id"; ?>" style="display:none">
<? include("test1.php");?>
</div>

ขึ้นมาครับ แต่ข้อมูลมันไม่ได้มีอันเดียวครับ มันมีมากกว่าหนึ่งอ่ะครับ

แต่ถ้าเลือกตัวอื่นๆ แล้ว ตัวที่แสดงครั้งแรกจะหายไปครับ

ก็คือ ให้
<div id="<?echo"$id"; ?>" style="display:none">
<? include("test1.php");?>
</div>
หายไปอ่ะครับ

รบกวนหน่อยครับ

ผมต้องการทำคล้ายกับเว็บ

www.polball.com อ่ะครับ แต่ผมไม่ได้ใช่ Ajax java อ่ะครับ

Date : 22 พ.ค. 2551 14:41:56

By : pk

No. 4

โพสกระทู้ ( 163 )
บทความ ( 0 )

ลองอย่างนี้ เปลี่ยนตรง onclick ให้เรียกฟังก์ชั่น show_data(ส่งค่า id ไป)

onclick="show_data('<? echo $id ?>');"

แล้ว เพิ่มส่วน javascript เข้าไปล่างสุดของไฟล์ก็ได้

<script language="javascript">
var old_id="";
function show_data(id){

document.getElementById(id).style.display='';
if (old_id != ""){
document.getElementById(old_id).style.display='none';
old_id=id;
}else
old_id=id;

}
</script>

ประมาณนี้นะ น่าจะได้

Date : 22 พ.ค. 2551 16:48:26

By : tacomsci

No. 5

Guest

เย้ๆ ได้แล้วครับ ขอบคุณท่าน tacomsci มากๆ เลยนะครับ ได้แล้วครับ
แล้วก็ขอบคุณทุกท่าน ที่เข้ามาแล้วพยายามช่วย ขอบคุณมากครับ

Date : 23 พ.ค. 2551 10:31:27

By : pk

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : งงมานานแล้วใครก็ได้ช่วยที ผมความต้องการของผมคือ เมื่อกด show table 1 ก็จะแสดง table1 ออกมา แต่ถ้ากด show table 2 ออกมา ก็จะแสดง table2 ออกมาแต่ table 1

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก