スポンサーサイト

  • 2009.06.05 Friday
  • -
  • -
  • -
  • by スポンサードリンク

一定期間更新がないため広告を表示しています


location.hrefの罠

ほんのゴミレベルですが、やっているjavascript。
ごく単純なlocation.href="URL";での処理だったのですが、<a>タグのonclick="~"の記述にて罠が待っていました。
----------------------------

<script type="text/javascript">
<!--
function goPage()
{
    // 「OK」時の処理開始 + 確認ダイアログの表示
    if(window.confirm('googleへいきますか?'))
    {
        location.href = "http://www.google.co.jp/";
    }
    // 「キャンセル」時の処理開始
    else
    {
        window.alert('いかない'); // 警告ダイアログを表示
    }
}
// -->
</script>

<a href="javascript:void(0)" onclick="goPage()">ぐーぐるへ</a>

----------------------------
当初は↑のような記述で実行していたのですが、この記述だとどうやらIE6のみ遷移しないという事が発覚。
そこで、
----------------------------
<a href="javascript:void(0)" onclick="goPage(); return false;">ぐーぐるへ</a>

return falseをつけることで解決。
IE6の場合はこれが必須らしいです。

<a href〜でフォームをサブミットさせる

フォームで入力した内容をサブミットする際、
サブミットのボタンではなく、


リンクタグにしたい場合に、
投稿する

以下の記述をリンクタグに追加します。

-----------------------------------------------------------------
<form action="input.php" method="post" name="formName">
<input type="text" size="10" />
<a href="#" onclick="document.formName.submit()">投稿する</a>
</form>
-----------------------------------------------------------------

何かともしかして良く使いそうな気がするので、一応メモしておきます。

calendar
1234567
891011121314
15161718192021
22232425262728
293031    
<< October 2017 >>
スカウター : moz'B
links
others
selected entries
categories
archives
recent comment
   
sponsored links
recommend
profile
search this site.
others
mobile
qrcode
powered
無料ブログ作成サービス JUGEM