0

私は現在、Google アプリ エンジンと Kay フレームワーク (Django と Jinja2 をベースに作成) を研究しています。

これが私のアプリです-> 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>ゴフル場名&lt;/td>
              <td>名義変換料&lt;/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>
4

2 に答える 2

1

ここでは Django とは何の関係もありません。リンクタグを target="_blank" に設定します

<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>
于 2012-12-04T02:58:54.273 に答える
1

ボタン要素をリンクとして機能させるための簡単で汚い方法は次のとおりです。

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

これは有効ですが、探しているものに対する非常に優れたソリューションではないと思います。代わりに、CSS を使用して<a>タグをボタンのようにスタイル設定することをお勧めします。

ボタンの Twitter Bootstrap フレームワーク セクションで例を確認できます。それらは同じように見えるようにスタイル<a>と<button>タグを持っています。Bootstrap を使用する場合、リンクに 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 に関するものであり、使用している他のテクノロジーとは無関係です。

于 2012-12-04T03:09:30.933 に答える