2016-12-18 2 views
0

モーダルボタンをクリックするとこのようになります。Laravelのモーダルブートストラップでアラートメッセージを作成する方法は?

<button class="btn btn-danger" name="button" title="Hapus" method="get" data-toggle="modal" data-target="#deleteModal{{$objek->id}}" onclick="javascript: {{url('/admin/objek/'.$objek->id)}}"><i class="fa fa-trash-o fa-lg"></i> 
</button> 

と私のこのようなモーダルです。

<div class="modal fade" id="deleteModal{{$objek->id}}" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="exampleModalLabel">Hapus Objek Wisata</h4> 
     </div> 
     <div class="modal-body"> 
     <p> 
     Hapus data objek wisata dengan nama {{$objek->nama_objek}}? 
     </p> 
     </div> 
     <div class="modal-footer"> 
     <form class="" action="{{url('/admin/objek', $objek->id)}}" method="post"> 
      <input type="button" class="btn btn-default" data-dismiss="modal" value="Tidak"> 
      <input type="hidden" name="_method" value="delete"> 
      <input type="hidden" name="_token" value="{{ csrf_token() }}"> 
      <input type="submit" class="btn btn-danger" name="name" value="Hapus"> 
     </form> 
     </div> 
    </div> 
    </div> 
</div> 

問題は、ページのリロード後に警告メッセージでモーダルブートストラップを表示する方法ですか?

このような警告メッセージですが、モーダルの削除ボタンをクリックしたときのように、これをモーダルブートストラップにしたいと思います。

<script type="text/javascript">alert("Data has been submitted");</script> 

ご利用いただきありがとうございます。

答えて

0

session dataを使用すると、ページのリロード時にモーダルを開くことができます。 view.blade.php

return redirect('route')->with('show_modal', true); 

を:ちょうどこのようにセッションにいくつかの変数を追加要求を提出した後

<scirpt> 
    $(function(){ 
     var show_modal = "{{ session()->pull('show_modal') }}"; 

     if(typeof show_modal !== 'undefined' && show_modal) { 
      $('#modalId').modal('show'); 
      // This will open up the modal if the variable is present in session as true 
      // OR you can simply show an alert message! 
      alert("Data has been submitted"); 
     } 
    }); 
</script> 

は、この情報がお役に立てば幸い!

+0

申し訳ありませんが、この方法ではまだ動作しません。他の解決策? –

+0

エラーの問題を説明してください... –

+0

私はこのページのインデックスにボタンモーダルを配置すると、「未取得のReferenceError:$は定義されていません」 –

関連する問題