Sunday, April 8, 2012

Passing parameters to a JQuery function



I'm creating HTML with a loop that has a column for Action. That column is a Hyperlink that when the user clicks calls a JavaScript function and passes the parameters...





example:







<a href="#" OnClick="DoAction(1,'Jose');" > Click </a>

<a href="#" OnClick="DoAction(2,'Juan');" > Click </a>

<a href="#" OnClick="DoAction(3,'Pedro');" > Click </a>

...

<a href="#" OnClick="DoAction(n,'xxx');" > Click </a>







I want that function to call an Ajax jQuery function with the correct parameters.





Any help?



Source: Tips4all

4 comments:

  1. If you want to do an ajax call or a simple javascript function, don't forget to close your function with the return false

    like this:

    function DoAction(id, name)
    {
    // your code
    return false;
    }

    ReplyDelete
  2. try something like this

    #vote_links a will catch all ids inside vote links div id ...

    <script type="text/javascript">

    jQuery(document).ready(function() {
    jQuery(\'#vote_links a\').click(function() {// alert(\'vote clicked\');
    var det = jQuery(this).get(0).id.split("-");// alert(jQuery(this).get(0).id);
    var votes_id = det[0];


    $("#about-button").css({
    opacity: 0.3
    });
    $("#contact-button").css({
    opacity: 0.3
    });

    $("#page-wrap div.button").click(function(){

    ReplyDelete
  3. This should help you: http://forum.jquery.com/topic/how-to-pass-a-dynamic-div-id-to-a-function-in-jquery
    Cheers, Dmitry.

    ReplyDelete
  4. <script type="text/javascript" src="jquery.js">
    </script>

    <script type="text/javascript">

    function omtCallFromAjax(urlVariable)
    {
    alert("omt:"+urlVariable);
    $("#omtDiv").load("omtt.php?"+urlVariable);
    }

    </script>


    try this it work for me

    ReplyDelete