2013-03-08 146 views
0

我在屏幕上有兩個按鈕..超級鏈接不得全部按鈕

<div class="checksheet"> 
     <a href="http://some_link" target="_blank"> 
     <input class="btn btn-large btn-primary" type="button" value='Graph Search'> 
     </a> 
    </div> 
    <div class="nchecksheet"> 
    <form action="/link" method="POST"> 
    <input class="btn btn-large btn-primary" type="submit" value='Analyze Topics' onclick="$('#loading').show();"> 
    </form> 
    <div id="loading" style="display:none; position:relative ;left:860px"><img src="{{ url_for('static', filename='img/newload.gif') }}" alt="" /></div> 

</div> 

的問題是..第一個按鈕..有在按鈕上的一個非常小部分的超鏈接.. 而「提交」類型的按鈕..很好..

通過罰款我的意思是...整個「提交」按鈕是可點擊的。

,並在第一部分..只是一個非常小條(按鈕的頂部)是點擊...

我失去了什麼。

+1

你做鏈接本身的按鈕的部分? http://stackoverflow.com/questions/2906582/how-to-create-an-html-button-that-acts-like-a-link – RandomUs1r 2013-03-08 18:15:06

+0

@ RandomUs1r:只要我嘗試那個..第二個按鈕消失。 – Fraz 2013-03-08 18:17:58

+0

請參閱下面的答案。 – RandomUs1r 2013-03-08 18:25:56

回答

2

您正在將一個輸入標籤放入一個不可能的錨標籤中。

我猜你是使用Twitter引導其btn類可以被賦予了太多<a>標記過,使它們看起來像按鈕,這樣你就可以這樣做:

<div class="checksheet"> 
    <a href="http://some_link" target="_blank" class="btn btn-large btn-primary"> 
    Graph Search 
    </a> 
</div> 
<div class="nchecksheet"> 
    <form action="/link" method="POST"> 
     <input class="btn btn-large btn-primary" type="submit" value="Analyze Topics" onclick="$('#loading').show();"> 
    </form> 
    <div id="loading" class="hide" style="position: relative; left:860px;"> 
     <img src="{{ url_for('static', filename='img/newload.gif') }}" alt="" /> 
    </div> 
</div> 
+0

它不工作:(是它的twitter引導 – Fraz 2013-03-08 18:21:28

+0

http://jsfiddle.net/faridv/UwMpq/你能告訴我問題在哪裏嗎 – 2013-03-08 18:23:44

+0

嗯..這很奇怪..它不工作在我的結尾..: (讓我檢查一下 – Fraz 2013-03-08 18:26:09

1

嘗試...

<div class="checksheet"> 
     <input type=button class="btn btn-large btn-primary" onClick="location.href='http://some_link'" value='Graph Search'> 
    </div> 
    <div class="nchecksheet"> 
    <input type=button class="btn btn-large btn-primary" onClick="location.href='http://some_link'; onclick="$('#loading').show();" value='Analyze Topics'> 
    <div id="loading" style="display:none; position:relative ;left:860px"><img src="{{ url_for('static', filename='img/newload.gif') }}" alt="" /></div> 
</div>