Comment transmettre un ID d'élément à ma fonction jQuery

Question

J'utilise la fonction iFrame Upload de Ben Nadel pour un outil d'édition sur un site sur lequel je travaille. J'apprends jQuery. La fonction fonctionne magnifiquement. Cela fait partie d'une fenêtre modale réutilisable et tout fonctionne. Mais, je veux dire dynamiquement la fonction d'où vient l'appel afin qu'il charge le formulaire approprié dans la fenêtre modale. Comment pourrais-je passer cela dans la fonction. En ce moment, il est codé en dur pour recevoir #uploadform. Essentiellement, je veux réutiliser la fonction et déposez-les dans varialbles comme l'action, la prévisualisation et d'identification du formulaire etc ...

$(function(){ 
       var jForm = $("#uploadform"); 
       jForm.submit(
        function(objEvent){ 
        var jThis = $(this); 
        var strName = ("uploader" + (new Date()).getTime()); 
        var jFrame = $("<iframe name=\"" + strName + "\" src=\"about:blank\" />"); 
        jFrame.css("display", "none"); 
        jFrame.load(
         function(objEvent){ 
          var objUploadBody = window.frames[ strName ].document.getElementsByTagName("body")[ 0 ]; 
          var jBody = $(objUploadBody); 
          var objData = eval("(" + jBody.html() + ")") 
          var thumb = ('thumbnails/' + eval(jBody.html())); 
          $("#header").css("background", "url(" + thumb + ") no-repeat center"); 
          $("#preview").attr("src", thumb); 
        setTimeout(
         function(){ 
          jFrame.remove(); 
          },100); 
       }); 
      $("body:first").append(jFrame); 
      jThis 
       .attr("action", "upload_act_single.cfm") 
       .attr("method", "post") 
       .attr("enctype", "multipart/form-data") 
       .attr("encoding", "multipart/form-data") 
       .attr("target", strName); 
      }); 
     }); 

Answer 1

je vais suggérer quelque chose de similaire sauf créer une fonction distincte pour l'occasion:

function formSubmit(formId) { 
    var jForm = $("#"+formId); 
    //remainder of your code 
} 

Ensuite, pour chaque forme créer votre connexion onSubmit soit directement lors de la déclaration du formulaire HTML:

<form id="myForm" class="pageForms" onsubmit="function(formSubmit(this.id))> ... 

Ou programatically:

$("#myForm").submit(function() { 
    formSubmit("#myForm"); 
}); 

[OR]

$(".pageForms").submit(function() { //to apply to all forms within the document 
    formSubmit("#"+this.id);   //with that class 
}); 

OU pour toutes les formes dans le document (mais pas sûr si cela va fonctionner)

$("form").submit(function() { 
    formSubmit("#"+this.id); 
}); 

Rappelez-vous pour effectuer la pièce jointe dans la fonction onLoad [$ (function() {...})] ou erwise javascript erreurs pourraient se produire: S

Answer 2

essayer $(this).attr("id")

Answer 3

var myFunction = function(formid) { 
    var jForm = $(formid); 
    // .... 
} 

$(function() { 
    myFunction("#uploadform"); 
}); 
$(function() { 
    myFunction("#uploadform2"); 
});