2017-12-12 18 views
-1

私はモーダルをセマンティックで試していますが、私はモーダルにPHPを入れましたが、うまくいかず、なぜですか? 私は自分のモーダルがJavaScriptによって生成されていることを知っています。一般に、このスクリプトは私の可変メッセージにあるメッセージを返すことを意図しています。PHPセマンティックUIのモーダルで動作しません

スクリプト:

<?php $message = ""; ?> 

<body> 
    <button class="ui primary button" type="button" id="openModal"> 
     apparaitre modal 
    </button> 
    <form class="ui form modal" method="post"> 
     <div class="header"> 
      Modal Title 
     </div> 
     <div class="image content"> 
      <div class="image"> 
       An image can appear on left or an icon 
      </div> 
      <div class="description"> 
       A description can appear on the right 
       <?php 
        echo $message; 
       ?> 
      </div> 
     </div> 
     <div class="actions"> 
      <div class="ui button">Cancel</div> 
      <div class="ui button" type="submit" name="val">OK</div> 
     </div> 
</form> 
<?php 
    if(isset($_POST['val'])) { 
     $message = "3 essais restant"; 
    } 
    ?> 

    <script> 
     $("#openModal").click(function() { 
      $('.ui.modal').modal('show'); 
     }); 
    </script> 
</body> 

</html> 
+1

私のモーダルで_put PHPは、それは動作しますが、なぜ?_ Ehh? PHPがうまくいかない理由 – panther

答えて

-1

私はあなたのモデルにメッセージを持ちたいと思いますか?

もしそうなら、コードを変更する必要があります。メッセージはまだ空です。最初は何も設定せずに、それを記入します。 まず、変数を入力して表示します。ように:

<?php 
    $message = ""; 
    if(isset($_POST['val'])) { 
     $message = "3 essais restant"; 
    } 
?> 

<body> 
<button class="ui primary button" type="button" id="openModal"> 
    apparaitre modal 
</button> 
<form class="ui form modal" method="post"> 
    <div class="header"> 
     Modal Title 
    </div> 
    <div class="image content"> 
     <div class="image"> 
      An image can appear on left or an icon 
     </div> 
     <div class="description"> 
      A description can appear on the right 
      <?php 
      echo $message; 
      ?> 
     </div> 
    </div> 
    <div class="actions"> 
     <div class="ui button">Cancel</div> 
     <button class="ui button" type="submit" name="val">OK</button> 
    </div> 
</form> 
<script> 
    $("#openModal").click(function() { 
     $('.ui.modal').modal('show'); 
    }); 
</script> 
</body> 

</html> 
+0

あなたにはお答えいただきありがとうございますが、私の変数メッセージには何もありません。 –

+0

あなたのコードは機能しています。メッセージが表示されない場合は、 'val'がポストされていません。 – Wouter075

+0

もちろんそれは明らかですが、私はあなたの問題を理解していないので、私はバグの名前の変数メッセージ= "3エッセイrestant"と私のボタンをクリックした場合は、 –