画像上にピンを立てて注釈を埋め込むことができる「jQuery.easypin」:phpspot開発日誌
jquery.easypin by atayahmet 画像上にピンを立てて注釈を埋め込むことができる「jQuery.easypin」 画像にピンを立てて、洋服等をそのまま購入に結びつけるようなUIが簡単に実装できます。 関連エントリ 画像の選択に便利なチェックボックス実装jQueryプラグイン「imgCheckbox」 WEB上での画像の切り取りの決定版jQueryプラグイン「Cropper」 Photoshopばりの画像編集エディタをサイト上で使えるようにするjQueryプラグイン「Classypicozu」 画像・動画にリアルタイムでフィルタをかけられるjQueryプラグイン「toCanvas」
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
jQueryUI dialogを利用してalert関数を作成 - developer's diary
alertするパターン毎にdivタグをHTMLにべた書きは面倒。 Dialog | jQuery UIを見てみると、 divタグをHTMLに記述してそれをalertで利用するような使い方で書いてある。 alertの種類分作ってられないので関数の中でdivを作ってから ダイアログ表示後に後片付けするような関数を作ってみる。 毎度毎度dom生成するから重い？ 定義：alertDialog関数 引き数オブジェクト キー 内容 title ダイアログのタイトル body ダイアログの本文 close ダイアログを閉じたときに実行する関数 使い方 $(function() { $("#btnAlert").on("click", function(){ alertDialog({title:"title",body:"body", close: function(){ console.log("ダイ
画面から外れた際に要素をfixed固定できる「jquery-scrollfix」:phpspot開発日誌
ShiraNai7/jquery-scrollfix GitHub 画面から外れた際に要素をfixed固定できる「jquery-scrollfix」。 特定要素がスクロールによって画面上から外れた場合に固定位置に表示できます。ナビゲーション等に活用できそうです。 関連エントリ スクロール後、ナビゲーションをページトップに固定するjQueryプラグイン「stickUp」 固定要素をスクロール位置によって切り替えられる「Midnight.js」 レスポンシブな固定ナビゲーション「Responsive & Fixed One Page Nav」 ページトップに固定したアラートを表示できる「jquery-sticky-alert」
階層的なスケジュール表示ができて便利なjQueryプラグイン「GraspSchedule.js」:phpspot開発日誌
jQuery - GraspSchedule.js 階層的なスケジュール表示ができて便利なjQueryプラグイン「GraspSchedule.js」。 次のようにスケジュールを階層にワケて表示できます。夜間対応以下に、具体的に何をやるかといった事を記載できて、より細かい事を分かりやすく表示できます。 関連エントリ 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 複数条件で結果を絞り込めるテーブルを実装できるjQueryプラグイン「Multifilter」 レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 jQueryのanimateを高速化した「Velocity.js」 ダイナミックなタイル状レイアウトを実現できるjQueryプラグイン「Freewall」
ブラウザ・OSを検出してJSON化できるjQueryプラグイン「PgwBrowser」:phpspot開発日誌
PgwBrowser - Browser & OS / platform detection plugin for jQuery / Zepto ブラウザ・OSを検出してJSON化できるjQueryプラグイン「PgwBrowser」。 次のようにJSON値でブラウザ、OS、viewport情報を受け取れます。iOS、Androidなどにも対応 関連エントリ ブラウザ上で動くイラストレーターのOSS「mondrian」 SVG非対応ブラウザでも魔法のようにSVGが表示できるjQueryプラグイン「SVGMagic」 複雑なレイアウトをブラウザ上でWYSIWYGで組み立てられる「Gridmanager」 ChromeのタブっぽいUIをブラウザ上で実現する「ChromeTabs」
[JS]スタイルシートではできないテーブルの繋がったセルをハイライトするスクリプト -Wholly
テーブルにマウスでホバーすると、そのセルがハイライトしたり、列や行がハイライトするのはスタイルシートで実装できますが、rowspan, colspanがあるテーブルではうまくいきません。 テーブルのrowspan, colspanのハイライトを実現するjQueryのプラグインを紹介します。 右：rowspan有り、colspan有り Whollyの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトをhead内に外部ファイルとして記述します。 <head> ... <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="js/jquery.wholly.js"></script> </head> Step 2: HTML テーブルは通常通りの実装で構いません。 特定のテーブルの
64connors | table内のデータを絞り込めるjQueryプラグイン
データを表ぐみするのに便利なtableタグ。 table関連のプラグインは多数存在するのですが、データの絞込み（フィルタリング）をするためのプラグインだけは、自分の好みにあったものを見つけることができませんでした。 ということで作りました。 ・Demo ・ダウンロード ・対応ブラウザ：IE8以上 FireFox chrome safari opera 特徴 以下の4点が大きな特徴です ・データを絞り込んだ際、平均、合計、率の３種類の計算方法で、再集計が可能。 ・期間、数字の絞込みでは、始まりと終わりを指定し、幅を持たした絞込みが可能。 ・複数条件でのクロス検索が可能。 ・テキスト・数値入力、セレクトボックス、チェックボックス、ラジオボックスでの検索が可能。 導入方法 jQueryライブラリとjQuery.narrowDown.min.jsを読み込む。 絞込みを実行
JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]
Web関連およびアプリケーション、映像関係、静止画素材、自動処理、4K/8K/ハイビジョン素材関連などを扱っています。 誤字脱字等、お気づきの点がありましたら、お気軽にメールをください。 この目次にないアプリケーション等の使い方などに関してはその他のリファレンス／アプリケーション...のページを参照してください。
jQueryUIのautocompleteとASP.NETの連携
ASP.NETでオートコンプリートを実装する場合、ASP.NET AJAX ControlToolkitのAutoCompleteExtenderを使うと、Javascriptを基本触らずに済ませられています。また、コンボボックスみたいなのを使う場合には同じくComboBoxコントロールを使えば嬉しいんですが、どうもMSDN Forumのログを見ると日本語環境では問題があるようです。 代替案としては、今の段階ではjQuery UIのautocompleteが最も有効そうです。とりあえずサンプルはjQuery UIのページに良い感じのものがあるのでこいつを参考にしましょう。 autocomplete：http://jqueryui.com/demos/autocomplete/ リモートのデータソース：http://jqueryui.com/demos/autocomplete/#remot
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法を紹介します。 １．問題点 フォームの値をリセット（クリア）する場合、通常はtype属性が「reset」のボタンですべてクリアできます。<input type="file" />の値も同様にリセットされます。 HTML <form id="bar" action="foo.cgi"> <input type="file" /> <input type="reset" value="リセット" /> </form> サンプル1 JavaScript（jQuery）でリセットしたい場合、次のように記述すればいいように思われます。 HTML <form id="bar" action="foo.cgi"> <input type="file" id="file" /> <input type="bu
jQuery で radio ボタンの取得、設定 - xykの日記
HTML: <input id="male" type="radio" name="sex" value="0"><label>男性</label> <input id="female" type="radio" name="sex" value="1"><label>女性</label> ■ チェックされたradioボタンのvalue値の取得する jQuery の独自cssセレクタ(:checked)を使って取れる // 男性にチェックが入っている場合 var result1 = $('input[name="sex"]:checked').val(); // 0 // or var result2 = $('input[name="sex"]').filter(':checked').val(); // 0 ■ radioボタンにチェックが入っているか、いないか真偽値を取得する //
jQueryでdocument.getElementByIdと等価を取る : mwSoft blog
jQueryで「$("#id")」と書くと、返ってくるのはjQueryのObjectで、getElementByIdで返ってくるような生のElementオブジェクトは取れない。 生のElementを取ろうと思った場合は「$("#id")[0]」と書くか「$("#id").get(0)」と書けば良いらしい。 参考サイト http://groups.google.com/group/jquery-en/browse_thread/thread/fa48e5649bb64216?pli=1 prototype.jsはJavascriptの中身いじって機能を増やしてる風なので、「$("id")」をするとElementそのものが帰ってくるけど、jQueryの場合は操作する為の皮を被せてる風なので（お行儀はいいよね、こっちの方が）、こうなるらしい。 ちなみにget(0)を使った場合も[0]を使った場合
jQueryでラジオボタン、チェックボックスの値を取得する方法 | symfony PHP JQueryで初心者からの開発日記
普段は $j(”#name”).val()のように取ってましたが、 チェックボックスとラジオボタンについては別の書き方が必要みたい。 以下、例 <form> <input name=”id” type=”hidden” /> <select name=”pref”> <option value=”1″>NY</option> <option value=”2″>LA</option> <option value=”3″>SF</option> <option value=”4″>CH</option> <option value=”5″>FL</option> <option value=”6″>IN</option> </select> <input name=”color” type=”radio” value=”1″ />male <input name=”co
jQuery, prototype.js でラジオボタンの値を取得する｜プログラムメモ
jQueryでは次のように記述します // <input name="myform" type="radio" value="yes" />の値を取得 val = $("input:radio[name='myform']:checked").val(); prototype.js では選択されたラジオボタンの値を取得する方法がないみたい。。。 なので↓のようにする // フォーム name="FM" ラジオボタン name="radio_flag" の値を取得する val = Form.serialize($(FM)).toQueryParams()['radio_flag']; ■ prototype.js を使わない方法 // ラジオボタン name="my_radio" の値を取得 function getRadio() { var radioGroup = document.f
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.webtoolnavi.com/jquery-matchheight/
javascript - jQueryを使っている箇所を簡単に調べられる方法はありませんか？ - スタック・オーバーフロー
undefined - リッキー・ミラーの公式ブログ
[JS]jQueryのプラグイン33+1選 -2012年1月