How to use a div id as a php var

Question

Hello,
  I have a form that is generated from a database with unique links that users can click and edit details about various vehicles.
Now these links are each in their own div that has an id that i would like to use for insertion back into the database. (the users click the vehicles, then edit details, then it is submitted)
The link is clicked for the vehicle, some details are changed via js windows etc, then the user click a finalize upload button to submit form
For some reason i cant figure out how to use the div id to pass via php back to the database.
what is the correct way to do this? not very experienced with ajax, and dont want to use.... but maybe hidden fields? confused.... the clicking of the unique divs does not submit the form, so not sure how to store the data effectively.... page cant be refreshed.
[CODE]
<div id="vehicle57">
<a href="javascript:showSlider(57, 2001, 'Audi', 'A6' , 57, false);">
<span class="videoStatHeading">VEHICLE: </span>
2001 Audi A6</a>
</div>
<div id="vehicle54">
<a href="javascript:showSlider(54, 1999, 'Dodge', 'Caravan' , 3, false);"><span class="videoStatHeading">VEHICLE: </span>
1999 Dodge Caravan</a>
</div>
[/CODE]
thanks a lot

Answer 1

hello Shocker,
here is the showSlider function, sorry didnt include it earlier
function showSlider(vID,year,make,model,setupId,clickPOS){
          //remove default style
          //$("#uploadOptions").removeAttr("style");
          //window.alert("ID: " + vID);
          addMask();
    var pos;
    if(!clickPOS){
              //make sure radio button 1 is showing
              $("#firstRadio").show();
              pos = calcPos(vID);//pos contains the position of the link clicks.
    }else{
              //this means were clicked (change vehicle setup), hide
              $("#firstRadio").hide();
              pos = $("#bottomFieldset").offset();
              pos.top           = pos.top-40;
              pos.left           = pos.left-40;
    //reset error container
    $("#errorContainer").html("");
          //set width and height to zero before animation
          $("#uploadOptions").attr("style","height:0;width:0;opacity:0;filter:alpha(opacity=0)");
          //set position attributes rel to document
          $("#uploadOptions").offset(pos);
          /** AJAX request */
          if(!clickPOS){ //only reset
                    $.get("../ajaxResponders/getSetups.php",
                              {vId: vID},
                              function(data){
                                        $("#setup_span").html(data);//to strip the html headers from data
                    /** end AJAX request */
                    /** AJAX request */
                    $.get("../ajaxResponders/getSetupPic.php",
                              {vId: vID},
                              function(data){
                                        $("#setupThumb").html(data);//to strip the html headers from data
                     //reset error container
    $("#setupThumb").html(" ");
                    /** end AJAX request */
          //set element values of box
          $("#setupTextBoxWrapper").hide();//hide textbox
          $("#setupTextBox").html("").val("");//reset the textbox
          //set actionButton button text/script
          $("#actionButton").html("Confirm");
          $("#actionButton").attr("href","javascript:confirm();")
          $("#setupRadioOptions").attr("style",'');
          //$("#setupType").attr("checked",'false');//uncheck prev selected
          $("input[name='setupType']:checked").attr("checked",false);
          $("#vYear").html(year);
          $("#vModel").html(model);
          $("#vMake").html(make);
          $("#vID").attr('value',vID);
          $("#setupId").attr('value',setupId);//add setupId for case 1 & 2
          //animate box to open
          //$("#uploadOptions").hide().slideDown("slow");
          $("#setup_span").hide();
          //calculate height of setupbox
          var outerHeight = $("#setup_span").outerHeight(true);
          var fH = 280 +outerHeight;
          $("#uploadOptions").hide().css("z-index",9999);
          $("#uploadOptions").hide().animate({
                    "width": "500px",
                    "height": fH,
                    "opacity" : "1"
          },600,"swing",function(){
                    //adjust height to fit
                    $("#uploadOptions").css("height","");
                    //if no setups found in the db
                    if(!clickPOS){
                              $("#setupLabel").html("Is this the setup for the media displayed?");
                              var setSpanHTML = $("#setup_span").html();
                              if($.trim(setSpanHTML)== "" && !clickPOS){
                                        //hide setup
                                        $("input[name='setupType']:checked").attr("checked",false);//uncheck selected box
                                        $("#setupType1").attr("disabled","disabled");
                                        $("#setupType3").attr("disabled","disabled");
                                        $("#setupType2").attr("checked",true);
                                        //no setup from db
                                        $("#setup_span").html('<span style="color:red">No setups found for this vehicle</span>');
                                        //flash setup span
                                        $("#setup_span").show().animate({
                                        "opacity":"0"
                                        },300,"swing",function(){
                                                            $("#setup_span").animate({
                                                                      "opacity":"1"
                                                            },300);
                                                  });//end function
                                        //flash confirm button
                              }else{
                                        $("#setup_span").hide().slideDown("slow");
                    }else{
                              $("#setupLabel").html("Change Setup");
          });//end function
}//end function