2016-06-17 13 views
1

Bootstrap 3を使用して1ページのWebアプリケーションを作成しました。標準IOS連絡先アプリのように見えます。私は連絡先の個人データに使用しています。連絡先は、私が照会しているSQLテーブルにあります。私はPHPのmySqlのidの結果を内部の#detailsのid要素に渡そうとしています。?page = 1つのページのWebアプリケーション内でPHP変数を渡す

リンクは次のとおりです。

<a href="#details?page=<?php echo $duty_row['id'];?>">name</a> 

divがある: "?ページ= $ recordNo"

<article id="details"> 
     <div class="container-fluid"> 
     <?php 
      $therecord = $_GET['page']; 
      $result = $Con ->query("SELECT * FROM `myTable` WHERE `id` = '$therecord'"); 
      $details_row = $result->fetch_array(MYSQLI_BOTH); 
     ?> 
      <div class="row"> 
       <a href="#on_duty"><div class="col-xs-1"><span class="glyphicon glyphicon-menu-left floatleft apple_back_chevron appleBlue" aria-hidden="true"></span></div> 
       <div class="col-xs-6"><p class="apple_back_text appleBlue">On Duty Coordinators</p></div></a> 
       <a href="#edit_coordinators?page=<?php echo $details_row['id'] ;?>"><div class="col-xs-4"><p class="apple_forward_text appleBlue floatright">Edit</p></div> 
       <div class="col-xs-1"><p class="glyphicon glyphicon-menu-right floatright apple_forward_chevron appleBlue" aria-hidden="true"></p></div></a> 
      </div> 
     </div> 

     <div class="container-fluid"> 

      <div class="row"> 
       <div class="col-xs-3"> 
        <img class="img-circle" src="" alt="photo"> 
       </div> 
       <div class="col-xs-9"> 
        <h2><?php echo $details_row['name'];?></h2> 
       </div> 
      </div>   
      <div class="row"> 
       <div class="apple_list appleGray"> 
        <div class="col-xs-8"> 
         <p class="appleBlue">station</p> 
         <p class="appleDGray"><?php echo $details_row['station']; ?></p> 
        </div> 
        <div class="col-xs-4"> 
        </div> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="apple_list appleGray"> 
        <div class="col-xs-8"> 
         <p class="appleBlue">mobile</p> 
         <p class="appleDGray"><?php echo $details_row['mobile']; ?></p> 
        </div> 
        <div class="col-xs-2"> <a href="sms:<?php echo $details_row['mobile']; ?>"><img class="img-responsive apple_Glyph" src="_images/sms.png"></a></div> 
        <div class="col-xs-2"> <a href="tel:<?php echo $details_row['mobile']; ?>"><img class="img-responsive apple_Glyph" src="_images/phone.png"></a></div> 
       </div> 
      </div> 
     </div> <!-- /container --> 
    </article> 

がどのように私はPHPを渡すか、内部で?ページIDが渡されているが、次のPHPで

答えて

0

てみ拾ったばかりではない:あなたがそうのようにそれを書くことができ、非常に可能である

<a href="?page=<?php echo $duty_row['id'];?>#details">name</a> 

を:

基本的に
<a href="?page=<?=$duty_row['id']?>#details">name</a> 

?はクエリ文字列を開始し、(含まれている場合)常にURIのページアンカー(フラグメント)#の前にあります。詳細は、Uniform Resource Identifierを参照してください。

あなたはこれを行うことはできません
+0

これは部分的に機能しますが、私をサファリに送り、htmlとcssをねじ込みます。ありがとうございました。 –

0

<a href="#details?page=<?php echo $duty_row['id'];?>">name</a> 

が「ハッシュタグは」ですので、それは、ページ内のナビゲーションなどのブラウザによって解釈だ、と要求がない限り、サーバーに送信されていないためあなたはjavascriptでそれをキャッチし、いくつかのAjaxリクエストを実行します。

0

この問題は、PHPやMySQLとは全く関係がないようです。

ただ、このようになります。生成されたマークアップ、(読みやすさを向上させるために再インデント)を見て:

<a href="#edit_coordinators?page=333"> 
    <div class="col-xs-4"> 
     <p class="apple_forward_text appleBlue floatright">Edit</p> 
    </div> 
    <div class="col-xs-1"> 
     <p class="glyphicon glyphicon-menu-right floatright apple_forward_chevron appleBlue" aria-hidden="true"></p> 
    </div> 
</a> 

2つの明白な問題があります:

  • <a>は、タグはインライン要素です。それはブロック要素の束全体を持つことはできません。

  • URLのハッシュ部分にpage GETパラメータを挿入します。これはクライアント側のみであり、サーバーに送信されることはありません。それは?page=333#edit_coordinators

する必要があります私は完全にあなたが考えているのか理解できませんが、それはあなたが本当にそれではJavaScriptでコーディングする必要があり、おそらくAJAXを使用する単一ページのアプリケーションを持って認める、と述べました。サーバー側の技術だけで、従来のWebアプリケーションを構築することは にしかできません。

関連する問題