「ノンプログラマーのためのjQuery生成ツール」作りました
ノンプログラマーのためのjQuery生成ツールを作ってみました。よければご活用ください。 ノンプログラマーのためのjQuery生成ツール サンプル表示つき このツールは「7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座」にインスパイアされて作った、初心者向けのお勉強ツールです。 コールバックなど複雑な設定はできませんが、基本的な設定とメソッドチェーンまでできるようにしています。 追記：イベントとAPIをプルダウンメニューで選択できるようにしました。過不足あればご指摘ください。 追記：イベントとAPIのプルダウンメニューでツールチップを表示できるようにしました。ざっくりした内容ですが、これでイベントやAPIの使い方が分かるようになります。 ツールチップを表示 やっつけで作ったので中のコードはかなりひどいです。あしからず。 １．使い方 本エン
jQueryで背景画像をフルスクリーン表示してスライドショーに出来るやつ色々 - かちびと.net
気が向いたのでメモ。背景に配置した 画像をフルスクリーンで表示して、更 にスライドショー化できるjQueryのプ ラグインとか。さほど数は無いですけ ど・・・使う可能性があるかもなので 備忘録的にまとめておきます。 タイトル考えるの結構面倒くさいので適当になってきました。語彙が中学生レベルですが気にしないで下さい。 さて、フルスクリーンにした背景をスライドに出来るjQueryいろいろです。ほぼ択一っちゃ択一なんですけど・・・ちょっと出来上がりすぎていじりにくいので他もチェックしたい、という事で調べたものを羅列しておきます。触ったこと無いのもあるのでその程度の記事という事で。 Supersized 定番の高機能プラグインです。IE6では動作しません。スマートフォンでも大丈夫っぽい。多数のオプションも用意されており、FlickrAPIにも対応してるくさいです。ライセンスはMIT/GPLのデュア
高機能なツールチップjavascript「Prototip」
リンクなどに説明を付与するツールチップというものがあります。 今回紹介するPrototipは、エフェクトや出す場所を調整できる高機能なjavascriptです。 sponsors 使用方法 Prototipからprototip.js、prototip.cssをprototypeからprototype.jsをダウンロードします。 ＊エフェクトを付ける場合はscript.aculo.usのeffect.jsが必要です。 <script src="http://yourdomain/prototype.js" type="text/javascript"></script> <script src="http://yourdomain/effects.js" type="text/javascript"></script> <script src="http://yourdomain/proto
[JS]jQueryのプラグイン33 1選 -2011年5月 | コリス
Skitter 多種多少なアニメーションで画像を変更するスライドショー。 キャプチャは「cube」、キューブ状になって変更します。
テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear - かちびと.net
なかなか多機能なライブラリだったので 備忘録。テーブルにソート、コンテンツの 編集や、Ajaxによる行の削除が可能な jQueryプラグイン・TableGearです。この 手のプラグインはいくつかありますが、 中でもかなり高機能な気がします。 jQueryだけでなくmootoolsも用意されてるみたいです。テーブル内でソートが可能で、セル内は編集できます。もちろん、編集後のソートもOK。行そのものを消す事も可能ですよ。 セル内は編集可能で、普段はこのように通常と変らないインターフェースを維持できます。マウスでクリックするとプルダウンや入力エリアが出現。 編集してもソート機能は維持 ソート機能が付いていますが、セル内に変更を加えても、変更後の内容でソートしてくれます。 行の削除も 行ごと削除する事も出来ます。 デモはPHPとMySQLを使って設計してるようですが、他のシステム上でも動作すると
Scriptocean.com
ScriptOcean Flash Menu is an extremely powerful, highly customizable and easy to implement flash web menu solution for web site navigation. A visual editor guides you through the set-up process of the flash menu. ScriptOcean Flash Menu Wizard is a tool that allows you to design your Flash based vertical menu in a few minutes and instantly see the results. The vertical web menu supports embedded fo
jQueryのTablesorterを複数行のヘッダに対応させる方法 - (DxD)∞
index.html(抜粋) <table> <caption>製品価格一覧</caption> <thead> <tr> <th scope="col" rowspan="2">製品名</th> <th scope="col" colspan="2">価格</th> </tr> <tr> <th scope="col">新規</th> <th scope="col">アップグレード</th> </tr> </thead> <tbody> <tr> <th scope="row">製品A</th> <td>49800</td> <td>26000</td> </tr> <tr> <th scope="row">製品B</th> <td>39690</td> <td>12390</td> </tr> </tbody> </table> 単純にTablesorterを呼び出すだけでは、このよう
JavaScriptでブラウザ判定 navigator.userAgent － Esprit's Style － エンジニアの足つぼ －
<script type="text/javascript"> <!-- var strUA = ""; strUA = navigator.userAgent.toLowerCase(); if(strUA.indexOf("safari") != -1){ document.write("Safari"); }else if(strUA.indexOf("firefox") != -1){ document.write("Firefox"); }else if(strUA.indexOf("opera") != -1){ document.write("Opera"); }else if(strUA.indexOf("netscape") != -1){ document.write("Netscape"); }else if(strUA.indexOf("msie") != -1){
masahirorの気まま記録簿 - FireFoxでJavascript「window.close()」を使うには
昨日今日とWebでアンケート入力するASPを作成。その中で、アンケートが終了したら「閉じる」ボタンが表示され、クリックするとウインドウを閉じるというレイアウトにしたかったので、一般的なJavascriptを使った「windows.close();」を利用した。 【ボタンの場合】 <input type=button value=ウインドウを閉じる onclick="window.close()">【リンクの場合】 <A HREF="#" onClick="window.close()">ウインドウを閉じる</A> または <A HREF="javascript:window.close()">ウインドウを閉じる</A>この方法でばっちり！・・・と思っていたら、IEだと問題なく動作するが、FireFoxでは動作しないとの指摘があった。確かにFireFoxでは動作しない。テスト環境はWindo
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
【2024年8月】レンタルサーバーおすすめ10社を徹底比較！ 人気ランキングも PR 最終更新日：2024年08月16日
ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン:phpspot開発日誌
ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン 2010年11月15日- SelectBox Plug-in ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグインのご紹介。 ユーザ登録の際に、パスワード強度を表示するサイトが多くなってきていますが、利用者がパスワードを決める場合に注意が働くためサイト全体としての安全性が高まるという点で効果がありそうですね。 仕事でサイトをつくっていて、あの機能入れてくれといわれた場合に、瞬時に実装できそう。 パスワードが弱い場合は次のように表示されます。 いい感じの場合はGoodが表示されます。 出し方は次のようにメソッドに渡すオプションを変更するだけでかえられます。 IDとパスワードが同じでもエラーを出せたりします。 関連エントリ パスワード生成や年齢計算等、P
[JS]パネルをフェードで切り替えるシンプルな国産のjQueryのプラグイン -ImageNavigation
デモページ：2（テキスト版） 右側のパネルの切り替えは手動と自動に対応しており、スクリプトのオプションで設定が可能です。 スクリプトのオプションでは次のものなどが設定できます。 切り替えの自動と手動 パネルの表示時間 フェードの時間 ラベルの画像とテキスト ラベルに画像を使用した際、ロールオーバー時の変更はスクリプトの機能に含まれているため、ロールオーバー用の画像を用意するだけで実装されます。
jQueryを使って超シンプルなアコーディオンを作る | A Day in the Life
February 17, 2009 jQueryを使った超シンプルなアコーディオンを作ってみました。#simpleAccordionを与えたdivの子要素であるh2をクリックするとその直後のdiv要素が開くと言うものです。 まずはデモをご覧下さい。 View Demo マークアップは次のようにします。 HTML Code <div id="simpleAccordion"> <h1>jQuery Simple Accordion</h1> <h2>Click This</h2> <div> <p>example text example text example text example text example text example text example text example text example text example text example text exampl
jQuery – CSSのclassを追加・削除する『 addClass() / removeClass() / toggleClass() 』 | 1：n – DETELU Blog
jQueryではCSSのclassを簡単に追加・削除することができます。classを操作する場合は『 addClass() / removeClass() / toggleClass() 』を使います。 //id=msgの要素にclass=redを追加する $("#msg").addClass("red"); //id=msgの要素のclass=redを削除する $("#msg").removeClass("red"); //id=msgの要素のclass=redがあれば削除、なければ追加する $("#msg").toggleClass("red"); 「addClass()」「removeClass()」は簡単かと思いますが、「toggleClass()」は指定したクラス名があれば削除、なければ追加するという「ONとOFFを切り替える仕組み（これをトグルといいます）」を持っています。 こ
折りたたみJS
HTMLソース側を極力汚さない折りたたみJavaScript Published on 2006-10-05 本ページで示すのは、良くあるJavaScriptによる折りたたみをJavaScriptとDOMとCSSで実現する手順である。jQueryなどの外部ライブラリを必要とせず、このスクリプト単独で動作する。 折りたたみというのは、ある要素をクリックすると隠れていた部分が見え、もう一度クリックするとまた隠れるというヤツである。 demo 例えばこんな感じ HTMLソース側はclassを付与するだけにとどめ、クリーンでStrictなHTMLコーディングを保ったまま実現できるよう配慮している。また、JavaScriptを切った環境では、要素は折り畳まれず、中身も読むことができるようになっている他、キーボードで操作している場合の対処もしているので、それなりにアクセシビリティも確保してあると言える
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
公海555000kk线路检测—首页（欢迎您）
http://www.designwalker.com/2010/06/jquery-forms.html
http://www.designwalker.com/2009/03/form-design-2.html
MSN Japan - ニュース, 天気, メール (Outlook, Hotmail), Bing検索, Skype
Loading...