...dan kemudian, untuk mengevaluasi secara lokal:

<table>
            <tr>
                <th align="center">ID</th>
                <th align="center">Project Name</th>
                <th align="center">Due Date</th>
                <th align="center">Sub Date</th>
                <th align="center">Comment</th>
                <th align="center">Status</th>
                <th align="center">Option</th>
            </tr>

            <tr>
            
            <?php
                
                while ($res2=mysqli_fetch_assoc($result2)) {

                    echo "<tr>";
                    echo "<td>".$res2['project_id']."</td>";
                    echo "<td>".$res2['project_name']."</td>";
                    echo "<td>".$res2['duedate']."</td>";
                    echo "<td>".$res2['subdate']."</td>";
                    echo "<td>\"".$res2['comment']."\"</td>";
                    echo "<td>".$res2['status']."</td>";
                    
                    //as you can see, id = myId
                    echo "<td><a href=\"#\" id=\"myId\" class=\"button\">View</a>";
                }?>
                </td>
            </tr>
        </table>

...atau, untuk mengevaluasi dari jarak jauh:

...atau, untuk beralih melalui fungsi yang ditentukan dengan awalan class dan lakukan kedua hal ini:

        document.getElementById('myId').addEventListener("click", function () {
            document.querySelector('.bg-modal').style.display = "flex";
        });

...atau, untuk mengumpulkan semua item ke dalam larik jarak jauh tunggal dalam satu lintasan, menghindari perjalanan pulang pergi SSH ekstra dan tidak class atau mengambil risiko keamanan dengan hasil yang diterima dari sistem jarak jauh:

0
Average Person 24 अक्टूबर 2021, 17:35
2
Jalankan perintah bash yang disimpan dalam array asosiatif melalui SSH, simpan hasilnya
 – 
RiggsFolly
24 अक्टूबर 2021, 17:44

3 जवाब

सबसे बढ़िया उत्तर

तुम कोशिश कर सकते हो:

[].slice.call(document.querySelectorAll('[id^="myId"]'))
.map(el => el.addEventListener("click", function () {
    document.querySelector('.bg-modal').style.display = "flex";
}));

Modifikasi Terkecil

 $i = 0;
 while ($res2=mysqli_fetch_assoc($result2)) {
     ......
     //as you can see, 
     echo "<td><a href=\"#\" class=\"class-{++$i}\" class=\"button\">View</a>";
 }

Mengingat kode Anda yang ada:

[].slice.call(document.querySelectorAll('[class^="class-"]'))
.map(el => el.addEventListener("click", function () {
    document.querySelector('.bg-modal').style.display = "flex";
}));
0
im dev 24 अक्टूबर 2021, 17:41
... seseorang dapat mengevaluasi ini secara lokal sebagai berikut:
 – 
Average Person
25 अक्टूबर 2021, 04:48

(ya, saya menurunkan nama variabel Anda karena nama variabel huruf besar di Bash benar-benar sakit). Kemudian:

Pertama, saya akan menyarankan pendekatan yang membuat perubahan minimal pada implementasi yang ada. Kemudian, saya akan mendemonstrasikan sesuatu yang lebih mendekati praktik terbaik.

यहां कामकाजी उदाहरण है:

document.querySelectorAll('button.click').forEach(elem => 
{
  elem.addEventListener('click', () => {
    document.querySelector('div').style.background = elem.innerText;
  });
});
div {
  width: 200px;
  height: 200px;
}
<button id="1" class="click">green</button>
<button id="2" class="click">blue</button>
<div></div>
1
Dhana D. 24 अक्टूबर 2021, 17:44

...atau jarak jauh sebagai berikut:

Tidak diperlukan formulir terpisah.

echo "<td><a href=\"#\" class=\"modal-button button\">View</a>";

Hal yang benar

document.getElementsByClassName(‘modal-button’).forEach(button => {

    button.addEventListener("click", function () {
        document.querySelector('.bg-modal').style.display = "flex";
    });

})

उम्मीद है कि यह मदद करता है!

0
Dave Vermette 24 अक्टूबर 2021, 20:10