タグ

javascriptとHTMLに関するmypacecreatorのブックマーク (3)

  • GoogleTagManagerから画面追従バナーをサイトに追加する方法|and_a

    今回はそれの亜種ということでカスタムHTMLを利用して「PCとSPで画像の切り替えが行われる画面追従バナー」をサイトに設置してみたいと思います。 期間限定でのキャンペーンページへの誘導などに利用できるかと思いますので、もしよかったら利用してみてください。 前提条件 ・サイトにGTMが設置されていて、稼働していること ・GTMの編集権限を持っていること カスタムHTMLについて 以下が今回のカスタムHTMLとなります。 前回と同様、以下のコードをWebサイトに合わせて調整を行なった後、追従バナーを出したいページでカスタムHTMLを発火させる形となります。 <script> !function(html){ var imageURL = 'https://placehold.jp/200x100.png', spImageURL = 'https://placehold.jp/300x50.p

    GoogleTagManagerから画面追従バナーをサイトに追加する方法|and_a
  • <input type="text">でEnterを押してもsubmitさせない方法【HTML, JavaScript】 - Programming Magic

    <input type="text">でEnterを押すとsubmitされてしまうことがある。 これは便利なときもあるが、場合によっては不便になる。 Enterを押すとsubmitされるのは以下の3パターンがある。 1. Opera、Safariで、<input type="text">または<input type="password">がある場合 <form> <input type = "text" name = "text1"> <input type = "text" name = "text2"> </form> 2. IE、Firefoxで、<input type="text">または<input type="password">が1つ以上と、<input type="submit">または<input type="image">が1つ以上ある場合 <form> <input

  • NoneSubmitEnterKey

    Input Text 等が複数ある時に入力中、思わずEnterキーを押してしまい、 未入力部分があるにもかかわらず「送信」をしてしまったことは無いだろうか。 このスクリプトはそういうFormで「Enterキー」で送信されることを無効化します。 【 Form 1 と Form 2の違いは? 】 まず、Form1ではEnterキーによる無条件に送信されるのを防ぐために、 <form name="form1" action="nextPage.cgi" method="get" onsubmit="return false;"> として、onsubmit="return false;"とすることで送信を無効にしています。 入力内容チェックなどが必要な場合は関数呼び出しでもかまいません。 さらに、送信ボタンの部分。 <input type="button" name="send" value="送

    mypacecreator
    mypacecreator 2011/08/17
    フォーム入力中のEnterKeyを無効化
  • 1