テキストボックスをセレクトボックスのように使用するjQueryプラグインOption要素が100個以上あるセレクトボックスを100個以上配置するという無謀なページを以前作成し、尋常じゃない表示遅延が発生したので、それを解消する為に作成したプラグインになります。テキストボックスを100...morejQueryinputselect検索June 11th, 2015
テーブルのヘッダを常に表示させるjQueryプラグインを作ってみたテーブルのヘッダを固定させる方法を探していたのですが、「thead」と「tbody」を分けた方法や、テーブルの幅が固定された方法しか見つけられなかったので、jQueryプラグインを試しに作ってみました。jquery.smTh...morejQueryプラグインtableSeptember 17th, 2014
jQueryでのイベントハンドラの設定と削除イベントを設定する// クリックイベントを設定する$('p').on('click', function(e){ console.log(e.type);});// 複数のイベントを同時に設定する$('p').on('mouseover mouseout', function(e){ console.log...morejQueryEventJune 10th, 2014
JavaScriptで生成した要素をjQueryで操作するメモappend()した要素にclickイベントを設定する<div id="hoge"></div><!--この中にspanタグを追加する--><script type="text/javascript">//<![CDATA[ $(functio...morejQueryJavaScriptDOMJanuary 15th, 2014
SVGのオブジェクトをjQueryを使ってアニメーションさせてみたHTML5からサポートされているInline SVG(インラインSVG)を、JavaScript (jQuery)を使っていろいろ試してみたのでメモしておきます。document.createElementNSSVGのオブジェクトを生成する場合は「document.crea...moreSVGjQueryHTML5アニメーションDOMJuly 18th, 2013
HTML5のdata属性に配列やオブジェクトを格納してjQueryで取得するデータの格納場所として便利なdata属性(独自データ属性)に、配列やオブジェクトを格納しておいて、jQueryで値を取得する方法をメモ。HTML属性の値を「'(シングルクォーテーション)」で囲む。配列やオブジェク...morejQueryHTML5data属性配列連想配列June 20th, 2013
Google+ APIを使ってみた(JavaScript編)「Google+ APIを使ってみた」の最終章として、JavaScript編をメモしておく事に。今までのメモは、下記のリンクを参照。Google+ APIを使ってみた(下準備編)Google+ APIを使ってみた(PHP編)Google+ APIを使って...moreGoogleAPIJavaScriptjQueryDecember 29th, 2011
JavaScriptの引数に連想配列を使うJavaScriptを使っていて、同じような処理を繰り返ししたいけど、タグやIDの違いで関数が長文になったり、汎用性悪くなる場合が、しばしばある。無理矢理感はあるけど、引数に連想配列をいれれば、短くて汎用性が...moreJavaScriptjQuery連想配列February 21st, 2011