2012-10-10 50 views
0

嗨,大家好,我知道我問我的其他問題,但我不知道怎麼解釋我的自我如何spesific DIV加載超鏈接頁面上

所以在CSS的Flexi我犯了一個模板,我的網站它有一個DIV類....

所以如果你看看我提供的圖片,我希望鏈接只在主列中打開。因爲現在當我點擊鏈接時,整個頁面會發生變化,但我只希望主頁面發生變化。 我希望鏈接在課堂上打開=「row_6 cssLI PageLayout28_row_6_design」 請幫

鏈接到我的形象 click

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<link href="includes/CSSLayouts/CSSLayouts.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="includes/CSSLayouts/debug_plus.js"></script> 
<link href="includes/CSSLayouts/PageLayout28.css" rel="stylesheet" type="text/css" /> 
<link href="includes/CSSLayouts/PageLayout28_user.css" rel="stylesheet" type="text/css" /> 
</head> 

<body class="PageLayout28_body_design"> 
<div class="PageLayout28"> 
<!-- (CSSLayouts Begin) #PageLayout28 #build_version=1.1.284;pack=User;category=My Page Layouts;layout=;layoutType=page;scheme=;cssSource=file;assets=;halign=center;minwidth=1028px;maxwidth=1028px;width=1028px;bc=My Page Layouts;bl=final10062012--> 

<div class='cssLO PageLayout28_wrapper_layout'> 
<div class='wrapper cssLI PageLayout28_wrapper_design'> 
<div class='cssLO PageLayout28_row_1_layout'> 
<div class='row_1 cssLI PageLayout28_row_1_design'> 
<div class='cssLO PageLayout28_column_3_layout'> 
<div class='column_3 cssLI PageLayout28_column_3_design'><!-- column_3 Content Starts Here -->&nbsp;<!-- column_3 Content Ends Here --> 
</div> 
</div> 
<div class='cssLO PageLayout28_column_4_layout'> 
<div class='column_4 cssLI PageLayout28_column_4_design'><!-- column_4 Content Starts Here -->&nbsp;<!-- column_4 Content Ends Here --> 
</div> 
</div> 
<div class='cssLClearC'></div> 
</div> 
</div> 
<div class='cssLO PageLayout28_row_2_layout'> 
<div class='row_2 cssLI PageLayout28_row_2_design'><!-- row_2 Content Starts Here -->&nbsp;<!-- row_2 Content Ends Here --> 
</div> 
</div> 
<div class='cssLO PageLayout28_row_3_layout'> 
<div class='row_3 cssLI PageLayout28_row_3_design'> 
<div class='cssLO PageLayout28_column_1_layout'> 
<div class='column_1 cssLI PageLayout28_column_1_design'><!-- column_1 Content Starts Here -->&nbsp;<!-- column_1 Content Ends Here --> 
</div> 
</div> 
<div class='cssLO PageLayout28_column_2_layout'> 
<div class='column_2 cssLI PageLayout28_column_2_design'> 
<div class='cssLO PageLayout28_row_6_layout'> 
<div class='row_6 cssLI PageLayout28_row_6_design'><!-- row_6 Content Starts Here --> 

       MAIN 

      <!-- row_6 Content Ends Here --> 
</div> 
</div> 
<div class='cssLO PageLayout28_row_7_layout'> 
<div class='row_7 cssLI PageLayout28_row_7_design'> 
<div class='cssLO PageLayout28_row_7_xtdalignwrapper_layout'> 
<div class='row_7_xtdalignwrapper cssLI PageLayout28_row_7_xtdalignwrapper_design'> 
<div class='cssLO PageLayout28_column_5_layout'> 
               <div class='column_5 cssLI PageLayout28_column_5_design'><!-- column_5 Content Starts Here -->&nbsp;<!-- column_5 Content Ends Here --> 
               </div> 
</div> 
<div class='cssLO PageLayout28_column_6_layout'> 
               <div class='column_6 cssLI PageLayout28_column_6_design'><!-- column_6 Content Starts Here -->&nbsp;<!-- column_6 Content Ends Here --> 
               </div> 
</div> 
<div class='cssLO PageLayout28_column_7_layout'> 
               <div class='column_7 cssLI PageLayout28_column_7_design'><!-- column_7 Content Starts Here -->&nbsp;<!-- column_7 Content Ends Here --> 
               </div> 
</div> 
<div class='cssLO PageLayout28_column_8_layout'> 
               <div class='column_8 cssLI PageLayout28_column_8_design'><!-- column_8 Content Starts Here -->&nbsp;<!-- column_8 Content Ends Here --> 
               </div> 
</div> 
<div class='cssLClearC'> 
</div> 
</div> 
</div> 
<div class='cssLClearR'> 
</div> 
</div> 
</div> 
<div class='cssLClearR'></div> 
</div> 
</div> 
<div class='cssLClearC'></div> 
</div> 
</div> 
<div class='cssLO PageLayout28_row_4_layout'> 
<div class='row_4 cssLI PageLayout28_row_4_design'><!-- row_4 Content Starts Here -->&nbsp;<!-- row_4 Content Ends Here --> 
</div> 
</div> 
<div class='cssLO PageLayout28_row_5_layout'> 
<div class='row_5 cssLI PageLayout28_row_5_design'> 
<div class='cssLO PageLayout28_column_9_layout'> 
<div class='column_9 cssLI PageLayout28_column_9_design'><!-- column_9 Content Starts Here --> 



<!-- column_9 Content Ends Here --> 
</div> 
</div> 
<div class='cssLO PageLayout28_column_10_layout'> 
<div class='column_10 cssLI PageLayout28_column_10_design'><!-- column_10 Content Starts Here --> 

      test | test | test | test |test 

<!-- column_10 Content Ends Here --> 
</div> 
</div> 
<div class='cssLClearC'> 
</div> 
</div> 
</div> 
<div class='cssLO PageLayout28_row_8_layout'> 
<div class='row_8 cssLI PageLayout28_row_8_design'><!-- row_8 Content Starts Here --> 

     CopyRight © 2012 All rights reserved 

<!-- row_8 Content Ends Here --> 
</div> 
</div> 
<div class='cssLClearR'></div> 
</div> 
</div> 
<div class="cssLClearL"></div> 
<!-- #PageLayout28 (CSSLayouts End) --> 
</div> 

</body> 
</html> 
+0

你需要使用iframe的。我不知道靈活佈局編輯器是什麼,但是這裏有一個鏈接讓你更多地瞭解它們http://www.w3schools.com/tags/tag_iframe.asp –

+0

你不知道它是什麼,因爲你忽視使用鼠標突出顯示它,右鍵單擊並選擇搜索Google for'flexi佈局編輯器'(這是一個DreamWeaver擴展):p – enhzflep

回答

2

我想你想的動態包含在主要部分,而沒有加載頁面, 你可以通過使用基於您的cantaint的i-frame或JavaScript/jQuery切換來實現此目的

這裏是jsfiddle示例使用i-幀

我試圖進行佈局按照您的Flexi佈局

jsfiddle Demo

+0

您有針對Jquery的演示嗎?我只是不想使用Iframe – user1727251

相關問題