Jak wywołać funkcję javascript z tagu href w html?

Jak wywołać funkcję JavaScript z tagu href w html? Stworzyłem kilka zakładek. Chcę, gdy użytkownik kliknie na dowolnej karcie, powinien wywołać href wraz z funkcją JavaScript. Jak mogę to zrobić?Jak wywołać funkcję javascript z tagu href w html?

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

To mój Javascript

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

</script>

Źródło

2011-11-16 ScoRpion

Czy masz jakiś kod do pokazania nam? – Fluff

Musisz udostępnić kod, jeśli potrzebujesz pomocy. Jeśli chcesz wyświetlić zakładkę i uruchomić funkcję JavaScript, gdy użytkownik kliknie na tę kartę, zazwyczaj rozwiązuje się to bez kodu po stronie serwera, tj. Bez PHP. –

Musisz odróżnić działania po stronie serwera i klienta. PHP jest tylko dostępne na serwerze. HTML, CSS i JavaScript są dostępne tylko po stronie klienta. Tag z atrybutem "href" jest tylko HTML-również po stronie klienta. – reporter

w tagu href, bez określania link, podać nazwę funkcji JavaScript.

Na przykład

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

Źródło

2011-11-16 09:55:33

w ie9 powoduje to uruchomienie funkcji i nawigację z dala od strony. Nigdy nie używaj tego w ie7. obejścia? – stu

Nie należy używać href, użyć atrybutu onclick tego

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

zobaczyć this example

EDIT (ponieważ kod dodany w pytaniu): to powinno wywołać funkcję JS:

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

Źródło

2011-11-16 09:56:40

I jak mogę napisać funkcję Withen My

Jeśli masz jquery biblioteki można zadzwonić z klasą:

$(".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; 
});

Dla:

<li class="cat-one"><a href="#" class="loadProducts" data-categoryid="<?php echo $categoryId;?>" > <?php echo $categoryName ?> </a></li>

Źródło

2014-05-22 10:30:40 MajklRS

Jak wywołać funkcję javascript z tagu href w html?

Odpowiedz

Powiązane problemy