人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascript、google map APIともにあまり詳しくありません。教えてください。
javascriptで google map API を扱う際に、Google Maps API Samples(例えばmap-simple.html)の通りに<body></body>に <div id="map_canvas" style="width:100%; height:80%"></div>を書き込み、次行に<form name='form1' action='#' method="post"></form>タグの間に<button></button>でボタンオブジェクトを記述とします。
これでエラーなくマップも描画し、ボタンも作成されますが、ボタンを押すごとに(クリックでも同じです)マップがリフレッシュされます。<form>タグを削除すればリフレッシュはしなくなるのですが、今度は<button>のonfocusイベントが発生しなくなります。<form>タグをこのままにしてマップリフレッシュを避ける方法をご存じの方はいらっしゃいませんでしょうか。よろしくお願いします。またこのリフレッシュの理由をお教え願います。

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 匿名回答1号
ベストアンサー

こんばんは。
<button>タグはtype属性を指定しないと<submit>タグと同じ挙動をするため、ページがリロードされてinitialize()関数が発生していると思われます。
<button>タグにtype="button"を指定するとこれを回避できます。
見当違いでしたらごめんなさい。


匿名質問者さんのコメント
ほんとうに助かりました。ありがとうございました。

匿名回答1号さんのコメント
どういたしまして。よかったです。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