Tag Archives : jQuery

検索ボックス（input）の全角スペースを半角スペースに置換する - 2014/12/16(Tue)
Wordpressなどの検索ボックス（検索フォーム）において、半角スペースは"AND"検索ですが、全角スペースを入れるとひとつの単語とみなされて検索されることが有ります。例えば、「javascript input 空白」なら「javascript」「input」「空白」のAND検索ですが、「javascript　input　空白」だと「javascript　input　空白」という文字列の検索になってしまい、入力者が意図とはことなる結果が返ってきます。これはあまりよろしくな...
jQueryで設定したイベントをすべて無効化する - 2010/12/12(Sun)
jQueryでclickなどのイベントを設定した際、CSSを動的に切り替えたときにはそのイベントを無効化したいケースがあると思います。例えば、a.cssではタブ切り替え前提、b.cssではタブ切り替え無し、のスタイルのとき、タブのclickイベントに「display: none」する関数を登録している場合、b.cssになると表示が崩れる場合などが考えられます。そういうときは .unbind() APIを使います。登録しているイベントを全て、全部の要素に対し...
jQueryでonMouseoverとonMouseoutを同時に設定する（２） - 2008/08/28(Thu)
jQueryメモ。ちょっとはまってしまったので、備忘録。以下のような動作をjQueryで実装しようとしました。（「＞」「＜」は実際はbackground-image画像）【HTML】<div id="togglebar">＞<br>＞</div><div id="tdmenu">メニュー</div>【表示（イメージ）】「＞」をクリックするとメニューが非表示、表示が切り替わった後「＜」をクリックするとメニューが表示されるようにする。＞│メニュー│＞│メニュ...
jQueryでonMouseoverとonMouseoutを同時に設定する - 2008/06/28(Sat)
jQueyメモ（備忘録）。マウスをある画像の上に乗せたら画像が変わる（大きくなる、色が変わる etc.）、マウスを外すと元に戻る、という処理がよくあります。通常は、こんな風に書くはずです。（id#mntoggle の background-imageを変更する）<div id='mntoggle' onMouseover='document.getElementById("mntoggle").style.backgroundImage = "url(画像１.jpeg)";'onMouseout='document.getElementById("mntoggle").style.backgro...