2015-11-17 62 views
-4

在此先感謝。如何將按鈕默認激活?

的問題是:

我有2個按鈕,顯示div的內容時,它的用戶點擊。

div的內容是在用戶點擊按鈕(onclick)時顯示內容的函數。

但是當頁面加載時只顯示兩個沒有任何內容的按鈕,有什麼方法可以將這些按鈕中的一個按鈕默認爲活動的?

我試着用這樣的:

HTML:

<div class="diferencias col-md-12 col-lg-12"> 
<div class="diferencias col-md-6 col-lg-6"><input type="button" value="Web" onClick="fashioncatweb();"> 
</div> 
<div class="diferencias col-md-6 col-lg-6"> <input type="button" value="Logo" onClick="fashioncatlogo();"> 
</div> 
</div> 

<div class="row"> 
<div id="container"> 
<div id="content"></div> 
</div> 
</div> 

JS:

function fashioncatweb() 
{ 
var text = "<p>text"; 
var img = "images/....."; 
var content = "<div class=\"col-md-7\"><div class=img><img class=img-responsive src=\"" + img + "\" alt=\"\" /></div></div>" 
    + "<div class=\"col-md-5\"><div class=pre-scrollable id=\"fashion\">" + text + "</div></div>"; 
appendToContainer(content); 
} 

function fashioncatlogo() 
{ 
var text = "<p>text"; 
var img = "images/....png"; 
var content = "<div class=\"col-md-7\"><div class=img><img class=img-responsive src=\"" + img + "\" alt=\"logo\" /></div></div>" 
+ "<div class=\"col-md-5\"><div class=pre-scrollable id=\"logo\">" + text + "</div></div>"; 
appendToContainer(content); 
} 


$(document).ready(function() { 
    piramidalweb(); 
}); 

,但它只是適用於一個部分,我有這樣15個不同的部分。

再次感謝!

+4

有什麼方法可以'放'你的代碼?否則,我們無法幫助你。 –

+0

按鈕標籤是否具有隱藏屬性集。 – Vivek

回答

0

你應該有一個被稱爲上按鈕的點擊功能:

使用純JavaScript:

<input type="button" value="Button1" id="btn1" onclick="showContent(this.id)" /> 

function showContent(id) { 
    if(id === "btn1") { 
     // show the content 
    } 
} 

然後立即在網頁的基礎腳本標記內調用:

showContent("btn1"); 

這將立即加載內容。

爲了改善這一點,你可以在onload中執行這個函數,或者在jQuery中準備好一個函數,但是希望你能夠從中獲得它。

+0

感謝您的幫助,我試過這段代碼,但沒有工作:/你有另一個想法嗎?謝謝-! – Javier

+0

如果您正確實施了該代碼,該代碼將起作用。我看到你已經更新了你的問題。將fashioncatweb()放入ready()中。如果這不起作用,你在其他地方有一個錯誤。查看瀏覽器的開發者工具控制檯窗口。 – Shaun

+0

如果你有15個這樣的功能,你應該研究DRY(不要重複自己)的原則 - 代碼有很多重複。看到fashioncatweb和fashioncatlogi用不同的標誌和內容做同樣的事情。 – Shaun