1

私はこれを自分で理解しようと最善を尽くしましたが、Web開発は初めてなので役に立ちませんでした。それはおそらく本当に基本的なことですが、ここでぐるぐる回っているので、助けていただければ幸いです..

私は Google マップの検索フォーム (基本的には店舗ロケーター) を持っており、検索結果に対して行ったことは 2 つのタブに分かれています。リストとマップ。

私がやりたいことは、検索フォームで送信ボタンが押されたときにマップタブを常にアクティブなタブにすることです。

これは HTML コードです。

<ul class="nav nav-tabs" id="myTab">
  <li id="maptab" class="active"><a href="#resmap">Map</a></li>
  <li id="listtab" ><a href="#reslist">List</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane active" id="resmap">
    <div id="map_canvas"></div>
  </div>
  <div class="tab-pane" id="reslist">
    <div id="results">
      <ul class="res-list" id="list"></ul>
    </div>
  </div>
</div>

したがって、基本的にマップアイテムについては、コードを返そうとしています

div class="tab-pane active"

と

li class="active"

おそらく、送信ボタンに onclick 要素を追加する必要がありますか??

フォームの送信ボタンの html は次のとおりです。

<input type="submit" name="op" id="edit-submit" value="Search" class="btn btn-primary" />
4

1 に答える 1

0

あなたの場合、「アクティブな」クラスをそのli要素に追加しようとしていると思います：

var button = document.getElementById('edit-submit');

button.onclick= function() {

    // this adds the 'active' class to the classes that the element already has
    var maptab = document.getElementById('maptab');

    maptab.className = maptab.className + ' active';
};
于 2013-08-25T13:48:21.387 に答える