2016-12-12 8 views
2

私は次のタブの上に構築されているタブ付きのフォームを持っていなくて:キープタブは、提出 - アヤックス

<script> 
function openCity(evt, cityName) { 
    var i, tabcontent, tablinks; 
    tabcontent = document.getElementsByClassName("tabcontent"); 
    for (i = 0; i < tabcontent.length; i++) { 
     tabcontent[i].style.display = "none"; 
    } 
    tablinks = document.getElementsByClassName("tablinks"); 
    for (i = 0; i < tabcontent.length; i++) { 
     tablinks[i].classList.remove("active"); 
    } 
    document.getElementById(cityName).style.display = "block"; 
    evt.currentTarget.classList.add("active"); 
} 
</script> 

<script> 
var mybtn = document.getElementsByClassName("tablinks")[0]; 
mybtn.click(); 
</script> 
:ユーザーは、彼らが対応する都市に運ばれ、タブをクリックする

<ul class="tab"> 
<li><a href="#" class="tablinks" onclick="openCity(event, 'London')">London</a></li> 
<li><a href="#" class="tablinks" onclick="openCity(event, 'Sydney')">Sydney</a></li> 
</ul> 

私はフォームを処理するためにPHPを使用していますが、AJAXを使わずにフォームを送信したとき(つまりフォームが再ロードされたとき)にユーザーがいる現在のタブを保持したいのですが可能ですか?

答えて

2

をお試しくださいそのページ内のiframeあなたのprocess.phpの出力はIFRAME result_frame

に表示されます

<form action="process.php" method="post" target="result_frame"> 
    <input type="submit" value="Do Stuff!" /> 
</form> 
<iframe name="result_frame"></iframe> 

0

はい、あなたがフォームを送信することができ、この

HTMLタブのヘッダにPHP

$TAB_ACTIVE = array(false, false, false); 
$TAB_ACTIVE[(isset($_GET['tab']) && in_array((int) $_GET['tab'], array(0, 1, 2)) ? (int) $_GET['tab'] : 0)] = true; 

<ul class="nav nav-tabs"> 
        <li<?php print ($TAB_ACTIVE[0] ? ' class="active"' : ''); ?>><a href="yourpage.php?tab=0" data-toggle="tab">Activity Log</a></li> 
        <li<?php print ($TAB_ACTIVE[1] ? ' class="active"' : ''); ?>><a href="yourpage.php?tab=1" data-toggle="tab">General</a></li> 
        <li<?php print ($TAB_ACTIVE[2] ? ' class="active"' : ''); ?>><a href="yourpage.php?tab=2" data-toggle="tab">Password</a></li> 
       </ul> 

HTMLでタブ本体

<div class="tab-content"> 
        <div class="tab-pane<?php print ($TAB_ACTIVE[0] ? ' active' : ''); ?>"> 
</div> 
<div class="tab-pane<?php print ($TAB_ACTIVE[1] ? ' active' : ''); ?>"> 
</div> 
<div class="tab-pane<?php print ($TAB_ACTIVE[2] ? ' active' : ''); ?>"> 
</div> 
</div>