jQuery 1.9 で変わったところを調べてみる。 | バシャログ。
引越しの準備がままならないminamiです。 jQuery1.9 が正式にリリースされました。すでにベータ版として発表されているjQuery 2.0 はIE6/7/8に対応しないことを謳っているため、これらのブラウザ対応をする場合は1.9 を使っていくことになりますね。 jQuery1.9 で変更があった機能を見ていきたいと思います。 どう変わったの？ jQuery 1.9でアップグレードされた機能は下記ページにまとまっています。 jQuery Core 1.9 Upgrade Guide 主要なところを抜粋してみます。 toggle(function,function,...) の廃止 間違えそうですが、表示/非表示のtoggle()は使えます。 jQuery.browser() の廃止 だいぶ前からなくなるよ、と言われていましたが、とうとう廃止に。jQuery.supportや、Mod
jQuery 2.0β登場！ jQuery 1.9は正式版がリリース
このところjQuery関連のニュースが続きます。Internet Explorer 6/7/8のサポートを廃止することで、より小さく、速く、安定したjQueryのメジャーバージョンアップ版のjQuery 2.0がベータ版として初めて登場しました。 jQuery Blog » jQuery 1.9 final, jQuery 2.0 beta, Migrate final released jQuery 2.0は昨年7月の時点でリリース時期を「early 2013, not long after 1.9」と説明されていました。2013年がまだはじまったばかりのこの時期にベータ版が登場したことで、予定通りに開発が進行していることがうかがえます。 jQuery 2.0リリース以降も、IE 6/7/8をサポートするjQuery 1.9のメンテナンスは継続されることになっています。jQuery 1.
jQueryの独自セレクトボックスを作成するjQueryプラグイン「jQuery.customSelect()」:phpspot開発日誌
jQuery Custom Select Box Plugin - jQuery.customSelect() jQueryの独自セレクトボックスを作成するjQueryプラグイン「jQuery.customSelect()」 次のように、カスタマイズしたセレクトボックスを生成できます。非対応ブラウザも素のselectが出るので安心。 CSSを使って自分好みのデザインにするのが簡単にできそうなのが特徴です $(element).customSelect();と初期化するだけで使えて、CSSも通常、オープン時、フォーカス時等の場合に応じて設定できるので便利。 関連エントリ selectボックスを超カッコよくするjQueryプラグイン「Chosen」
NameBright - Coming Soon
voronianski.com is coming soon This domain is managed at
FORM の登録確認のダイアログ表示に jQuery Alert Dialogs を使う方法 - Cyokodog :: Diary
jQuery Ex Alert Dialogs の更新履歴 2011-06-07 Ver 0.1.2 各種パラメータの指定、API オブジェクトの取得をできるようにしました。 毎度ながら地味なネタですが、FORM 要素で登録確認のダイアログを表示する際、jQuery Alert Dialogs で代替えする方法について書いてみたいと思います。ちなみに jQuery Alert Dialogs とは、独自デザインなダイアログを表示してくれる jQuery プラグインです。 alert等のウィンドウ内ダイアログを実現するjQueryプラグイン「jQuery Alert Dialogs」- PHPSPOT confirm 関数で登録確認ダイアログを表示する FORM の SUBMIT ボタンクリック時に、登録確認のダイアログを表示させる場合、通常以下のような書き方で confirm 関数を使用す
非常にきれいなアラートを表示する「jQuery Alert Dialogs」
非常にきれいなアラートを表示する「jQuery Alert Dialogs」 Check Tweet 配布元：jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements) ライセンス：GNU General Public License. 「jQuery Alert Dialogs」はjQueryで非常に美しいアラートやプロンプトを表示するJavaScriptライブラリです。 使い方 jquery.jsと配布元よりダウンロードしたjquery.alerts.jsとjquery.ui.draggable.js、jquery.alerts.cssをhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/ja
ダイアログボックスを美しくみせる「jQuery Alert Dialogs」を使ってみる
どうしてもOSに依存してしまうアラートボックスやダイアログボックス。しかし、それをきれいに見せてくれる「jQuery Alert Dialogs」というのがある。仕事で、ダイアログボックスを変えたいとの要望があったようで、これを使ってみることにしたので、メモ代わりにエントリー。 基本的な使い方 基本的にカスタマイズ無しで使う場合は以下のように設定をして利用する。 ■JSを読み込む <link href="css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.ui.draggable.js"
jQuery の jqPlot プラグイン
jqPlotプラグインは、グラフ（チャート、図表）を生成するjQueryプラグイン。 折れ線グラフ、棒グラフ、円グラフ、ドーナツグラフ、バブルチャートなどを、簡単に描ける。 オプションも豊富だ。 導入 公式サイトのDownloadより、最新版をダウンロード。 2012年2月6日現在の最新版は、「1.0」なので、「jquery.jqplot.1.0.0b2_r1012.zip」をダウンロード。 解凍すると、ファイルの多さに驚くかもしれないが、下記の実装例（サンプル）のような折れ線グラフを作るのに、最低限必要なファイルは、「jquery.jqplot.min.js」と、「jquery.jqplot.min.css」の２つだけ。IE9より前のバージョンのIEにも対応させる場合は、「excanvas.min.js」も必要だ。 「plugins」フォルダに入っているJavascriptファイルは、グ
jqPlotがIE8で動作しない場合の対処方法
暑い日が続きますね。昼間に外に出るとカリカリベーコンになってしまうのかと思うほどです。というわけで、こんにちは nojimage です。 jQuery向けのグラフ描画プラグイン”jqPlot“を最近利用してみました。 手軽にグラフ描画ができるのでとても重宝します。 さくさくっと作っていたのですが、IE8でテストした際にグラフが描画されない場合がありました。（使用したバージョンは 0.9.7r597 IEの場合に呼び出す、explorercanvas.jsでエラーを吐いているので、 以下のURLから最新版を取ってきて置き換えることで無事動作するようになりましたとさ。 http://code.google.com/p/explorercanvas/downloads/list
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
jQuery Countdown を使ってカウントダウンタイマーを表示する | バシャログ。
ハッピーバースデートゥーミー！今日が誕生日のinoueです。 さて、診断テストのような入力フォームを表示する場合、時間制限を設けたい場合があります。 そういったページに「あと〇〇分」というカウントダウン表示を簡単に追加できるjQueryプラグイン 『jQuery Countdown』を今回紹介します。 概要 jQuery Countdown 使い方は上記のサイトのトップページを見ればすぐわかります、というくらい非常に簡単かつオプションも豊富。 多言語対応もすでにされています。 例えば、id:timeCount の要素に liftoffTime までの残り時間を 時分秒（=HMS）で表示したい場合は次のように記述します。 $('#timeCount').countdown({until: liftoffTime, format: 'HMS'}); サンプル：今から20分後までのカウントダウン
jQueryで見栄えのいいグラフが描ける「jqPlot」 (1/3)
証券会社のサイトの株式相場グラフ、ショッピングサイトの価格変動グラフなど、Webサイト上に変動するデータをもとに、動的にグラフを表示したいことがあります。従来は、Flashを使うことが多かったですが、最近はAjax/JavaScript人気もあって、「JavaScriptでグラフも作成したい」というニーズも強くなっています。 以前、本誌では、HTML5のCanvasを使った図形のサンプルとして、グラフの描画方法を紹介しましたが（関連記事）、今回はグラフ描画に特化した専用ライブラリ「jqPlot」を使って、もっと簡単に見栄えのいいグラフを作成する手順を紹介します。 グラフに特化したjQueryプラグイン「jqPlot」 「jqPlot」はクリス・レオネロ氏が開発しているJavaScriptライブラリで、jQueryのプラグインとして動作します。HTML5のCanvasを応用してグラフを描く仕
jQueryでスクロールすると表示する系いろいろ
Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-
jQuery 指定した文字列をハイライトするプラグイン - 130単位
やりたいこと： 検索結果から、検索した文字列をハイライトしたい jQueryでプラグインとかないか探してみたら、ありました。 highlight: JavaScript text higlighting jQuery plugin http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html MITライセンスとなっています。あまりメジャーではないのか情報が少なめだったので、本家サイトを参考に導入手順を残しておいてみます。 使い方 1. jQuery本体とプラグインの読み込み <script>タグでjQuery本体、jquery.highlight-3.jsの順に読み込み <script type="text/javascript" sr
jQuery でフォームの disabled を解除したり有効化する方法
attr()でdisableをどうこうするばあいは、 true or falseで設定します。 （かなり古いバージョンのjQueryはこの記事通りですが） また前の人が指摘している通り、 1.6でprop()にかわり、1.6.1で後方互換が導入され、どちらでも使えるようになりました。
ページ遷移前に確認ダイアログを出す onbeforeunload - xykの日記
編集中に別のページに遷移しようとした時に確認ダイアログを出したい。 以下のように onbeforeunload イベントを使えばOK。 window.onbeforeunload = function (e) { var e = e || window.event; // For IE and Firefox prior to version 4 if (e) { e.returnValue = 'Any string'; } // For Safari return 'Any string'; }; jQueryの場合 $(window).bind('beforeunload', function(event) { return 'Any string'; }); ただし、IEの場合は以下のような遷移しないaタグでもonbeforeunloadが発生してしまう。 <a href="jav
HTML5のplaceholder属性をクロスブラウザ対応にするjQueryプラグイン「jQuery-Placeholder」
HTML5のplaceholder属性をクロスブラウザ対応にするjQueryプラグイン「jQuery-Placeholder」jQueryプラグイン「jQuery-Placeholder」を紹介します。 jQuery-Placeholder １．基本 HTML5のplaceholder（プレースホルダー）属性は、フォームのテキストフィールドやテキストエリアに淡い色のテキストを表示する機能です。 HTML <input type="text" placeholder="入力してください" name="foo" value="" /> 実際の表示 HTML5のプレースホルダーをサポートしていないブラウザではplaceholder属性のテキストは表示されませんが、jQuery-Placeholderプラグインを利用すれば表示されるようになります。IE6などでも大丈夫です。 これで、focus()
javascriptでURLに自動でリンクを付ける jquery plugin javascript url リンク 自動リンク auto link - HTML5やCSSやCMSやオープンソースなどなどの設定備忘録｜hacked by micc
javascriptで文字列の中に含まれるURLに自動でリンクをつける、前後にを付けてくれるサンプルソースを探していたのだけど、探し方が悪いのか見つけにくかった。 jqueryのpluginであると便利だと思って探したらあった。 http://kawika.org/jquery/index.php?section=autolink http://d.hatena.ne.jp/replication/20120319/1332123357 https://gist.github.com/thealscott/2829002 $(document).ready(function() { $("form").submit(function(){ $("#demo").autolink(); $("#demo").mailto(); $("#demo").highlight("defeated",
kawika.org
This domain has expired. Is this your domain? Renew Now! kawika.org 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). P
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.greenyouth.cc/exp/?p=411