jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
一個のサンプルは非常に単純な構造になっておりますゆえ、jQueryをすでにやったことがある人にとって必要ないものだということをあらかじめご了承くださいませ。 エフェクト関係とかそれ以前に、どんなことをすればどうなるのかという基礎的なサンプルです。 プラグイン関係は以前書いた記事を参照してください。 jQueryでweb制作をする時にキープしておきたい30リスト そもそもjQueryって何ですかという人は以下を。 今更ですが、jQueryにはまりました 追記:ほんとすいませんローカルで動作確認したところ動くのですが、オンラインではfirefoxしか動作確認せずに公開。 IE7では上の4つが動きません。 いくつか確認したのですが、どうしてもIE7でJavaScriptエラー。ダメすぎる自分・・・。 追記2:まいりました。他のサイトの記述を見てもミスが見つかりません。言語問題でしょうか・・・アク
僕自身も僕の周辺もJSONをよく使います。でも、細かい点でけっこうミスをやらかしています(苦笑)。このエントリーで、JSONを使う上で注意すべきこと/間違いやすい点をすべて列挙します。 内容 兼チェックリスト: 仕様原典さえ読めば完璧(のはずだが) 数値の前にゼロを付けてはいけない 16進数表記も禁止だよ 数値の前にプラスを付けてはいけない 小数点からはじまる数値はダメ 用語法が違うよ:プロパティとメンバー メンバー名には常に文字列を使う 空文字列""もメンバー名に使える 配列要素はキッチリと並べよう 文字列を囲むには二重引用符だけ 文字列内のエスケープが微妙に違う 仕様にないエスケープは構文エラー undefinedもNaNもありません ラッパーオブジェクトは使わないのが吉 型システムとtypeofに関する注意 最後に 仕様原典さえ読めば完璧(のはずだが) JSONは、小さくて簡単な仕様
Webmasters by Designのエントリーから、HTML, CSS, XML,やプログラミング、データベース、htaccess、DOCTYPE、SEOなどウェブ開発者のためのチートシートを紹介します。 The Best Developer Cheat Sheets Around HTML & CSS HTML HTML Cheat Sheet (PNG, PDF) HTML Help Sheet. Panic Over. (PDF) XHTML cheat sheet (HTML) CSS CSS Cheat Sheet (PNG, PDF) CSS Cheat Sheet (PDF) CSS Cheat Sheet (HTML) XML XML Quick Reference (PDF) XSLT Quick Reference (PDF) XML Syntax Quick R
Browser buttons (bookmarklets) are shortcuts that act like a simple browser plugin. Their advantages include: Fast installation: Just add a link to your bookmarks Convenient: Use features while on your current page Easy to write: Bookmarklets are just like making a webpage; there’s no need to write a whole browser plugin Cross-browser: The same bookmarklet can work in IE, Firefox, Opera and Safari
なんだかよくわからないタイトルの勉強会をやってきました。 #「いってきた」じゃなくて「やってきた」 今回の内容は事前に告知していたのはサイ本読書会だったのですが、 実際には読書メインではなく、わいわいとした感じですごくいい感じ◎ はじめは僕の「サイ本を読む前にとりあえず全体流しとけ」系の プレゼンをやらせてもらったのですが、なんというか、 例題として出した関数の中で return してないとか怪しげな部分が いくつかあって、やや絶望しながらプレゼンしてましたw 今日一番おいしかったのはid:monjudohが教えてくれたFireBugの使い方講座。 コンソールにログを吐く方法 console.log("hoge"); プロファイルをする方法 console.profile(); //処理 console.profileEnd(); オブジェクトをダンプする方法 dir(obj); Fire
2008年04月13日06:00 カテゴリLightweight Languages タイプ・クラス・プロトタイプ - OOの語彙 その違いは微妙というにはあまりに大きいので、ここでおさらい。 駄文 - JavaScript と「クラス」と「コンストラクタ」と「プロトタイプ」って言葉の定義が難しいよなあ - IT戦記 JavaScript関数の実体は、Functionクラスのオブジェクトです。今回はFunctionクラスの機能を網羅的に解説します。 JavaScriptの関数オブジェクトを完璧に理解する - builder by ZDNet Japan 「Function クラスのオブジェクト」って言いますよねー。 僕もそういう風に言ったりするんですけど、本当は微妙ーに違うんですよね。 Type(型)って何? まず、タイプ=型から説明しよう。 型というのは、「どんなデータを、どう置くか」の
ブラウザで文字を選択した状態で、お気に入りにいれた(笑)ブックマークレットをクリックすると、選択した文字の最後に(笑)が付く! これだけ!動作確認はこちらでも。 (笑)ブックマークレットのすばらしい効用 ネガティブな内容でもちょっと楽しくなる 小馬鹿にできる (笑)が付くと、かなり印象が変わる 例えばこんなキーワードを変換してみる。 SIer 絶望する前に”SIer(笑) 2.0”を目指せ 絶望しなくてすみそうだ。 ポインタ ポインタ(笑)を指すポインタ(笑)(ポインタ(笑)へのポインタ(笑)) どんだけ笑ってんだw 楽しい!文字の力ってすごいなぁ。 (笑)を入れただけなのに。 ブックマークレットについてはよく分からない人は↓を参照。 Bookmarklet。ウェブブラウザで作動するJavaScriptプログラムの一種。 通常ウェブブラウザでブックマーク(お気に入り)を選ぶと、登録しておい
ブラウザの上に、ウインドウをオーバーレイして各種機能を実現するブックマークレットWidgetをここに紹介していきます。今後新機能が追加された場合は、ここに追記していきます。 (2008/3/23にcodereposへの公開を機にソースコードの構造が変わりました。恐れ入りますが、それ以前にブックマークされた方は入れ替えていただけますでしょうか。今までのURLはいずれ削除する予定です。) WidgetというのはUIを伴った小さな部品という意味なのですが、ここで紹介しているものは、ブラウザ画面内をマウスドラッグで移動して、今見ているWebページに機能を追加するウインドウです。 以下のリンクをブックマークに登録したり、ブックマークバーにドラッグすることで使えるようになります。 どんな動作をするか?は試しにリンクをクリックしてみてください。 1.PHPの関数を調べる。 よくわからない関数名をコピペし
JavaScript(ECMAScript)は、他のプログラミング言語の決まりに慣れ親しんでいると、非常に奇妙な存在です。一見すると、CやJavaから型宣言を省いただけの単純なプログラミング言語に見えます。しかし、prototype.jsやjQueryのような優れたライブラリのソースを眺めると、それが単なる勘違いに過ぎないことに気づくでしょう。 ここでは、prototype.jsのソースファイルを読むのに必要となるJavaScriptの文法のうち、特に重要な3点を説明します。これらは、JavaScriptでプログラムを記述するのに重要な役割を持つ反面、単にHTMLにアクセントを付ける程度の利用方法では出現しません。したがって、ここで説明するJavaScriptの「濃い」部分を知らなければ、prototype.jsのソースファイルを眺めても何が記述されているのか理解することはできないでしょう
前に作ったサンプルを改造してみた。 日本語を入力していくと、英語に翻訳して、それを日本語に翻訳するだけ! でも自動翻訳では楽しい文章が生成される。 例えば「お腹が減った。」と入力すると お腹が減った。 Has dropped waistline. ウエストが減った。 ウエストは減ってほしい・・・。 例えば「お酒が飲みたい。」と入力すると お酒が飲みたい。 If you would like to drink alcohol. 希望される場合はアルコールを飲んでいます。 飲まされる? 上とか下とか押しただけで、イベントが発生してしまうので、無駄なリクエストが飛びすぎる。 でも制御する方法がよくわからない・・・。Googleに怒られるかな。 ちゃんと動作させるのは結構大変そう。でもちょっと動かすのはとても簡単という感じ。 Google AJAX Language APIを試してみた - tec
マイコミジャーナルに載っていたサンプルをちょっとだけ変えてみたら、なんだか楽しくなった。 dankogaiも試しているし、僕もちょっとだけ試してみた。 マイコミのサンプルではボタンを押して翻訳していたが、それをonkeydownに変えてみた。 細かい問題はたくさんあるけど、日本語を入力していくと、勝手に英語に翻訳してくれる。 なんだか自分が英語を書いているような気分になれるw # 翻訳する言語を選べば、英語→日本語もできる。 一気に入力していくと、最後のほうで入力したものが翻訳されない。 そんなときは一文字打つか、↑とか↓とか押せば再度イベントが発生して翻訳される。 非同期通信の動作は全然調べていないので・・・。 上とか下とか押しただけで、イベントが発生してしまうので、無駄なリクエストが飛びすぎる。 でも制御する方法がよくわからない・・・。Googleに怒られるかな。 ちゃんと動作させるの
昨日のGoogle Language API絡みで。 Google AJAX Language APIを試してみた - techlog 一気に入力していくと、最後のほうで入力したものが翻訳されない。 そんなときは一文字打つか、↑とか↓とか押せば再度イベントが発生して翻訳される。 非同期通信の動作は全然調べていないので・・・。 上とか下とか押しただけで、イベントが発生してしまうので、無駄なリクエストが飛びすぎる。 でも制御する方法がよくわからない・・・。Googleに怒られるかな。 こういう場合は、onkeydownのイベントに直接実行したい関数を紐付けるのではなく、以下のtimerTranslateの方を紐付けておくと良い感じになります。 var timer_id; //setTimeoutでの戻り値を受け取る変数。 function timerTranslate(){ try{clear
Web Design Wallのエントリー「jQuery Tutorials for Designers」から、JavaScriptのライブラリ「jQuery」が視覚的にどのように動作するかデモと共に解説してる10のチュートリアルを紹介します。
Mozilla and IE Text Editor requires Mozilla 1.3 on Windows, Macintosh, Linux, etc. or IE4+/Win. What it does: Adds appropriate HTML tags to text in <textarea> form fields. (#1.) Who's that there doin' "dippie"-thangs & dsitros* [sic] for $2.00 dollars + 10% tax? Em@il me! (#2.) Who's that there doin' "dippie"-thangs & dsitros* [sic] for $2.00 dollars + 10% tax? Em@il me! (#3.) Who's that there doi
javascript に関する質問です。入力フォームで、入力支援をするjavascript を探しています。ラジオボタンのひとつを選ぶとあるテキストフォームに、文章が自動的にはいったりするものです。大雑把にいうとラジオボタンやチェックボックスにしるしをつけるとフォームが変化するものです。画面遷移をしないためにそういったjavascript がほしいのです。サンプルが豊富にのっているページお願いします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く