Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > กดเลขด้านล่างให้เเสดงตางรางtdด้านบนเเต่ไม่เอาเลขตรงนี้ทำยังไงครับ

กดเลขด้านล่างให้เเสดงตางรางtdด้านบนเเต่ไม่เอาเลขตรงนี้ทำยังไงครับ

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

Golff

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

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

Code (JavaScript)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- <link rel="stylesheet" type="text/css" href="style.css"> -->
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        table, th {
            border: 1px solid black;
            border-collapse: collapse;
            text-align: center;
            width: 100%;
        }
        td {
            border: 1px solid black;
            border-collapse: collapse;
            width: 100px;
            height: 20px;
 
        }
        .set1 {
            border: none;
            outline: none;
          
            background-color: #f1f1f1;
            cursor: pointer;
            font-size: 25px;
        }
 
  
        .active, .set1:hover {
            background-color: #666;
            color: white;
        }
        
        div.f1{
            width: 1000px;
        }
        div.f2{
            width: 1000px;
        }
    </style>
</head>
<body>
 
    <script>
        
        myFunction = i => $(".demo1 td:empty:first").html($(i).html());
    </script>
    <div class="f2">
   
      <table  class="demo1" style="background-color:#E6E6E6">
      <tbody>
      <tr>
         <td>
            <table style="border: 0px;">
               <tbody>
                  <tr>
                     <td colspan="2" style="border: 0px;" id="resultsicbo-1-0-0"></td>

                  </tr>
                  <tr>
                     <td style="border: 0px;" ></td>
                     <td style="border: 0px;" ></td>
                  </tr>
               </tbody>
            </table>
         </td>

         <td>
            <table style="border: 0px;">
               <tbody>
                  <tr>
                     <td  colspan="2" style="border: 0px;" id="resultsicbo-1-0-0"></td>

                  </tr>
                  <tr>
                     <td style="border: 0px;" ></td>
                     <td style="border: 0px;" ></td>
                  </tr>
               </tbody>
            </table>
         </td>

      <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
   </tbody>
      </table>
<br><br><br>

</div>
<div class="f1">
        <table>
        <tbody>
            <tr>
                <td id="test1">
                    <table style="border: 0px;" >
                        <tbody>
                            <tr onclick="myFunction(this)" >
                                <td width="50%" class="set1" style="border: 0px;">1</td>
                                <td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number1.png"></td>
                            </tr>
                        </tbody>
                        
                    </table>
 
                </td>
                <td id="test2">
                    <table style="border: 0px;" >
                        <tbody>
                            <tr onclick="myFunction(this)" >
                                <td width="50%" class="set1" style="border: 0px;">2</td>
                                <td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number2.png"></td>
                            </tr>
                        </tbody>
                        
                    </table>
 
                </td>
                <td id="test1">
                    <table style="border: 0px;" >
                        <tbody>
                            <tr onclick="myFunction(this)" >
                                <td width="50%" class="set1" style="border: 0px;">3</td>
                                <td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number3.png"></td>
                            </tr>
                        </tbody>
                        
                    </table>
 
                </td>
                <td id="test1">
                    <table style="border: 0px;" >
                        <tbody>
                            <tr onclick="myFunction(this)" >
                                <td width="50%" class="set1" style="border: 0px;">4</td>
                                <td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number4.png"></td>
                            </tr>
                        </tbody>
                        
                    </table>
 
                </td>
                <td id="test1">
                    <table style="border: 0px;" >
                        <tbody>
                            <tr onclick="myFunction(this)" >
                                <td width="50%" class="set1" style="border: 0px;">5</td>
                                <td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number5.png"></td>
                            </tr>
                        </tbody>
                        
                    </table>
 
                </td>
                <td id="test1">
                    <table style="border: 0px;" >
                        <tbody>
                            <tr onclick="myFunction(this)" >
                                <td width="50%" class="set1" style="border: 0px;">6</td>
                                <td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number6.png"></td>
                            </tr>
                        </tbody>
                        
                    </table>
 
                </td>
            </tr>
        </tbody>
    </table>
    </div>
    </body>
    </html>

Tag : PHP, HTML, JavaScript, jQuery

Date : 2019-10-26 08:20:26

By : 1768876979829526

View : 607

Reply : 1

No. 1

พระยาเทพ

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

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

Code (JavaScript)

// จาก
//myFunction = i => $(".demo1 td:empty:first").html($(i).html());

// เป็น
myFunction = i => $(".demo1 td:empty:first").html($(i)[0].cells[1].innerHTML);

Quote:
จะลดขนาดที่เเสดงให้เล็กกว่านี้ได้ไหม

แก้ที่ <style> หรือ CSS

ตัวอย่าง

.demo1 td img {
    width: 20px;
    height: 15px;
}

https://www.w3schools.com/code/tryit.asp?filename=GER4EJ71ONE1

Date : 2020-05-13 19:52:50

By : PhrayaDev

ค้นหาข้อมูล

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

Re : กดเลขด้านล่างให้เเสดงตางรางtdด้านบนเเต่ไม่เอาเลขตรงนี้ทำยังไงครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03

Registered : 109,037

document.write("<font color=996600>[PHP]</font>"); กดเลขด้านล่างให้เเสดงตางรางtdด้านบนเเต่ไม่เอาเลขตรงนี้ทำยังไงครับ

No. 1

ค้นหาข้อมูล

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

Notice

กดเลขด้านล่างให้เเสดงตางรางtdด้านบนเเต่ไม่เอาเลขตรงนี้ทำยังไงครับ