This domain may be for sale!
HTML5の仕様にあるplaceholder属性を、未対応のブラウザでも擬似的に使えるようにするjQueryプラグインです。title属性に入れた文字列を、プレースホルダー用のテキストとして扱います。placeholder属性については以下などを参照。 HTML5のFormで実現されるplaceholder、autofocusが便利そう - IDEA*IDEA <input> placeholder-HTML5タグリファレンス 今回のプラグインは、HTML5のplaceholder属性をjQueryでやってみる :: ハブろぐ で、以前書いていたjQueryを整理して、プラグインの体裁に整えてみたものです。車輪の再発明もいいとこですね。 2011-09-09追記 バージョン1.2でplaceholderAttrオプションを追加 これまでplaceholder属性代わりに使う属性がtitle
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト! 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
Welcome to EasyUI EasyUI framework helps you build your web pages easily. GET STARTED What is EasyUI? easyui is a collection of user-interface components based on jQuery, Angular, Vue and React. easyui provides essential functionality for building modern, interactive, javascript applications. using easyui you don't need to write many javascript code, you usually define user-interface by writing so
jQuery/サンプルコード/submit(送信)ボタンの2度押しを禁止�% は有効な WikiName ではありません。 ツールボックス 新しく作成 新しくページを作成 編集 このページを編集 凍結 このページを凍結 変更点 このページの最終更新箇所を表示 更新履歴 このページの更新履歴とバックアップを表示 アップロード このページにファイルを添付 ヘルプ Wiki および書き方のルールについて
WARNING: excessive use of this site will increase MP at the expense of HP jQuery progressBar was once upon a time an animated progress bar for jQuery. Its was based on the mootools progressBar by webappers. Now, it is, by popular demand, some funky multi-colored progress bar that starts with a THX intro and launches jQuery fireworks when it hits 100%. No not really. Check it out though! Download t
jQueryを利用してさまざまなUIの作成方法について解説してきた本連載も、いよいよ残すところ2回です。今回と次回では、Web制作の実務で役立つ「jQueryプラグイン」の概要と利用方法について解説します。 jQueryプラグインとは? 「jQueryプラグイン」とは、jQueryと一緒に利用するJavaScriptライブラリーのことです。jQueryは本連載で解説してきたように簡単な記述で利用できますが、jQueryプラグインを使うとより手軽に、Webサイトにさまざまな効果を付けられます。 jQueryプラグインはjQueryでスクリプトを書ければ簡単に作成できるため、インターネット上には膨大な数のプラグインが公開されています。公式サイトのjQueryプラグインの紹介ページに紹介されているだけでも4000個近く、ブログなどで個人が公開しているものも合わせれば、その数は数万種類にも及ぶでし
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト/リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>linkwrapper.jsのサンプル</title> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="jquery.linkwrapper-1.0.3.js">
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Kwicks スムーズに伸び縮み。 Horizontal Accordion 水平方向のアコーディオン。 Accordion Con
Utilisation Code Javascript <script type="text/javascript" src="_js/jquery.progression.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.progressbar').progression(); }); </script> Code CSS .progressbar { border:1px solid #000000; width: 200px; height: 20px; line-height: 20px; text-align: center; } Code HTML <div class="progressbar">50 %</div> Options disponibles Curre
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
jQuery Tooltip プラグイン サンプルページ 解説 必要な javascript ファイル jquery.js jQuery本体。 [link] jquery.dimensions.js DOM要素の表示系情報 (x/y座標, width, height) をjQuery で扱う為のプラグイン。 [link] jquery.tooltip.js Tooltip プラグイン本体。 [link] 必要な CSS Style 設定 以下の css 設定にする事で、カスタマイズが容易な基本レイアウトになります: #tooltip { position: absolute; width: 12em; background: #999; padding: 10px; } #tooltip h3, #tooltip div { font-size: 1em; font-weight: nor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く