2012-12-04 39 views
0

我目前正在學習Google應用引擎和Kay框架(基於Django和Jinja2創建)。點擊btn打開一個新頁面,其中有一個鏈接

這是我的應用程序 - >http://cayotkanawa.appspot.com/display 您可以看到最後一列中有一些鏈接。 我想用按鈕替換它們。如果我點擊一個按鈕,將會打開一個新頁面,並在該頁面中顯示鏈接和信息。

這裏是html文件的代碼。

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title>Top Page - myapp</title> 
</head> 
<body> 

    {% if displaygolf %} 
    <div id="displaygolf"> 
     <table border="1"> 
      <tr> 
       <td>No</td> 
       <td>ゴフル場名</td> 
       <td>名義変換料</td> 
       <td>URL</td> 
      </tr> 
      {% for golfelement in displaygolf %} 
      <tr> 
       <td></td> 
       <td>{{ golfelement.golfname }}</td> 
       <td>{{ golfelement.changenamefee }}</td> 
       <td> 
        <a href="{{golfelement.url_1net}}">1net | </a> 
        <a href={{golfelement.url_golfagora}}>Golfagora | </a> 
        <a href={{golfelement.url_juchi}}>Juchi</a> 

       </td> 

      </tr> 
      {% endfor %} 
     </table> 

    </div> 
    {% endif %} 



</body> 
</html> 

回答

1

這裏與Django無關。設置你的鏈接標籤於target =「_空白」

<a href="{{golfelement.url_1net}}" target="_blank" >1net | </a> 
<a href={{golfelement.url_golfagora}} target="_blank" >Golfagora | </a> 
<a href={{golfelement.url_juchi}} target="_blank" >Juchi</a> 
+0

這將打開一個新的頁面,但我不滿足我的需要。我需要打開一個新頁面,該頁面中有{{golfelement.url_1net}}。 – John

1

一個快速和骯髒的方式來完成有一個按鈕元素充當鏈接是這樣的:

<form action="http://example.org" method="GET"> 
     <button>Link</button> 
</form> 

這證實了,但我不認爲這是一個非常好的解決方案,你在找什麼。相反,我建議尋找使用CSS來設計<a>標籤看起來像按鈕。

您可以在buttons的Twitter Bootstrap框架部分看到一個示例。他們風格<a><button>標籤看起來是一樣的,這樣一來你必須做的就是CSS類應用到你的鏈接,如果你使用引導:

<a href="{{golfelement.url_1net}}" class="btn">1net | </a> 
<a href={{golfelement.url_golfagora}} class="btn">Golfagora | </a> 
<a href={{golfelement.url_juchi}} class="btn">Juchi</a> 

的概念是,如果你是一樣的製作自己的CSS類,或使用其他框架。

這個問題實際上與HTML和CSS有關,它與您正在使用的其他技術無關。

相關問題