Formular funktioniert nicht richtig?

Question

Ich versuche eine Website mit Angeboten mit PHP zu machen. Ich habe eine Funktion, die ich in einer for-Schleife mit verwende und die Ergebnisse aus der Datenbank werden in der Funktion übergeben. Der Code ist wie folgt:

<?php 
function table_values($row0,$row1,$row2,$row3,$row4,$row5){ 

    $table_element = "<div id=\"$row0\" class='tab'> 
            <div class='tab-header'>"; 
     switch ($row1) { 
      case "Tiscali": 
       $img = "<img src='images/tiscali.png' alt='Tiscali' />"; 
       break; 
      case "Infostrada": 
       $img = "<img src='images/infostrada.png' alt='Infostrada' />"; 
       break; 
      case "Fastweb": 
       $img = "<img src='images/fastweb.png' alt='Fastweb' />"; 
       break; 
      case "TIM": 
       $img = "<img src='images/telecom-italia.png' alt='TIM' />"; 
       break; 
     } 
     $table_element = "". 
      $table_element . " $img <span>$row2</span></div> 
           <div class='block'> 
            <div class='first-set-block'> 
             <span class='s2'>Download</span><br /><span class='s3'>$row3 Mbps</span> 
            </div> 
            <div class='first-set-block'> 
             <span class='s4'>ATTIVAZIONE</span><br /><span class='s5'>GRATUITA</span> 
            </div> 
           </div> 
           <div class='block'> 
            <div class='block-header'> 
             Costo standard 
            </div> 
            <div class='block-describe-standard'> 
             <span class='s6'>&#8364; $row4</span> 
            </div> 
           </div> 
           <div class='block'> 
            <div class='block-header'> 
             Promozione 
            </div> 
            <div class='block-describe-promozione'> 
             <span class='s7'>&#8364; $row5</span> 
            </div> 
           </div> 
           <div class='block'> 
            <div class='block-header-last'> 
             Costo 1 anno 
            </div> 
            <div class='block-describe-costo'> 
             <span class='desc1'>&#8364; 21</span> 
             <span class='desc2'>.32<br />&#8364;/mese</span> 
             <button class='ordina-offerta'>Ordina</button> 
            </div> 

           </div> 
           </div> 
           <div class='black'> 
            </div> 
           <div class='popup' id='pop".$row0."'> 
           <form method='post' action='off.php'> 
            <span class='close'>&times;</span> 


            <table width='100%' style='text-align: center;'> 
             <tr> 
              <td>Nome: </td><td><input type='text' name='nome' /></td> 
             </tr> 
             <tr> 
              <td>Cognome: </td><td><input type='text' name='cognome' /></td> 
             </tr> 
             <tr> 
              <td>id: </td><td><input type='text' name='id' value=\"$row0\" /></td> 
             </tr> 
             <tr> 
              <td colspan='2'><input type='submit' value='Carica' class='carica' /></td> 
             </tr> 
            </table> 
           </form> 
           </div>"; 

       return $table_element; 
      } 
?> 

aber aus irgendeinem Grunde ich will, dass der div schwarz und div Popup-Kind des div class Tab sein, aber wenn ich den Code aus, dass zu ändern oben zu dieser doesn des Submit-Button‘ t arbeiten.

