Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [inne][JavaScript]Przekazywanie wielu zmiennych w jQuery.format($("#cos").val()
-wspak-
post 2.05.2011, 14:20:03
Post #1





Goście
Tworzę taki oto skrypt do generowania formularzy. Schody zaczęły się przy dodawaniu checkboxów (to samo będzie się tyczyć radio i select'ów), gdy chcę dodać opcje gdyż do każdej z opcji powinienem dodać zarówno id checkboxa do którego ma być przypisany jak i id konkretnej opcji (jest to niezbędne, abym mógł je niezależnie od siebie usuwać). Działanie skryptu można zobaczyc pod adresem: http://wspak.pl/form_generator/zapytanie.html

będę wdzięczny za pomoc bo się już zamotałem

oto źródło:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.     <head>
  4.         <title>Dynamiczne formularze</title>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.         <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  7.         <script type="text/javascript" src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
  8.         <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
  9.     </head>
  10.     <body>
  11.         <script type="text/javascript">
  12.             $(document).ready(function(){
  13.                 // tworzymy zmienną i, wykorzystamy ją do identyfikowania wierszy
  14.                 // ustawiamy jej wartość 2, ponieważ jeden wiersz jest już w tabeli
  15.                 var i = 1;
  16.                 var opcjaChbx = 1;
  17.                 // tworzymy zmienną szablonWiersza i wczytujemy do niej szablon z textarea #szablon
  18.                 var szablonChbxa = jQuery.format($("#szablon_checkbox").val());
  19.                 var szablonOpcjiCheckbox = jQuery.format($("#szablon_opcji_checkbox").val());
  20.                 // tworzymy funkcję, która dodaje szablon do właściwej tabeli
  21.  
  22.                 function dodajCheckboxy() {                    
  23.                     var ii = i++;
  24.                     $(szablonChbxa(ii)).appendTo("#listaPol tbody");
  25.                     $("#usunChbxa_" + ii).click(function(){
  26.                         $("#wiersz_" + ii).remove();
  27.                     });
  28.                     $("#DodajOpcjeCheckbox_" + ii).click(function(){
  29.                         var opcjaChbxB = opcjaChbx++;
  30.                         $(szablonOpcjiCheckbox(opcjaChbxB)).appendTo("#listaOpcji_" + ii);
  31.                         $("#usunOpcjeCheckbox_" + opcjaChbxB).click(function()
  32.                         {
  33.                         $("#opcja_" + opcjaChbxB).remove();
  34.                         });
  35.                     });
  36.                 }
  37.  
  38.                 $("#dodajChbx").click(dodajCheckboxy);
  39.  
  40.             });
  41.         </script>
  42.  
  43.  
  44.  
  45.         <!-- Szablon checkboxa w tabeli -->
  46.  
  47.         <textarea id="szablon_checkbox" style="display:none;" cols="1" rows="1">
  48.             <tr valign="top" id="wiersz_{0}">
  49.                 <td>
  50.                 <img src="images/minus.png" id="usunChbxa_{0}" alt="usun">
  51.                 </td><td>
  52.                 <input type="checkbox" name="" value="" checked disabled>
  53.                 <br>Nazwa:<br>
  54.                 <input type="text" name="nazwa[]">                
  55.                 </td>
  56.                 <td>
  57.                 </td>
  58.                 <td>  Czy wymagane  <br>
  59.                 <input type="radio" name="req[]" value="tak"> Tak&nbsp;&nbsp;
  60.                 <input type="radio" name="req[]" value="nie" checked> Nie<br> <br>
  61.                 Tip:<br>
  62.                 &lt;textarea cols="40" rows="5" name="tip[]"&gt;&lt;/textarea&gt;  <br><br>
  63.  
  64.                 Opcje:
  65.  
  66.                 <img src="images/plus.png" id="DodajOpcjeCheckbox_{0}" alt="usun">
  67.                 <div id="listaOpcji_{0}">
  68.  
  69.                 </div>
  70.                 </td>
  71.  
  72.                 <input type="hidden" value="{0}" name="lp[]">
  73.                 <input type="hidden" value="checkbox" name="typ[]">
  74.                 <input type="hidden" name="wartosc[]" value="">            
  75.  
  76.             </tr>
  77.         </textarea>
  78.  
  79.         <!-- Szablon opcji checkboxa w tabeli -->
  80.  
  81.         <textarea id="szablon_opcji_checkbox" style="display:none;" cols="1" rows="1">
  82.             <tr valign="top" id="opcja_{0}">
  83.                 <td>
  84.                 <img src="images/minus.png" id="usunOpcjeCheckbox_{0}" alt="usun"> &nbsp;&nbsp;{0}
  85.                 </td>
  86.  
  87.  
  88.             </tr>
  89.         </textarea>
  90.  
  91.  
  92.         <!-- Właściwa tabela -->
  93.  
  94.         <form action="parser.php" method="post">
  95.         <table>
  96.          <tr><td>
  97.         <input type="checkbox" name="" value=""> Checkbox</td><td><img src="images/plus.png" id="dodajChbx" alt="dodaj"  > 
  98.         </td></tr>
  99.  
  100.         </table>
  101.             <table id="listaPol">
  102.  
  103.                 <tfoot>
  104.                     <tr>
  105.                         <th colspan="4">
  106.                             <input type="submit" name="wyslij" value="Wyślij">
  107.                         </th>
  108.                     </tr>
  109.  
  110.                 </tfoot>
  111.                 <tbody>
  112.  
  113.                 </tbody>
  114.             </table>
  115.         </form>
  116.     </body>
  117. </html>
  118.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Destinate
post 2.05.2011, 14:26:28
Post #2





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 2.05.2011

Ostrzeżenie: (0%)
-----

Rób pętle, która do określonego ciągu tekstowego dodaje numer i takie też ID ustala, dla każdego elementu.

P.S. -> Semantyka leży... opisy formularzy za pomocą <label>, i wyrzuć te tabelki, rób to na divach smile.gif
Go to the top of the page
+Quote Post
-wspak-
post 2.05.2011, 14:35:12
Post #3





Goście
mam!
19: var szablonOpcjiCheckbox = jQuery.format($("#szablon_opcji_checkbox").val() || []);
30: $(szablonOpcjiCheckbox(opcjaChbxB, ii)).appendTo("#listaOpcji_" + ii);

i dla sprawdzenia wyniku:

84: <img src="images/minus.png" id="usunOpcjeCheckbox_{0}" alt="usun"> &nbsp;&nbsp;{0}, {1}

śmiga smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 17:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn