1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

[Jquery] Problema Construção Plugin

Discussão em 'Web Development' iniciada por Majin Vegeta, 4 de Julho de 2012. (Respostas: 1; Visualizações: 427)

  1. Majin Vegeta

    Majin Vegeta Power Member

    Bom dia,
    estou a utilizar o seguinte Plugin Jquery numa página:

    Código:
    <script type="text/javascript">$countForms = 1;
        (function($){
                    
                      $.fn.addForms = function(){
                                                var myform = "<table>"+
                                                     "  <tr>"+
                                                     "       <td>Field A ("+$countForms+"):</td>"+
                                                     "       <td><input type='text' name='fielda["+$countForms+"]'></td>"+
                                                     "       <td>Field B ("+$countForms+"):</td>"+
                                                     "       <td><textarea name='fieldb["+$countForms+"]'></textarea></td>"+
                                                     "       <td><button>remove</button></td>"+
                                                     "  </tr>"+
                                                     "</table>";
    
    
                            var myformB = "<table>"+
                                                     "  <tr>"+
                                                     "       <td>Field A ("+$countForms+"):</td>"+
                                                     "       <td><input type='text' name='fielda["+$countForms+"]'></td>"+
                                                     "       <td>Field B ("+$countForms+"):</td>"+
                                                     "       <td><textarea name='fieldb["+$countForms+"]'></textarea></td>"+
                                                     "       <td><button>remove</button></td>"+
                                                     "  </tr>"+
                                                     "</table>";
              
             
                                                     myform = $("<div>"+myform+"</div>");
                                                     $("button", $(myform)).click(function(){ $(this).parent().parent().remove(); });
                                                     $(this).append(myform);
                                      
                                                     $countForms++;
                      };
        })(jQuery);         
    
    
    
    
        $(function(){
                $("#mybutton").bind("click", function(){
       if($countForms<3){
                                $("#container").addForms();
       }
     
       
                });
     
     
        });
    </script>
    Só que eu queria fazer uso dele duas vezes, isto é, ao clicar no "mybutton" fazer o que está a fazer e ao clicar num outro botão acrescentar a variável "myformB" e não a "myform". Alguém me pode indicar como posso fazer isto? Já tentei duplicar o plugin e mudar apenas o nome das variáveis mas dessa maneira não funciona.
     
  2. ImAnAlcoholic

    ImAnAlcoholic Power Member

    Se o teu segundo formulario é igual ao primeiro, não há qualquer necessidade de teres dois templates, como mostras ai.

    http://jsbin.com/edakas/edit#javascript,html

    Se por outro lado queres realmente mostrar dois formulários diferentes, então so tens de por um if e verificar qual e o countForm e atribuir o formulario correcto à variavel myform
     

Partilhar esta Página