How do I pass a PHP array to a jQuery function?

Question

I have a jQuery function that opens a modal popup and I have in the same file a variable in PHP like $url="iteminfo.php?ID=".$i['itmid'];($i['itmid'] is the id of some products from MySQL). The jQuery function looks like this:

<script type="text/javascript">

  $(document).ready(function(Surl) {

    var source="iteminfo.php?ID=<?echo $i['itmid']?>";
    var width = 920;
    var align = "center";
    var top = 100;
    var padding = 10;
    var backgroundColor = "#FFFFFF";
    var borderColor = "#000000";
    var borderWeight = 4;
    var borderRadius = 5;
    var fadeOutTime = 300;
    var disableColor = "#666666";
    var disableOpacity = 40;
    var loadingImage = "js/popup/loading.gif";

    $(".modal").click(function() {

        modalPopup( align,
            top,
            width,
            padding,
            disableColor,
            disableOpacity,
            backgroundColor,
            borderColor,
            borderWeight,
            borderRadius,
            fadeOutTime,
            source,
            loadingImage );

    }); 

    $(document).keyup(function(e) {
        if (e.keyCode == 27) {
            closePopup(fadeOutTime);
        }
    });

  });

</script>

It opens the respective links but the function open all of them like in a loop. How can I pass the $url into the jQuery function to open the respective link for the respective product?

Can you provide your HTML? Your Modal plugin should have ability to input a different ID on each call, this is where you grab the ID from the data from your looped array. — Control Freak
– Control Freak, Commented Jul 6, 2012 at 19:10

Control Freak · Accepted Answer · 2012-07-06 19:13:47Z

2

For starters it would look more like this, but without seeing your HTML code its hard to say how you would be pulling out the ID of each different object with an ID.

  <script type="text/javascript">

    $(document).ready(function(Surl) {


      var source="iteminfo.php?ID=";
      var width = 920;
      var align = "center";
      var top = 100;
      var padding = 10;
      var backgroundColor = "#FFFFFF";
      var borderColor = "#000000";
      var borderWeight = 4;
      var borderRadius = 5;
      var fadeOutTime = 300;
      var disableColor = "#666666";
      var disableOpacity = 40;
      var loadingImage = "js/popup/loading.gif";


      $(".modal").click(function() {

        //get the id of what you're opening on each click event.
        var myid = ...

          modalPopup( align,
              top,
              width,
              padding,
              disableColor,
              disableOpacity,
              backgroundColor,
              borderColor,
              borderWeight,
              borderRadius,
              fadeOutTime,
              source + myid,
              loadingImage );

      }); 


      $(document).keyup(function(e) {
          if (e.keyCode == 27) {
              closePopup(fadeOutTime);
          }
      });

    });

  </script>

answered Jul 6, 2012 at 19:13

Control Freak

13.2k31 gold badges101 silver badges150 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Graver Over a year ago

here is the html <a href='javascript:void(0);' class='modal' >

Control Freak Over a year ago

@Graver haven't you already looped the data from this array to the page?

Control Freak Over a year ago

What are you trying to accomplish, loading multiple modals at once, or loading a modal for each item you already have loaded on the page?

Graver Over a year ago

i want to loading a modal for each item

fliim · Accepted Answer · 2012-07-06 19:34:06Z

0

Did you said that when you click in the element .modal, the right modal appear with the good content ?

And what do you mean by 'them' in 'the function open all of them' ?

Maybe you should take a look in your 'modalPopup' function.

You can store the corresponding url for every .modal element as an attribute with a php loop which browse your array.

edited Jul 6, 2012 at 19:34

answered Jul 6, 2012 at 19:20

fliim

2,2294 gold badges19 silver badges31 bronze badges

1 Comment

Graver Over a year ago

When i've said "all of them" i reffered that in the modal window opens all the links from $url that is an array, all the element of that array.

Collectives™ on Stack Overflow

How do I pass a PHP array to a jQuery function?

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related