Question

I’m using a script where I need to make multiple events to make a popup appear.

I tried this, but it doesnt work:

for (i=0;i<=storingen;i++)
    {
        $("#storing" + i).click(function(){ centerPopup(); loadPopup(); });
    }

The output should be:

$("#storing0").click(function(){ centerPopup(); loadPopup(); });
$("#storing1").click(function(){ centerPopup(); loadPopup(); });
$("#storing2").click(function(){ centerPopup(); loadPopup(); });
$("#storing3").click(function(){ centerPopup(); loadPopup(); });

etc.

But the amount of divs with the id #storing(number here) is variable, so i wanted to make this, but it doesnt work…

I get the storingen variable from php:

<script type="text/javascript">aantalstoringen('.$aantalstoringen.')</script>

which i pick up in the js file like this:

function aantalstoringen(storingen){
    storingen=storingen;
}

I did an alert(storingen), which traced the right number, so that is ok.

COuld it be that the for loop doesnt work because that isnt in the aantalstoringen function, but in another function:

$(document).ready(function() {

I used this tutorial to make the javascript:
http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/#popup1
and the script you get is this:
http://yensdesign.com/tutorials/popupjquery/popup.js

Answer 1

You don’t create dozens of event listeners that call the same handler. You create one listener on a higher level in the DOM and make it react only if the ID of the target matches the pattern.

This is why libs like jQuery are teaching kids bad manners… -.-