タグ

javascriptに関するmitsugi-bbのブックマーク (19)

  • Loading...

    mitsugi-bb
    mitsugi-bb 2010/10/04
    Enterキーでフォーカス移動の参考。マルチブラウザ対応。
  • jQueryクックブック

    jQueryのレシピをベストプラクティスとともに幅広く収録しています。jQueryコミュニティの第一線で活動する著者陣が、必要な情報とテクニックを網羅して提供。 日々のプロジェクトにjQueryを使う一流のフロントエンド開発者たちのパターンやプラクティスが盛り込まれており、jQuery入門とその基礎的なベストプラクティスの解説からはじまり、実際的な課題に対するレシピをトピックごとに取り上げます。読者は、jQueryの基礎的なテクニックをふまえながら、画期的な問題解決のためのテクニックやアイデアを吸収することができるでしょう。jQueryを使って作業を行う、またはjQueryを使いたいと考えている開発者が探し求めていた書籍です。 まえがき はじめに 1章 jQueryの基礎 レシピ1.1 HTMLページでjQueryライブラリコードをインクルードする レシピ1.2 ページの読み込みが完了する

    jQueryクックブック
    mitsugi-bb
    mitsugi-bb 2010/09/26
    欲しい。
  • Ajaxにおけるメモリリークの注意点 - suVeneのアレ

    [ajax][javascript][はてブ] はてブの「ブックマークの確認」ページは、IEでメモリリークする! IE のメモリリーク調べる為の「Drip」ってツールが ここにあって、 このツールは単純にリークしそうなコードチェックしたり、 オートリロードして、外部から参照したメモリ使用量を記録してくれるだけなんだが はてブの追加ページで確認するとこんな感じになる。 (オートリロードなんで負荷高くなるから、悪用したり、やりすぎたりしないようにw) タスクマネージャー等の、外部から参照したメモリが増えているからといっても OSがアプリケーション用にキャッシュしているメモリが増加しているだけの 可能性があるから、一概に鵜呑みはできないんだが 平均して1回のリロードに 1M 近く増えていくとかおかしい。 (MicroSoft もタスクマネージャーで確認しろっつってるし) IE単独だと、閉じた時点

    Ajaxにおけるメモリリークの注意点 - suVeneのアレ
    mitsugi-bb
    mitsugi-bb 2009/10/12
    IEのメモリーリークに関して
  • コナミコマンドを仕込む方法 | エンタープライズ | マイコミジャーナル

    itePoint: New Articles, Fresh Thinking for Web Developers and Designers 通称"コナミコマンド"と呼ばれるコマンドがある。もともとコナミが提供しているゲームによく搭載されている隠しコマンドで、このコマンドを入力することで何らかの効果が現れる。グラディウスというファミコンのゲームで登場したのがもっとも初めのコナミコマンドではないかと言われている。「↑↑↓↓←→←→BA」が基のコナミコマンドで、入力デバイスに合わせて多少キーが変化したバージョンがある。 コナミコマンドといえばGoogle Readerが隠しコマンドとして実装していることで有名だ。Google Readerの画面で「↑↑↓↓←→←→BA」と入力すると検索フィールドに"Ninja!"と表示され、フィードエリアに忍者が現れる。有名なところではほかにもjQuery

    mitsugi-bb
    mitsugi-bb 2009/05/18
    コマンド
  • [JS]簡単に設置ができるmp3プレイヤーのスクリプト -jPlayer

    jPlayer demo インターフェイスはHTMLCSSで作成されており、mp3のサウンド箇所のみflashが使用されています。 jPlayerの設置方法はスクリプトを外部ファイルとして指定し、インターフェイスの設定などをスクリプト内に記述します。 <textarea name="code" class="html" cols="60" rows="5"> <script> $(document).ready(function() { $("#jpId").jPlayer(); }); </script> </textarea>

  • ASCII.jp:jQueryプラグインで世界に1つの右クリックメニュー

    Windowsアプリケーション上でテキストや画像を選択して右クリックすると、選択した対象に応じたメニュー(コンテキストメニュー)が表示されます。必要な機能をすぐに選択できるので、メニューバーに並んだ膨大なメニューの中から選ぶのに比べて効率的です。Webサイトでも同じように、ページ上のそれぞれの項目に応じたコンテキストメニューが表示されれば、ユーザーにとって便利ではないでしょうか。 実はこのコンテキストメニュー、JavaScriptライブラリを使えば意外に簡単にできます。今回は、jQueryの「Context Menu Plugin」を使ってコンテキストメニューを表示する方法を紹介します。 「Context Menu Plugin」を使ってみよう 「Context Menu Plugin」は、Cory LaViska氏が開発したjQueryプラグインです。以下のページで配布されています。 h

    ASCII.jp:jQueryプラグインで世界に1つの右クリックメニュー
    mitsugi-bb
    mitsugi-bb 2009/05/03
    jQueryで右クリックメニュー
  • よくある質問っぽいののjQueryを使ったサンプル|CSS HappyLife

    2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら?って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 (単純にボクがこのスタイルが一番見やすくて好きってだけだったり) サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル (サンプ

    よくある質問っぽいののjQueryを使ったサンプル|CSS HappyLife
    mitsugi-bb
    mitsugi-bb 2009/05/03
    jQueryでよくある質問を作る
  • The jQuery Style - Awesome sites built with jQuery

    Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of

    The jQuery Style - Awesome sites built with jQuery
    mitsugi-bb
    mitsugi-bb 2009/05/03
    jQueryの参考
  • ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集:phpspot開発日誌

    25 jQuery Plugins for Navigation ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種がまとまっていました。 jQuery (mb)Menu クールなアイコン付階層メニュー BDC Drilldown Menu (iPod Style) iPod風ドリルダウンメニュー jBreadCrumb 動くパンくずリスト Treeview そのまんまツリービュー jQuery Full Width Navigation Widthを指定のサイズにあわせる jQuery Nested Tabs タブ内タブというネストが可能なプラグイン FastFind Menu クールなメニュー実装 jQuery Pagination Pagerを実装 全部見る 最近

    mitsugi-bb
    mitsugi-bb 2009/03/08
    ナビゲーション向けのjQueryプラグイン
  • あるSEのつぶやき: 06.Ajaxライブラリまとめ

    Ajax/JavaScriptライブラリをまとめておきます。(順不同) | 基 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | 特殊 | その他 | | リンク | 編集履歴 | ・基ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js Ajaxの開発が向上するAjaxライブラリ。 prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF 英語ながら、Prototype 1.5のAPIのサンプルと解説が166ページにもなる大作。 マウスホイールのイベント用拡張コード Prototype.js D

    mitsugi-bb
    mitsugi-bb 2009/02/20
    javascriptライブラリのまとめ
  • Docs | Sencha Documentation

    Introduction The documentation for the ExtReact product diverges somewhat from the documentation of other Sencha products. The sections below describe documentation for all products except where indicated as unique to ExtReact. Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an ali

    mitsugi-bb
    mitsugi-bb 2008/12/27
    リッチクライアント? 
  • Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル

    GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX

    mitsugi-bb
    mitsugi-bb 2008/12/27
    googleがjavascriptのライブラリ(jQuery、Prototype、script.aculo.us、MooTools、Dojo)を配信する。少しでも鯖の負荷を減らしたい場合
  • EXCELとの連携

    WindowsではOLEと呼ばれる仕組みを使って他のプログラムを操作することができます。コマンドプロンプトで動作するプログラムの場合は前の章で説明した方法で利用することができます。しかし、Microsoft Officeのような大きなアプリケーションはOLEを使って操作することになります。 普段の業務の中でもEXCELは多くの定型処理を行なっていると思います。EXCELを外部から操作できるとさまざまな応用が考えられます。ところで、EXCELはその内部に強力なマクロプログラムの機能を持っています。外部からプログラムで操作することに意味があるでしょうか? これまでのわたしの経験ですが、動的な表の制御、グラフの生成などは内部のマクロプログラムで行なうほうが便利です。しかし、次に示すように内部のマクロプログラムを使うことができない場合や使わないほうが良い場合があります。

    mitsugi-bb
    mitsugi-bb 2008/12/23
    javascriptでexcel操作の参考
  • css-eblog.com - このウェブサイトは販売用です! - css eblog リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    mitsugi-bb
    mitsugi-bb 2008/12/19
    javascriptで動的に外部cssを追加する(応用すれば外部javascriptも追加できる?)動的にモジュールを追加するajaxとかできるのかな
  • 最速インターフェース研究会 :: JavaScriptのデザインパターン - Singleton

    JavaScriptじゃねえと書けねえよ、ってやり方でデザインパターンを実装してみるコーナー。とはいってもデザインパターンとか良くわからないので適当に覚えながら作る。 間違ってる箇所あったらつっこんでくれるとありがたいです。 わかりやすい文章を書く能力が欠如してるのでデザインパターンって何だとかそういうのはこっち参照。 http://d.hatena.ne.jp/naoya/20050813/1123924312 JavaScriptのコンストラクタはPerl同様自在に定義できます。returnでobjectを返してやれば、newの結果としてそいつを使います。 普通にシングルトンなクラスを実装するにはこんな感じだと思います。 function Singleton(){ var self = arguments.callee; if(self.instance == null){ this.

    mitsugi-bb
    mitsugi-bb 2008/12/18
    javascriptでsingletonパターンを実装
  • これは便利だ!Excel→Table化するjQueryプラグイン

    Webページに掲載する面倒な表(テーブル)の作成を楽にしたい――。以前、サイトではExcelファイルを簡単にHTML(Tableタグ)に変換するExcelアドイン「XLS2HTMLTable」を紹介した(関連記事)。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル(カンマ区切りテキスト)を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.

    これは便利だ!Excel→Table化するjQueryプラグイン
    mitsugi-bb
    mitsugi-bb 2008/12/18
    CSVを読み込んで表を作成する
  • inputEx Documentation - Examples

    Copyright (c) 2008 Eric Abouaf. All rights reserved. Generated by JsDoc Toolkit 1.4.1 on Wed, 07 May 2008 10:26:30 GMT.

  • とほほのJavaScriptリファレンス

    とほほのJavaScriptリファレンス [戻る] [索引] 基JavaScript って何? JavaScript とは? JavaScriptJava の関係は? ECMAScript とは? JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>~</script>

  • JavaScript例文辞典

    ■基 [01]JavaScriptを定義する [02]外部JavaScriptファイルを読み込む [03]スタイルシートを定義する [04]NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する [05]NN4でのみ動作するように記述する [06]NN6でのみ動作するように記述する [07]IE4.x以上で動作するように記述する [08]IE5.x以上で動作するように記述する [09]IE5.5以上で動作するように記述する [10]ビヘイビアファイルを読み込む [11]IEとNN両方で動くように記述する [12]連続して関数を呼び出す [13]MacOS Xかどうか判別する [14]Safariのみ動作するように記述する [15]Safariのバージョンを返す [16]Operaのみ動作するように記述する ■構文 [01]変数に文字や数値を入れる [02]四則演算を行う

  • 1