フォームを送信すると、PHPの同じタブに戻りません

-2

私のPHPページには異なるタブがあります。私はすべてのタブにそれぞれのフォームを持っています。今私はフォームを提出したい。しかし、フォームを提出すると、最初のタブに移動します。私はちょうどそれが提出する場所から同じタブに残ることを望んでいるが、それは決してない。フォームを送信すると、PHPの同じタブに戻りません

<li><a id="tab1" href="#" class="tab-lbl" data-tab="#tab-menu">Menue</a></li>

は、フォームに新しい隠された変数を追加します：

<form name="myForm" action="admin.php" method="POST" onsubmit=" return validateForm()" > 
Page Name: <input placeholder="page name :" name="pname" type="text" /> 
Page Link: <input type="text" placeholder="Page Link :" name="plink" /> 
<input type="hidden" name="link" value="tab1"> 
<input type="submit" value="submit" name="submitv"> 
</form>

アドオンjsのコードを

<html> 
<head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.js"></script> 
    <script type="text/javascript"> 
     $(function(){ 
      $("#tab-container").on("click", ".tab-lbl", function(){ 
       var that = $(this); 
       var tabid = that.data("tab"); 

       $(".tab").each(function(k, v){ 
        $(this).hide(); 
       }); 

       $(tabid).show(); 
      }); 
     }); 
    </script> 
</head> 

<body> 

<div id="header"> 
    <div class="logo"><a href="#"><span>TAJWEED</span></a></div> 
</div> 

<div id="container"> 
    <div class="sidebar"> 
     <div id="nav"> 
     <ul id="tab-container"> 
     <li><a href="#" class="selected tab-lbl" data-tab="#tab-dashboard">Dashboard</a></li> 
     <li><a href="#" class="tab-lbl" data-tab="#tab-menu">Menue</a></li> 
     <li><a href="#" class="tab-lbl" data-tab="#tab-slider">Slider</a></li> 
     <li><a href="#" class="tab-lbl" data-tab="#tab-gallery">Gallery</a></li> 
     <li><a href="#" class="tab-lbl" data-tab="#tab-pictures">Pictures</a></li> 

     </ul> 

     </div> 

    </div> 
    <div class="content"> 

     <div id="tab-menu" class="tab" style="display: none;"> 

    <?php 

$connection = new mysqli('localhost','root','','Tajweed');// Establishing Connection with Server 

if(isset($_POST['submitv'])){ // Fetching variables of the form which travels in URL 
$name = $_POST['pname']; 
$email = $_POST['plink']; 


//Insert Query of SQL 
$sql=$connection->query("INSERT INTO main_page(pname, plink) values ('$name', '$email')"); 



} 
?> 

<form name="myForm" action="admin.php" method="POST" onsubmit=" return validateForm()" > 
Page Name: <input placeholder="page name :" name="pname" type="text" /> 
Page Link: <input type="text" placeholder="Page Link :" name="plink" /> 
<input type="submit" value="submit" name="submitv"> 
</form> 






</div> 
     <div id="tab-slider" class="tab" style="display: none;"> 


    <?php 

$connection = new mysqli('localhost','root','','Tajweed');// Establishing Connection with Server 

if(isset($_POST['submitv'])){ // Fetching variables of the form which travels in URL 
$name = $_POST['pname']; 
$email = $_POST['plink']; 


//Insert Query of SQL 
$sql=$connection->query("INSERT INTO main_page(pname, plink) values ('$name', '$email')"); 



} 
?> 

<form name="myForm" action="admin.php" method="POST" onsubmit=" return validateForm()" > 
Page Name: <input placeholder="page name :" name="pname" type="text" /> 
Page Link: <input type="text" placeholder="Page Link :" name="plink" /> 
<input type="submit" value="submit" name="submitv"> 
</form> 






</div> 
     <div id="tab-gallery" class="tab" style="display: none;"><h1>Gallery</h1></div> 
     <div id="tab-pictures" class="tab" style="display: none;"><h1>Pictures</h1></div> 
</div> 

</body> 
</html> 
</div>

出典

2016-08-31 M.HASSAN

あなたのSQLは注射の危険性が非常に高いです。 PDOを使用してください。 –

これにはajaxを使用する必要があります。 Googleに試してみてください。 stackoverflowには十分な例があります。 –

現在のタブが3番目のタブであり、フォームを送信すると、最初のタブに「移動」することを意味しますか？それは新しいタブで開き、最初に "行く"？あなたはどういう意味ですか？ –

-1

がリンクにIDを追加...コードは以下のとおりである、私を助けてください。

<?php if(isset($_POST['link'])): ?> 
$(document).ready(function(){ 
$("#<?php echo $_POST['link']?>").click(); 
}); 
<?php endif; ?>

<html> 
<head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.js"></script> 
    <script type="text/javascript"> 
     $(function(){ 
      $("#tab-container").on("click", ".tab-lbl", function(){ 
       var that = $(this); 
       var tabid = that.data("tab"); 

       $(".tab").each(function(k, v){ 
        $(this).hide(); 
       }); 

       $(tabid).show(); 
      }); 
     }); 

     <?php if(isset($_POST['link'])): ?> 
     $(document).ready(function(){ 
     $("#<?php echo $_POST['link']?>").click(); 
     }); 
     <?php endif; ?> 
    </script> 
</head> 
<body> 
<div id="header"> 
<div class="logo"><a href="#"><span>TAJWEED</span></a></div> 
</div> 
<div id="container"> 
<div class="sidebar"> 
<div id="nav"> 
<ul id="tab-container"> 
<li><a href="#" class="selected tab-lbl" data-tab="#tab-dashboard">Dashboard</a></li> 
<li><a href="#" id="tab1" class="tab-lbl" data-tab="#tab-menu">Menue</a></li> 
<li><a href="#" id="tab2" class="tab-lbl" data-tab="#tab-slider">Slider</a></li> 
</ul> 
</div> 
</div> 
<div class="content"> 
<div id="tab-menu" class="tab" style="display: none;"> 
<form name="myForm" action="admin.php" method="POST" onsubmit=" return validateForm()" >Form1: 
Page Name: <input placeholder="page name :" name="pname" type="text" /> 
Page Link: <input type="text" placeholder="Page Link :" name="plink" /> 
<input type="hidden" name="link" value="tab1"> 
<input type="submit" value="submit" name="submitv"> 
</form> 
</div> 
<div id="tab-slider" class="tab" style="display: none;">Form2: 
<form name="myForm" action="admin.php" method="POST" onsubmit=" return validateForm()" > 
Page Name: <input placeholder="page name :" name="pname" type="text" /> 
Page Link: <input type="text" placeholder="Page Link :" name="plink" /> 
<input type="hidden" name="link" value="tab2"> 
<input type="submit" value="submit" name="submitv"> 
</form> 
</body> 
</html>

出典

2016-08-31 10:59:35 Aleksander

私はこのコードを使用しますが、デフォルトのタブに返されるのと同じ応答を返します。このコードはうまくいきません:-( –

もう一度見てください私は全体のコードを追加します、私のために働きます – Aleksander

ありがとう@アレクサンダー:) –

フォームを送信すると、PHPの同じタブに戻りません

答えて

関連する問題