2012-04-11 30 views
0

我有一個多頁面的表單,其工作原理是根據不同的DIV id在DOM內部加載所有頁面,並且當您通過表單進行瀏覽時,一個style="display:none"不應該顯示的Div的。php IF函數基於特定的div id css屬性

我有一個問題,其中兩個頁面需要具有相同的內容,但是因爲我使用的是javacript和jquery,我遇到了衝突(技術上,兩個頁面都加載並且腳本衝突)。

我能得到一個PHP函數,如果要說 - IF股利ID gform_page_2_2style="display:none"負載(HTML中的塊),如果股利ID gform_page_2_3style="display:none"負載(HTML B的塊),否則加載什麼。

我會怎麼做呢?

+0

我不明白問題 – kappa 2012-04-11 10:23:50

+0

編號PHP無法訪問div屬性的方式。 – Dutchie432 2012-04-11 10:25:07

+0

我明白了。我知道Javascript和jQuery可以做到這一點...但我可以得到它顯示一整塊HTML? – Miro 2012-04-11 10:31:47

回答

0

我不太清楚你到底在問什麼,但既然你有辦法決定何時申請style="display:none"你可以使用布爾值display_none=true並在你的if中使用它。

0

這是一個示例代碼。在這裏,我在這裏使用了jQuery。我在索引頁中將每個頁面的內容包含在單獨的DIV中。然後單擊我的導航欄中的菜單顯示頁面的內容。我希望這會給你一個想法。 :)

的JScript:

 <script type="text/javascript"> 

      $('.nav_button').click(function(){ 
       var page = $(this).text().toLowerCase(); 
       $('#content').html($('#'+page+'_page').html()); //display content of div(that holds the content of the respective page) in the "conetent" div 
       $('html, body').animate({scrollTop: $("#navbar").offset().top}, 'slow'); //scroll back to the top 

       return false; 
      }); 
     </script> 

HTML:

 <!-- Navigation menu --> 
     <div id="navbar"> 
      <a class="nav_button" href="#">Home</a> 
      <a class="nav_button" href="#">About</a> 
      <a class="nav_button" href="#">Contact</a> 
     </div> 

     <div id="content"> 
      <!-- Here page content will be displayed --> 
     </div> 

     <!-- This div holds the contents of each page --> 
     <div style="display:none;"> 
      <!-- Contact Page --> 
      <div id="contact_page"> 
      You can contact me through this email.... 
      </div> 
      <!-- About Page --> 
      <div id="about_page"> 
      About me? I love coding... 
      </div> 
      <!-- Home Page --> 
      <div id="home_page"> 
      Yo! You are at my home page. Check out my whole site and enjoy :) 
      </div> 
     </div> 

我希望這將有助於:) 如果你想看到它在行動,後藤:www.magcojennus.co.cc(這是一個網站,我已經創建了我的大學日:))