2016-10-27 2 views
-3

PHP로 제공되는 웹 사이트를 만들려고합니다. 나는 for 루프에서 사용하는 함수를 가지고 있고 데이터베이스의 결과는 함수에서 전달된다. 코드는 다음과 같다 :양식이 제대로 작동하지 않습니까?

<?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; 
      } 
?> 

하지만 하나의 이유 내가 사업부 블랙 DIV 팝업 사업부 클래스 탭의 자식하지만 난 이것보다 그에서 코드를 변경할 때 버튼 '아무튼 제출할 것을 원하는 일하지 마라.

<?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; 
      } 
?> 

이유를 아는 사람이 있습니까? 나는 그 (것)들을 parent() 기능을 사용하는 jquery 이유를위한 탭 종류의 아이들에게 만들어야한다. 미리 감사하십시오, 나가 희망 이었다는 것을 희망하십시오.

+1

"나는 분명했으면 좋겠다"- 당신은 분명하지 않았습니다. 어떻게 알 수 있습니까? div에 "tab"클래스를 사용해야하는 이유는 무엇입니까? – user4035

+0

나는 약간 새로운 것이고 코드가 완벽하지는 않다.이 jquery 코드의 tab 클래스의 자식으로 만들고 싶다. – ManoS

+0

질문에 JQuery 코드가 표시되지 않는다. 여기에 설명 된대로 최소한의 작업 예제를 제공하십시오. http://stackoverflow.com/help/mcve – user4035

답변

0

동적으로 (JS를 사용하여) 만든 양식은 코드 위에 표시된대로로드 된 후에 페이지에 삽입되었으므로 올바르게 처리되지 않습니다. 대신에 HTML 코드를 사용하여 양식을 작성할 수 있으며 그 후에 서버 (PHP 코드)에서 오는 데이터에 따라 JS를 사용하여 요소를 변경할 수 있습니다.
희망이 도움이됩니다.

+0

조금 있지만 사실은 여전히 ​​모든 프로젝트 코드를 표시하는 것이 더 좋다고 생각합니다. 아이디어 방식은 내가 이런 종류의 방법을 선택했다, 이것은 제안과 모든 제안 및 가격 웹에있다, 그리고 db에 저장된 때 내가 내가 div 태그를 사용하여 동적으로 테이블을 구축하고 내부 값을 검색 할 때 클라이언트가 쿠폰을 클릭 할 때 팝업으로 나타나는 검은 색 스크린이있는 숨겨진 대화 상자 창에는 이름 필드 성 및 ID가 있습니다. 실제로 나는 그것을 숨기고 그것에이 성을 가진이 클라이언트가이 제안을 원한다는 것을 나는 id를 나는 던지기 위하여 그것을 생각했다. – ManoS

+0

저는 지금 비슷한 프로젝트를 진행하고 있습니다. 동적으로 생성 된 % 100 콘텐츠가 큰 실수라고 말할 수 있습니다. HTML 코드를 사용하여 메인 디자인을 그릴 수 있습니다. '이고 JSON이라면 DB에서 오는 데이터가 더 좋을 것입니다. 그리고 오는 매개 변수에 따라 JQuery를 사용하여 요소 속성을 변경할 수 있습니다. – MrMisery

+0

네, 요점을 보았습니다. 사실, MySQL은 모르겠지만, JSON은 배우지 않으려 고 노력했습니다. 솔직히 말해서 저는 웹 개발에서 약간 새로운 것 같아요. 그 중 하나 나 둘을 고수하는 것이 낫다고 생각했습니다. JSON 또는 Node.js 또는 다른 종류의 방법과 기술을 웹에서 개발할 수있는 기회를 제공 할 것입니다. – ManoS

0
이 메인 페이지에 포함 JQuery와 부품 느릅 나무입니다

..

 

    
    $(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(); 
      } 
     }); 


그리고 나는 내가 < DIV 클래스 = "블랙"을 만들고 싶어 할 때 이전에 설명 된대로 문제가>와 < div class = "popup"> <의 자식 div class = "tab"> 제출 버튼이 작동하지 않습니다.

관련 문제