jQuery UIのdialogを使い捨てで使う場合 - kiyohoge
$('<div />').dialog({ close: function(event) { $(this).dialog('destroy'); $(event.target).remove(); });今日初めて使った。 ダイアログ表示させる時、その要素がDOMツリーに入ってないとちゃんと bodyの最後に追加してからdialogとして表示してくれる。 だがそのままではダイアログを閉じてもDOMツリーに追加されたままなので 閉じた際に削除する必要がある。 closeイベント時に「$(this).dialog('destroy');」を飛び出せば ダイアログは消えるがダイアログ内に表示させた要素はbodyの最後に残ったままだ。 なのでダイアログとその中身を消すためには上のように 「$(event.target).remove();」などとしてダイアログの中身も消す必要がある。 何も考えず
textareaやinput要素内の任意のテキストをハイライトするスクリプト・jQuery highlightTextarea
textareaやinput要素内の任意のテキストをハイライトするjQueryプラグインのご紹介です。どこかで利用する機会があるかと思ったので備忘録。 フォームの入力項目でユーザーの入力したテキストに、設定したテキストがマッチしたらハイライトする、というもの。 東京と江戸をハイライト設定しています。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="jquery.highlighttextarea.min.js"></script>本体とプラグインと用意されているCSSを読み込みます。 $('textarea').highlightTextarea({ words: [{ color: '#ADF0FF', words: ['foo',
jQuery Mobileを利用するには？
これらの機能を利用することで、開発者はデバイスに依存することなく、手軽にネイティブアプリ・ライクなUI（ユーザーインターフェース）を実装できます。当然、jQueryとの親和性に優れますので、アプリ独自の機能を実装する場合にも、jQueryの知識をそのまま利用できるのはうれしいポイントです。 jQuery Mobileの動作環境 jQuery Mobileが動作するおもな環境は、以下のとおりです。ざっくりと言ってしまうならば、対応が制限されるデバイス／機能が一部にあるにせよ、現在メジャーな環境のほとんどで問題なく動作します。 Android iOS Windows Phone Chrome for Android Firefox Mobile Opera Mobile／Desktop Kindle 3 and Fire Blackberry Kindle 3, Fire, and Fire
jQueryオブジェクトを入れる変数の名前を$で始める話 - 愛と勇気と缶ビール
前提として、何度も同じelementを操作するのに毎回 $("#your complicated.selector").css({"...":"..."}); とか書いてる奴はくたばれ。それは、参照するデータが同じなのに毎回DBに問い合わせてるのと同じだぞ。 $で変数名を始めるのはなんでキモいか 僕がjQueryを使うときは$()関数で返ってきたオブジェクトを入れる変数名を$から始める、ということをけっこうよくやるのだけども、それについて「なんかキモくないですか」という意見があったのでちょっと考えてみる。ちなみにそれをやり始めたのはどこかで見たからだと思うんだけど、ソースは忘れた。 jQuery objectをつっこむ変数の名前を$で始めることが気持ち悪い理由はだいたい以下の２つくらいだと思う オブジェクトの型（のようなもの）に基づいてprefixをつけているところに、ハンガリアン的な闇の
Installing Plone — Plone.org
Everything you need to run Plone https://plone.org/download https://plone.org/logo.png Plone comes with everything you need to get started building your site, whether a simple one with a dozen pages, a multi-departmental one with a demanding information architecture, or an intranet requiring login and multiple permission levels. Try Plone If you'd like to explore Plone and try it without having to
Brandon Aaron「誤解されてるjQueryの"Context"」 - 以下斜め読んだ内容
Brandon Aaronの2009.6.24のエントリ Understanding the Context in jQuery jQuery1.3時代に書かれた内容だが賞味期限は切れていない Selectors API（ex.$("a"))などで検索範囲を絞り込むために使う第二引数（"Context"）の誤用が多い 正しく理解しないと、パフォーマンスアップというご利益は得られないとレクチャー コメント欄では、高速なセレクターの使い方がtest方法付きでレクチャー $("#main","#top");//この書き方は、contextを指定（変更）できていない。 以下斜め読んだ内容 context jQueryで要素指定するときのオプションとして提供。 これ使うと、要素の検索範囲を制限できる ex. div#naviの中のa要素だけを取得 contextはDOMツリーが巨大なページのときは威
jQuery Mobileのビジュアルデザインが自由に！ Theme Rollerついにリリース
Announcing ThemeRoller for jQuery Mobile! Learn more: http://t.co/LvFkbfwp or try it now: http://t.co/AeDhxKnbFri Oct 28 12:29:55 via Twitter for Macjquerymobile jquerymobile 正直なところ，正式版のリリースまで出る出る詐欺で進行するかと思っていたのですが，jQuery MobileのTheme Rollerがついにリリースされました． ThemeRoller | jQuery Mobile Announcing ThemeRoller for Mobile (beta) | jQuery Mobile 普通にカスタマイズしようと思うと，何かと面倒くさいオリジナルのカラーテーマの作成を，Webインターフェースで簡単に作れ
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
jQueryコードリーディング:配列編 - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥
はじめに 突然そういう気分になったので、jQueryのコードを読んでいきたいと思います。 本日は「配列に対するeach」をjQueryがどう扱っているかについて調査します。 対象 jQuery 1.5.0 本日の題材:配列に対するeach var array=[1,2,3]; $(array).each(function(){alert(this)}); // 1, 2, 3 よんでみよう まずjQueryの初期化処理から見ていきましょう。 (function( window, undefined ) { // L:16 // Use the correct document accordingly with window argument (sandbox) var document = window.document; var jQuery = (function() { // 内部で
jQueryを良くする25のTIPS
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと
jQueryベースのWebフォームライブラリ「jFormer」
WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。 「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。 詳しくは以下 基本的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。 多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documenta
jQuery リファレンス - openspc2
jQueryはAjaxライブラリの1つです。jQueryはコンパクトなサイズでありながら非常に高機能なライブラリです。2013年時点では、非常に多くのサイトで使用されています。また、スマートフォン用に作成されたjQuery Mobileもあり、これもjQueryをベースにしています。 version 2.0.0β2 リファレンス version 1.9.1 リファレンス version 1.9.0 リファレンス version 1.9RC1 リファレンス version 1.8.3 リファレンス version 1.8.2 リファレンス version 1.8.1 リファレンス version 1.8 リファレンス version 1.8RC1 リファレンス version 1.8β2 リファレンス version 1.8β1 リファレンス version 1.7.2 リファレンス ver
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
http://jqm.namikawa.asia/
jquery 1.5 plugin for Aptana 2.0 for code assist
Google Groups
Google Code Archive - Long-term storage for Google Code Project Hosting.