2011-11-16 17 views
12

एचटीएमएल में href टैग से जावास्क्रिप्ट फ़ंक्शन कैसे कॉल करें? मैंने कुछ टैब बनाए हैं। मैं चाहता हूं कि जब उपयोगकर्ता किसी भी टैब पर क्लिक करता है तो href को जावास्क्रिप्ट फ़ंक्शन के साथ कॉल किया जाना चाहिए। मैं यह कैसे कर सकता हूं?एचटीएमएल में href टैग से जावास्क्रिप्ट फ़ंक्शन कैसे कॉल करें?

<?php if($order == 1){ ?> 
<li class="cat-one"><a href= "javascript:loadProducts($categoryId)" > <?php echo $categoryName ?> </a></li> 
<?php } ?> 

यह मेरा जावास्क्रिप्ट

<script type="javascript" > 
function loadProducts($categoryId) 
{ 
    alert("Hello World!"); 
    return false; 
} 

</script> 
+0

क्या आपके पास हमें दिखाने के लिए कुछ कोड है? – Fluff

+0

यदि आपको कोई सहायता चाहिए तो आपको कुछ कोड साझा करने की आवश्यकता है। यदि आप एक टैब प्रदर्शित करना चाहते हैं और उस टैबलेट पर उपयोगकर्ता क्लिक करते समय एक जावास्क्रिप्ट फ़ंक्शन निष्पादित करना चाहते हैं तो आप आमतौर पर सर्वर-साइड कोड के बिना इसे हल करेंगे, यानी PHP के बिना। –

+0

आपको सर्वर और क्लाइंट साइड एक्शन के बीच एक अंतर बनाना है। PHP सर्वर पर केवल उपलब्ध है। एचटीएमएल, सीएसएस और जावास्क्रिप्ट केवल ग्राहक पक्ष पर उपलब्ध है। विशेषता 'href' के साथ एक टैग केवल एक HTML- साथ ही क्लाइंट पक्ष है- सामान। – reporter

उत्तर

21

href टैग में, एक लिंक निर्दिष्ट किए बिना, अपने जावास्क्रिप्ट समारोह नाम निर्दिष्ट करें।

उदाहरण

<a href='javascript:myFunction()'> Click Me! <a/> 
+0

यानी 9 में यह फ़ंक्शन को चलाने और पृष्ठ से दूर नेविगेशन का कारण बनता है। यानी 7 में ऐसा करने के लिए कभी भी उपयोग न करें। समाधान? – stu

6

href का प्रयोग न करें के लिए, के लिए इस

<a href="http://www.example.com" onclick="return confirm('are you sure?')">test</a> 

देख this exampleonclick विशेषता का उपयोग

संपादित (कोड प्रश्न में जोड़ा बाद से): इसे आपके जेएस फ़ंक्शन को कॉल करना चाहिए:

<?php if($order == 1){ ?> 
    <li class="cat-one"> 
    <a href="javascript:void(0)" onclick="loadProducts(<?php echo $categoryId ?>)"> 
     <?php echo $categoryName ?> 
    </a> 
    </li> 
<?php } ?> 
+0

और मैं एक फ़ंक्शन विथन कैसे लिख सकता हूं मेरा

0

आप jQuery पुस्तकालय आप वर्ग के साथ फोन कर सकते हैं:

$(".loadProducts").click(function(event) { 
     // Default action of the event will not be triggered. 
     event.preventDefault(); 
     // Get category ID 
     var categoryId = $(this).attr('data-categoryid'); 
     // TODO 
     alert("Hello World!"); 
     return false; 
}); 

के लिए:

<li class="cat-one"><a href="#" class="loadProducts" data-categoryid="<?php echo $categoryId;?>" > <?php echo $categoryName ?> </a></li> 
संबंधित मुद्दे