2016-11-09 3 views
0

ログイン後にページを更新せずにログアウトボタンを表示する必要があります。 これまでのところ、jqueryの.show()と.hide()をajaxで成功させるために考えています。 しかし、問題は、ログアウトボタンが別のページにあることです。これを達成する方法は?私はすぐにログイン ログイン後にログアウトボタンを表示する必要がログイン後のログアウトボタンをリフレッシュなしで表示

success: function(data) { 
    console.log(data); 
    $("#logged").show(); 
    //var logg = ("#logged"); 
    var logg= parent.document.getElementById('logged'); 
       alert(logg); 

    console.log(logg)//null 
    ...... 

AJAX成功に

@if(Auth::check()) 
    <a href="{{ url('/logout') }}" class="btn-logout" id="logged">Logout</a> 
@endif 

は、モーダルの内側にあるとidは=「ログイン」メインテンプレート

マイログインintですモーダルで

$("#login-form").on('submit', function(e) { 
     e.preventDefault(); 
     console.log($(this).serialize()); 
     var datas = $(this).serialize(); 
     if($("#login-form #email").hasClass('has-error')) { 
       $('#login-form #email').removeClass('has-error'); 
     } 
     if($("#login-form #password").hasClass('has-error')) { 
       $('#login-form #password').removeClass('has-error'); 
     } 
     var green = $("#login-form .green") 
     $.ajax({ 
      url: 'partA/user/login', 
      data: datas, 
      type: 'post', 
      success: function(data) { 
       var ht = window.opener.getElementById("logged"); 
       alert(ht); 
       if (!data.errors) { 
        $("#static").modal('hide'); 
        $("#logged").show(); 
        toastr.info('You are now allowed to perform such operation'); 
        startSessionTimer(); 
        test = true; 
        $("#login").hide(); 
       } else { 
        $("#allowed").addClass('hide'); 
        $("#notallowed").removeClass('hide'); 
       } 
       console.log(data); 
      }, 
      error: function(data) { 
      } 
     }).done(function(data) { 
      if(!data.errors){ 
       var jeopardy_frame = $('iframe#jeopardy'); 
       var rotator_frame = $('iframe#rotator'); 
       jeopardy_frame[0].contentWindow.jSetRoles(data.roles); 
       rotator_frame[0].contentWindow.jSetRoles(data.roles); 
      } 
     }); 
    }); 
+0

'$((「#ログアウト」)を見つける;' – madalinivascu

+0

間違っています笑私は、構文の意味:))) – madalinivascu

+0

あなたがあなたの最初の提案は、私のコードのdoes.Iがちょうど知っておくべきことを実際にした – Tinsten

答えて

0
  • ログインを成功させると、デフォルトで非表示にして(慎重に)ログアウトコードを追加する必要があります。

これをリフレッシュする必要がない場合は、コードを追加することでこれを行う唯一の方法です。

  • 他の方法は、そのページをマージして、時間消費に応じて複雑で高価なゲームを隠して表示することです。

最初にお勧めします。 コーディングの面でも助けが必要な場合はお知らせください。 グッドラック

+1

PHPを使用することができますログアウトボタンのIDにアクセスする方法については、ページを更新せずにログイン後に表示することができます。私のログインは、ユーザーがiframeの特定の部分を編集するときに自動的に呼び出されるモーダルです。メインレイアウトで –

+1

1.コードを追加せずにIDにアクセスすることはできません(どのようにそれを行うか)。 –

+1

あなたはログインにレイアウトを追加することができ、デフォルトでそれを隠すことで問題は解決します。 –

関連する問題