2013年6月6日のブックマーク (14件)

  • toggle(fn1, fn2, ..., fnN) - jQuery 日本語リファレンス

    要素がクリックされる毎に、引数で渡した関数を順番に呼び出します。 最初に要素をクリックすると、第一引数に渡した関数が実行されます。もう1度クリックすると、第二引数に渡した関数が実行されます。以降、クリックされる度に関数が順に実行され、最後まで行くと最初の関数が実行されます。 jQuery1.2.6から、この関数は複数の引数を取れるようになりました。 それ以前のバージョンでは、引数は最初の2つだけが有効です。 また、この関数を設定した後で削除するには、unbind("click")である必要がありました。 これも1.2.6以降では、直接unbind("toggle")とすることが可能になっています。

    nyamtam
    nyamtam 2013/06/06
  • jQuery で指定した要素のスタイルを変更する方法 | jQuery | 阿部辰也のブログ――人生はひまつぶし。

    jQuery の超小ネタメモ。 ボタンクリックに合わせて、特定要素の背景色や文字色を変えたりというインターフェイスを実現するには、jQuery を使うのが手っ取り早いですね。 // div要素の文字色を変更 $("div").css("color","#9932cc"); 上記のように、変更したいスタイルのプロパティと値をカンマ区切りで指定します。 複数のスタイルを一気にしたいする場合は、以下のようにさらにカンマ区切りで続ければ良いです。 // div要素の文字色と背景色の変更 $("div").css("color","#9932cc", "background-color", "#000000"); 何らかのアクションに合わせて、ブロック要素の表示・非表示の切り替えをしたりするのもよくやりますが、これも display:none; と display: block; (または disp

    nyamtam
    nyamtam 2013/06/06
  • テキストエリアに「もどす・進める」機能を簡単に設置する方法 Undo & Redo on textarea - jsdo.it - Share JavaScript, HTML5 and CSS

    nyamtam
    nyamtam 2013/06/06
  • render とは - Google 検索

    《コ》〔~を〕レンダーリングする、〔画像などのデータを〕実際に描画する、〔3次元のオブジェクトを〕2次元の画像にする◆データを解釈・計算して視覚的に表示すること。

    nyamtam
    nyamtam 2013/06/06
  • attr(name) - jQuery 日本語リファレンス

    <p> Once there was a <em title="huge, gigantic">large</em> dinosaur... </p> var title = $("em").attr("title"); alert(title);

    nyamtam
    nyamtam 2013/06/06
  • ベンチマーク - Wikipedia

    ベンチマーク(英: benchmark)とは、来は測量において利用する水準点を示す語で、転じて金融、資産運用や株式投資における指標銘柄など、試金石として比較のために用いる指標を意味する。また、広く社会の物事のシステムのあり方や規範としての水準や基準などを意味する。またベンチマーキングとは自社の課題解決のために、競合他社などの優れた経営手法(ベストプラクティス)を持つ企業を分析するプロセスを指す。 建築物、構造物などの位置や高さなどの水準点または基準点に用いる。通常では動かない位置をベンチマークポイントに定めそれを基準として建物、構造物の位置を決める。ベンチマークには金属鋲などが打ち込まれることもある。また設計図書にどこがベンチマークポイントかは必ず明記される。元来ベンチマーク (benchmark) と言う場合は測量などで使用される基準の物を指す。 コンピュータの分野においては、コンピュ

    nyamtam
    nyamtam 2013/06/06
  • JavaScriptでショートカットキーを実装する色々な方法

    Web画面にショートカットキーを実装する方法をご紹介。 取り立てて目新しい話では無いですが、ショートカットキーを実装する機会があったのでメモしておきます。 ショートカットキーを取り入れたい方はご参考ください。 ちなみにサンプルコードはjQueryを使った書き方をしていますが、両方ともjQueryは不要です。 ご自身の環境によって読み替えて下さいね。 1. JavaScriptで一から書く方法 ちょっと追加したいだけ、であれば自分で書くのが早いです。 Ctrlボタンとかと合わせて複合キーによるショートカットを使いたい場合は、後述のプラグインを使ったほうが良いです。 サンプルの説明 「q」のキーを押したら「#shortcut_button」というidのHTML要素をクリックするイベントを発生させます。 ショートカットキーを追加したい場合は、case文を追加していけばOKです。 $(docume

    JavaScriptでショートカットキーを実装する色々な方法
    nyamtam
    nyamtam 2013/06/06
  • click(fn) - jQuery 日本語リファレンス

    各要素のclickイベントに関数をbindします。 clickイベントは通常、要素がマウスなどのポインティングデバイスでクリックされた場合に呼び出されます。 クリックは、mousedownとmouseupの組み合わせで定義されます。これらのイベントの実行順は、以下のようになります。 mousedownmouseupclick jQueryのイベントは、コールバック関数の最初の引数でjQuery.Eventオブジェクトを受け取ることができます。このオブジェクトを使って、規定のイベント動作のキャンセルや、バブリングの抑制などを行います。 <p>First Paragraph</p> <p>Second Paragraph</p> <p>Yet one more Paragraph</p> $("p").click(function () { $(this).slideUp(); }); $("

    nyamtam
    nyamtam 2013/06/06
  • jqueryで属性を変更させる方法

    属性とはhtmlでいうと要素で設定しているいろいろな値、 例えば:<a href="index.html"></a> 属性:href、属性値:index.html、要素:a 属性を変更できると、画像を入れ替えたり、urlを変更したり、大きさを変えたり、ホームページでの表現の幅が広がります。 attr 属性値を変更する場合 $("セレクタ").attr("変更したい属性の名前","変更後の属性値"); 例えば、 属性srcをa.jpg→b.jpgに変更する場合。 jquery $("img").attr("src","b.jpg"); html 変更前:<img src="a.jpg"> 変更後:<img src="b.jpg"> さらにたくさんの属性を変更したい時 $("セレクタ").attr({"属性名":"変更後の属性値","属性名2":"変更後の属性値"}); が使えます。 例えば、

    jqueryで属性を変更させる方法
    nyamtam
    nyamtam 2013/06/06
  • keydown(fn) - jQuery 日本語リファレンス

    各要素のkeydownイベントに関数をbindします。 keydownイベントは通常、キーボードの何かのキーが押し込まれた際に呼び出されます。 jQueryのイベントは、コールバック関数の最初の引数でjQuery.Eventオブジェクトを受け取ることができます。このオブジェクトを使って、規定のイベント動作のキャンセルや、バブリングの抑制などを行います。

    nyamtam
    nyamtam 2013/06/06
  • push/JavaScriptリファレンス

    JavaScript Reference push 関連オブジェクト : Array タイプ : メソッド 書式 配列名.push(追加するインデックス) サンプル myArray = new Array("red", "green", "blue", "yellow"); document.write(myArray, "<br>"); myArray.push("purple"); document.write(myArray); 既に形成されている配列インデックスの最後尾に、さらにインデックスを加えます。 結果 Top / Home / Index / Next

    nyamtam
    nyamtam 2013/06/06
  • JavaScriptのkeydownとkeypressの違い | TM Life

    TM Life!!(ティーエム ライフ) 「Time is money」をモットーとしたサイトです. 主にプログラミングについて描いています.日国民全員プログラマ化計画進行中!! http://tmlife.io に引っ越しました. こちらでWebやプログラミングに関する情報をバンバン発信, 更新しているのでよかったら rss 登録していただけると幸いです.

    nyamtam
    nyamtam 2013/06/06
  • フォームのテキストエリアとかに、ボタンでCTRL+Zを実現する? - babu_babu_babooのゴミ箱

    http://oshiete.goo.ne.jp/qa/5927507.html 最近、Fujillin さんとか、think49 さんとか、 yyr446 さんとか、 zeff さん とかが頑張るので、出遅れている。 キーが押されるたびに、バッファーに溜め込んでいます。文字数が多いとだめだな〜? キーイベントも発火させられると、便利なのに。(危険だな) 追記。 アップしたとたんに締め切られた!最近多いんだよね。 「御礼はいらん!」と言ったけどさぁ〜。「ごくろうさん」とか 「おっ!FFでも動く」とかあるだろうよ! まぁ〜ごみだけどさぁ・・・ >ActiveXコントロールの初期化とスクリプトの実行 レベル下げさせたら危なくない? まぁ〜何を言っても愚痴さぁ。 手直ししてアップし直しました。 <!DOCTYPE html> <title></title> <body> <form id="fr

    フォームのテキストエリアとかに、ボタンでCTRL+Zを実現する? - babu_babu_babooのゴミ箱
    nyamtam
    nyamtam 2013/06/06
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    nyamtam
    nyamtam 2013/06/06