2017-10-05 15 views
0

私はPHPでプロジェクトを作成しています。しかし、私は問題があります。あるセクションから別のセクションにいくつかの値を渡したいと思います。たとえば、最初のセクションではすべての製品を表示し、2番目のセクションでは製品の詳細を表示しています。最初のセクションで商品をクリックすると、商品の値は2番目のセクションを通過するはずです。私は自分のコードを共有しています。あなたは、製品をクリック:
-First方法:ありがとうPHPが同じページに変数を渡しています

第一部

<section class="section pb-60 sm-pt-90"> 
<!-- Portfolio Items --> 
<div id="portfolio-gallery" class="portfolio-container isotope-container portfolio-gallery row animated mfp-gallery" data-animation="fadeInUp" data-animation-delay="1200"> 
    <article class="portfolio-item isotope-item col-md-4 col-sm-6 tasarim"> 
    <div class="project-container"> 
    <a href="http://blogaktuel.com//upload/Ekran Alıntısı.PNG" data-size="1080x1440" class="portfolio-gallery__img--main"> 
     <img src="http://blogaktuel.com//upload/Ekran Alıntısı.PNG" alt="" style="width:360px; height:256px;"> 
     <div class="overlay"> 
     <div class="overlay-wrapper"> 
      <div class="overlay-inner background-dark-5 opacity-70"></div> 
     </div> 
     </div> 
    </a> 
    <div class="project-details"> 
     <a href="http://localhost:81/Projeler/kodaktuelOnePage//yeni-proje-mesela"><h4 class="project-title heading-uppercase">Yeni Proje Mesela</h4></a> 
    </div> 
    </div> 
</article> 

第二部

<div id="detay" class="ed-slide"> 
    <div class="slide-container"> 
    <div class="slide-content"> 
     <section class="section sm-pt-0"> 
     <div class="container"> 
      <h2 class="text-white text-center animated" data-animation="fadeInDown"><!-- Project Title --></h2> 
      <div class="divider divider-alt divider-center divider-light animated" data-animation="fadeInDown" data-animation-delay="300"><span></span></div> 
      <p class="lead text-white mb-50 text-center animated" data-animation="fadeInDown" data-animation-delay="600"><!-- Project Info --></p> 
      <!-- Project Images etc. --> 
     </div> 
     </section> 
    </div> 
    </div> 
</div> 
+1

PHPは、サーバー側の言語です。 phpの実行が終了すると、ページが提供されます。必要に応じてコンテンツをページの読み込みと表示に隠しておくか、必要に応じてAjax経由で詳細を取得してください。 –

+1

あなたが望むものを実現するには、javascript/jqueryを使用する必要があります。 –

+0

私はそれを感謝してくれたPankajMakwanaとBilalAkbar –

答えて

0

は、あなたはそれは2つの方法を使用して行うことができますページをリロードし、urlにidを渡すと、他のセクションにデータが表示されます。
- 2番目の方法(最良の方法):jqueryなどを使用して、商品をクリックすると、この商品のデータが読み込まれ、他のセクションに表示されます。

+0

コメントありがとう –

0

私はjQueryで私の問題を解決しました。私はjQueryコードを共有しています。

$(".details").click(function(){ 
var proje_baslik = $("input[name=proje_baslik]").val(); 
var proje_aciklama = $("input[name=proje_aciklama]").val(); 
var proje_url = $("input[name=proje_url]").val(); 
var proje_fiyat = $("input[name=proje_fiyat]").val(); 
var proje_resim = $("input[name=proje_resim]").val(); 

$("#detay .proje_baslik").html(proje_baslik); 
$("#detay .proje_aciklama").html(proje_aciklama); 

window.location.href = "http://localhost:81/Projeler/kodaktuelOnePage/#detay";}); 

すべてのコメントをありがとう

関連する問題