javascriptに関するmorningriverのブックマーク (17)

  • Weeeblog.net::Logs::January 2008::ナビゲーションメニューの折りたたみを実現する Javascript

    ul 要素と li 要素で構成されたナビゲーションの折りたたみを実現するための javascript です。 HTML タグ 以下のような HTML タグが組まれている場合に、折りたたみを実現することを考えます。「大項目」をクリックすれば「中項目」が現れ、現れた「中項目」をクリックすれば「小項目」のリストが表示される、とします。 <ul> <li><a href="#">大項目</a> <ul> <li><a href="#">中項目</a> <ul> <li><a href="#">小項目1</a></li> <li><a href="#">小項目2</a></li> <li><a href="#">小項目3</a></li> <li><a href="#">小項目4</a></li> <li><a href="#">小項目5</a></li> </ul> <

  • Yahoo!、JavaScriptライブラリ「YUI 2.5.0」をリリース | エンタープライズ | マイコミジャーナル

    Yahoo!は20日(現地時間)、JavaScriptライブラリ「YUI」(The Yahoo! User Interface Library) の新しいバージョン「YUI 2.5.0」をリリースした。 YUIは、DHTMLやAjaxなどを用いたリッチクライアントWebアプリケーションを構築する際に利用可能なJavaScriptライブラリ。ボタンやカレンダー、ツリービューといったウィジェットに加えて、アニメーションやドラッグアンドドロップ、JSON操作用のユーティリティなど、さまざまな種類のコンポーネントを多数提供している。 今回リリースされた新バージョンでは、新たに6つのコンポーネントが追加されたほか、既存のコンポーネントについても機能の向上が行われている。 まず、今回新たに加わったコンポーネントとして注目すべきは「Uploader」だろう。このコンポーネントはFlashも利用すること

  • 特集:jquery.jsを読み解く|gihyo.jp … 技術評論社

    運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    特集:jquery.jsを読み解く|gihyo.jp … 技術評論社
  • Y コンビネータって何? - IT戦記

    このエントリの 親友へ。ブログを書こう。 - IT戦記 y がブログを始めたみたいなので、読んでみた。 で、最新のエントリを読んでみたら、 Y コンビネータというものについて書いてあったので、 Y Combinatorが凄すぎる! - yuji1982の日記 Y コンビネータって何ってところから、自分でもいろいろ考えてみた。 結局なんなのかさっぱり分からなかったんですが、自分が考えたことをまとめておく まず、フィボナッチ数を求める fib を定義する var fib = function(n){ return (n <= 2) ? 1 : (arguments.callee(n-1) + arguments.callee(n-2)); }; fib(10); おお! JS すげー!名前は n しか使ってねーよ! めでたし、めでたし。。。。じゃなくて! JS が素晴らし過ぎて話が終わってしま

    Y コンビネータって何? - IT戦記
  • Re:zapa氏 今更ですが、jQueryにはまりました - ホームページを作る人のネタ帳

    ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう! これを見てから3日間。 ブログもあまりかけずこればっかりいじって遊んでました。 睡眠時間も1日2時間くらいになり、今日は書こうと思います。 まずZAPA氏、きっかけをありがとう。 私はJavaScriptの知識がほぼ皆無な人間です。 そんな私でもjQueryは簡単に使える為、面白くてはまりました。 ただ、お恥ずかしい話、PHPを使ってJavaScriptをある程度制御しなければ私は使いこなせません。 ですが恐ろしく簡単にこれまでこのブログで紹介してきたようなJavaScriptアプリと同等のものを作れる為、これははまります。 JavaScriptダメダメの私でも出来ました データベース接続部や、なんやかんやは全てPHPでまかない、動作部分やFormなどはjQueryに投げる。 こんな方法で色々試して見ましたが、A

    Re:zapa氏 今更ですが、jQueryにはまりました - ホームページを作る人のネタ帳
  • Daniel Nolan - Home - Expandable Listmenu Script

    Expandable Listmenu Script One of the requirements of our new website at work was to create a list menu where you could click on some elements to expand/close different sections of the menu, similar to windows explorer. The challenge I set myself was to create a script that required minimal markup changes and one that would degrade nicely in the majority of browsers. I was aware of the expandable

  • Yet Another Dynamic Presentation!

    地道な高速化 1 // style も new 時にプロパティにいれておく s6.Constructor = function(element) { this.element = element; this.style = element.style; }; 地道な高速化 2 // コールバックを受ける関数では this // や引数を受けるようにしとく s6.hoge = function() { var shift = Array.prototype.shift; // ↓ Opera ではバグるので回避しなきゃダメ var f = shift.apply(arguments); f.apply(shift.apply(arguments), arguments); }; DOM の空きプロパティ // DOM の要素の空きプロパティの // アクセス速度は普通のハッシュとほとんど変

    morningriver
    morningriver 2007/08/08
    すごい!スライド一覧の表示もできるし
  • amachang - JavaScript 入門

    This domain name has been registered with Gandi.net. It is currently parked by the owner.

  • CGI不可のサーバでもできるAjaxによるHTMLの動的な整形:CodeZine

    はじめに ここ最近、Web 2.0という言葉と共にクライアント側のプレゼンテーション技術としてAjaxが非常に注目されています。しかし、Ajaxという技術用語や概念の解説、または書籍が多く出版されているにもかかわらず、Ajaxを応用したコンテンツやアプリケーションは、キーワードとしてのAjaxの人気から考えれば、少ないと言えるでしょう。多くの人がGoogleなどの大手サイトでAjaxを体験しているにもかかわらず、Ajaxが使われているのは企業や大手ポータルサイトなど、限定されています。 では、Ajaxはそれほど敷居の高いものなのでしょうか。質の高い開発集団や、高額な開発環境、またはサーバーなどのインフラストラクチャが必要となるのでしょうか。確かに、Googleと同じレベルのものを作ろうと考えれば、相応の費用と技術が要求されます。しかし、Ajaxという技術要素だけを見れば、けっして大企業に独

  • Adobe Edge: 2007年2月 「Ajax したい!」Web デザイナーのための Spry 集中講座

    Spry framework for Ajax(以下、Spry)は、アドビが提唱しているデザイナー向けの JavaScript ライブ ラリです。無償で配布されているこのライブラリを利用することで、サーバサイドで特別なプログラムを用意したり、ユーザの Web ブラウザへ新たなプラグインをインストールすることなく、今話題の Ajax を利用した動的でリッチなインタフェースやコンテンツを HTML の中に作り出すことができます。 “デザイナー向け”というのが Spry の大きな特長であり、他の Ajax ライブラリと比べてもユニークな点です。Spry そのものは JavaScript ライブラリ群ですが、難解な JavaScript のプログラミング知識はそれほど必要ではありません。HTML コーディングのスキルがあれば、XML からのデータを取得し、加工し、ダイナミックな形で Web ページ

  • 檜山正幸のキマイラ飼育記 - JavaScriptで学ぶ・プログラマのためのラムダ計算

    JavaScriptによるテンプレート・モナド、すっげー簡単!」にて: 紙と鉛筆でラムダ計算を実行できることは必要だな、やっぱり。 なんて強調したので、ラムダ計算の入門、いってみよう。 [追記]練習問題集を追加しました。説明を読みながら、あるいは読んだ後で是非やってみてください。→「JavaScriptで学ぶ・プログラマのためのラムダ計算 問題集」[/追記] ※印刷のときはサイドバーが消えます。 内容: JavaScriptの関数リテラル ラムダ式ってなんだ ラムダ計算の体系と適用操作 ラムダ式の例をいくつか β変換 -- ラムダ計算のキモ! β変換を何度か実行してみる 中間まとめ、まだ続きがあるよ JavaScriptの関数リテラル 最初に、JavaScriptに関する知識を確認しておきましょう。なお、JavaScriptの対話的実行環境については「もっともお手軽な対話的JavaScr

    檜山正幸のキマイラ飼育記 - JavaScriptで学ぶ・プログラマのためのラムダ計算
  • 忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」:phpspot開発日誌

    BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ

  • Mini Ajaxリファレンス

    Mini AjaxはAjaxライブラリの1つです。Mini Ajaxは非同期通信機能に特化した非常にコンパクトなライブラリです。Mini Ajaxにはバージョンがありませんが、都合によりここではversion 1.0としています。 version 1.0 リファレンス

  • 液晶ディスプレイテスト for Javascript

    F11キー※を押して、 ブラウザを全画面モードにしてください。 画面をクリックすると次のテストに移ります。 最後のテストまで行くと、このページに戻ってきます。 テストが終わったら、 再びF11キー※を押して、 全画面モードを解除してください。 ここでは以下のテストを行うことが出来ます。 各テストのチェック項目を参考に目視で確認してください。 黒 画面が黒くなります。 常に点灯しているドットがないかチェックしてください。 白 画面が白くなります。 常に消灯しているドットがないかチェックしてください。 赤 画面が赤くなります。 常に消灯しているドットがないかチェックしてください。 緑 画面が緑になります。 常に消灯しているドットがないかチェックしてください。 青 画面が青くなります。 常に消灯しているドットがないかチェックしてください。 白フェードイン、フェードアウト 白でフェードイン、フェー

  • 見ているページのはてなブックマークコメントをインライン表示するブックマークレット - あくる日

    タイトル長い。はてなブックマークのJSONPインターフェイスを使って、タイトルの通りのものを作ってみた。 Hatena Bookmark Comment Reader Bookmarklet 実は結構昔に作ったのだけれど、諸事情で遅くなってしまった。 extractorとか良いサービスもあるのだけれど、残念ながらインラインで表示するブックマークレットがSafari(とか)で動かないので、Safari(とか)で動くことを目標に作った。 ついでだったので、extractorよろしくいろんなソーシャルブックマークのJSONPインターフェイスを叩きまくるバージョンも作りかけているのだけれど、たまにブラウザ(Safari)が落ちたりするので、まだまだ。でも、そっちも一応URIだけプレリリース。 Bookmark Comment Reader Bookmarklet 今ははてなブックマークだけ。はてな

    見ているページのはてなブックマークコメントをインライン表示するブックマークレット - あくる日
  • prototype.js v1.5.0 の使い方

    それは何? prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス

  • 最速インターフェース研究会 :: IEの遠隔操作用ライブラリmechanize.js

    先日のShibuya.js Techtalk#2では開発手法の話とかは(前回話したので)あまりしなかったのですが、そういう話を知りたいという人も多いようなので適当に公開していこうと思います。 http://la.ma.la/misc/js/mechanize/ WWW::Mechanizeと似たインターフェースでIEを遠隔操作するライブラリです。htaから呼び出してテスト用のツールを作ったりします。wshからも使えると思います。 機能的には最低限のものしか実装してません。ファイルのアップロードとかはJS側からいじれなかったと思うので多分無理です。 この手のツールではseleniumというのが有名なのですが、多機能すぎて使い方が良くわからないので自作しました。単純な動作確認や連投に使ったりします。 これを使ってアレをナニしたりしているのですがとてもここには書けません。

  • 1