Trigger ajax-call by clicking div

Show us your code

you need an on-click JavaScript event in the div

$("#thumbpic1").click(function() {$('#playpp').trigger('click'); thumb = 1;});

if(thumb == 1 || thumb == 2 || thumb == 3 || thumb == 4 || thumb == 5 || thumb == 6 || thumb == 7 || thumb == 8 || thumb == 9){             
                                    
            $.ajax({
                  type: "POST",
                  data: "album=" + thumb,
                  url: "getselect.php",
                  success: function(msg){
                        if (msg != ''){
                              $("#gallery1").html(msg);
                        }
                        else{
                              // Some error handling in case nothing is returned
                              $("#gallery1").html('Error..').show();
                        }
                  }
            });      // close ajax
      
      };

$("#thumbpic1").click(function() {$('#playpp').trigger('click'); thumb = 1;});

so whats you css

why you need to know any css?

this function show work right? or does it contain errors?

#thumbpic1 is the target for the click event

no.. the source. #thumbpic1 is the id of the div being clicked.

yes ie target but you have multiple divs so shouldn't the target be a container around the 9 divs

don't mind that. say i have 1 div, if it is clicked, 'var thumb' must become 1, and the ajax call triggered, how should i do that?
thats all, if i trigger the ajax call manually, it works.

Thank you ChrisStanyon!
That did the trick!