Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

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



 

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

 



Topic : 134405



โพสกระทู้ ( 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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-10-26 08:20:26 By : 1768876979829526 View : 536 Reply : 1
 

 

No. 1



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



สถานะออฟไลน์
Twitter Facebook Blogger

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ด้านบนเเต่ไม่เอาเลขตรงนี้ทำยังไงครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่