मैं देख रहा हूँ कि क्या इसी तरह की समस्या का कोई और अद्यतन समाधान है यहां

मान लीजिए मेरे पास एक पंक्ति के साथ एक तालिका है:

<tbody>
        <tr>
            <td>Row 1 Cell 1</td>
            <td>Row 1 Cell 2</td>
            <td>Row 1 Cell 3</td>
        </tr>
</tbody>

और url में निहित एक लिंक। मैं जावास्क्रिप्ट का उपयोग करके पृष्ठ url पर जाने वाली पूरी पंक्ति (केवल डेटा सेल नहीं) को क्लिक करने योग्य कैसे बना सकता हूं? धन्यवाद।

0
Tristan Tran 23 नवम्बर 2020, 05:17

2 जवाब

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

मुझे पूरा यकीन नहीं है कि पूरी पंक्ति (न केवल डेटा सेल) से आपका क्या मतलब है। क्या आप वास्तव में स्क्रीन पर एचटीएमएल कोड प्रदर्शित करना चाहते हैं? क्या आपका मतलब पूरी पंक्ति से है?

यदि आप पंक्ति 1 सेल 1 को हाइपरलिंक के रूप में चाहते हैं तो नीचे दिया गया यह कोड मदद कर सकता है।

Yourjavascriptpage.js या नीचे दिए गए कोड के ऊपरी भाग को yourphpfile.php में इको के रूप में उपयोग करें

"<div class='link'><a href=\"../cell1.php\">Row 1 Cell 1</a></div>";
    "<div class='link2'><a href=\"../cell2.html\">Row 1 Cell 2</a></div>";
    "<div class='link3'><a href=\"../banners/cell3.php\">Row 1 Cell 3</a></div>";

document.getElementById("link").innerHTML = "Row 1 Cell 1";
document.getElementById("link2").innerHTML = "Row 1 Cell 2";
document.getElementById("link3").innerHTML = "Row 1 Cell 3";

आपका htmlपृष्ठ.html

<td><div  id="link"></div></td>
<td><div  id="link2"></div></td>
<td><div  id="link3"></div></td>

या हो सकता है कि आप ऐसा कुछ ढूंढ रहे हों ....

var link = "Row 1 Cell 1";
var link2 = "Row 1 Cell 2";
var link3 = "Row 1 Cell 3";
var result1 = link.link("https://www.gosomewhere.com");
var result2 = link2.link("https://www.gosomewhere.com");
var result3 = link3.link("https://www.gosomewhere.com");

या यहाँ एक पूर्ण जावास्क्रिप्ट समाधान है जो मैंने आपके लिए ऑनलाइन पाया है https://www.robertcooper.me/table-row-links

2
Ed Nolan 23 नवम्बर 2020, 07:01

ऊपर दिए गए उत्तर के समान, मुझे यकीन नहीं है कि आप क्या चाहते हैं? मैं यहां कोड को संशोधित करता हूं

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
    $(function(){
     $(".table").on("click", "tr[role=\"button\"]", function (e) {
          window.location = $(this).data("href");
     });
});
</script>
<style>
[data-href] { cursor: pointer; }
</style>
<table class="table table-striped table-hover">
    <tbody>
        
            <tr role="button" data-href="http://127.0.0.1:8080/">
                <td>Row 1 Cell 1</td>
                <td>Row 1 Cell 2</td>
                <td>Row 1 Cell 3</td>
            </tr>
        
    </tbody>
</table>


</head>

आपको data-href="" कोड को अपने इच्छित url में बदलना चाहिए

1
lim 23 नवम्बर 2020, 06:11