<?php 
function table_values($row0,$row1,$row2,$row3,$row4,$row5){ 

    $table_element = "<div id=\"$row0\" class='tab'> 
            <div class='tab-header'>"; 
     switch ($row1) { 
      case "Tiscali": 
       $img = "<img src='images/tiscali.png' alt='Tiscali' />"; 
       break; 
      case "Infostrada": 
       $img = "<img src='images/infostrada.png' alt='Infostrada' />"; 
       break; 
      case "Fastweb": 
       $img = "<img src='images/fastweb.png' alt='Fastweb' />"; 
       break; 
      case "TIM": 
       $img = "<img src='images/telecom-italia.png' alt='TIM' />"; 
       break; 
     } 
      $table_element = "". 
       $table_element . " $img <span>$row2</span></div> 
          <div class='block'> 
           <div class='first-set-block'> 
            <span class='s2'>Download</span><br /><span class='s3'>$row3 Mbps</span> 
           </div> 
           <div class='first-set-block'> 
            <span class='s4'>ATTIVAZIONE</span><br /><span class='s5'>GRATUITA</span> 
           </div> 
          </div> 
          <div class='block'> 
           <div class='block-header'> 
            Costo standard 
           </div> 
           <div class='block-describe-standard'> 
            <span class='s6'>&#8364; $row4</span> 
           </div> 
          </div> 
          <div class='block'> 
           <div class='block-header'> 
            Promozione 
           </div> 
           <div class='block-describe-promozione'> 
            <span class='s7'>&#8364; $row5</span> 
           </div> 
          </div> 
          <div class='block'> 
           <div class='block-header-last'> 
            Costo 1 anno 
           </div> 
           <div class='block-describe-costo'> 
            <span class='desc1'>&#8364; 21</span> 
            <span class='desc2'>.32<br />&#8364;/mese</span> 
            <button class='ordina-offerta'>Ordina</button> 
           </div> 

          </div> 

          <div class='black'> 
           </div> 
          <div class='popup' id='pop".$row0."'> 
          <form method='post' action='off.php'> 
           <span class='close'>&times;</span> 


           <table width='100%' style='text-align: center;'> 
            <tr> 
             <td>Nome: </td><td><input type='text' name='nome' /></td> 
            </tr> 
            <tr> 
             <td>Cognome: </td><td><input type='text' name='cognome' /></td> 
            </tr> 
            <tr> 
             <td>id: </td><td><input type='text' name='id' value=\"$row0\" /></td> 
            </tr> 
            <tr> 
             <td colspan='2'><input type='submit' value='Carica' class='carica' /></td> 
            </tr> 
           </table> 
          </form> 
          </div></div>"; 

       return $table_element; 
      } 
?> 

Weiß jemand warum? Ich muss sie Kinder der Tab-Klasse aus jQuery Gründen, um die parent() Funktion zu verwenden. Vielen Dank im Voraus, hoffe, dass ich klar war.

Answer 1

Formulare, die von Grund auf neu erstellt werden (mit JS), werden nicht korrekt behandelt, da sie nach dem Laden in die Seite eingefügt wurden, da sie über dem Code angezeigt wird. Stattdessen können Sie das Formular mit dem HTML-Code erstellen und danach können Sie Elemente mit JS gemäß den Daten vom Server (PHP-Code) ändern.
Hoffe, das hilft.

Answer 2

Dies ist der JQuery Teil wich ist auf der Hauptseite sind ..

 

    
    $(document).ready(function(){ 
      $('.tab').click(function(){ 
      var id=$(this).attr('id'); 
       $('#black' + id).fadeIn(); 
       $('#pop' + id).fadeIn(); 
       return false; 
      }); 
      $('.close').click(function(){ 
      var id=$(this).parent().parent().parent().attr('id'); 
       $('#black' + id).fadeOut(); 
       $('#pop' + id).fadeOut(); 
       $('.grazie-popup').fadeOut(); 
       return false; 
      }); 
      $('.black').click(function(){ 
      var id=$(this).parent().attr('id'); 
       $('#black' + id).fadeOut(); 
       $('#pop' + id).fadeOut(); 
       $('.grazie-popup').fadeOut(); 
       return false; 
      }); 
      if ($('.grazie-popup').length) { 
       $('#black').delay(400).fadeIn(); 
       $('.grazie-popup').delay(600).fadeIn(); 
      } 
     }); 

Und das Problem ist, wie ich zuvor erklärt, wenn ich die < div class = „black“ machen wollen> und < div class = "popup"> childs von < div class = "tab"> der Submit-Button funktioniert nicht.