タグ

2009年6月12日のブックマーク (7件)

  • jQuery勉強中

    WordPressで学ぶPHP(1)変数・制御構造編」が発売されました。 「WordPressで学ぶPHP」シリーズの第1巻で、WordPressを通してPHPを学んでいくです。 このでは、PHPの基となる変数と制御構造について解説します。 Kindleで、定価500円です。 JavaScriptは、現在のWebページではなくてはならない存在です。 「Webブラウザに依存する点がある」という難しさがありますが、その点を解決するためのライブラリがいろいろ出回るようになって、以前よりもかなり便利になりました。 そのようなライブラリの中で「jQuery」は人気があるものの1つです。 遅ればせながら、私もjQueryを調べ始めました。 jQueryはJohn Resig氏が開発したライブラリで、コンパクトでありながら強力なところが魅力です。 1.CSSライクな要素操作 jQueryの特徴

  • jQuery でファイルをインクルードする ( jQuery によるモジュール化) | JavaScript | かたつむりくんのWWW

    jQuery でファイルをインクルードする ( jQuery によるモジュール化) 通常のスタティックな Web サイトにおいて、Web ページの中で更新頻度の高いパーツを別ファイルにして、それをインクルードするシーンは多々あるかと思います。 Movable Type でも、モジュールやウィジェットを「インデックステンプレートのコンテキストで全ページに表示させたい」なんてとき、インデックステンプレートに読み込み用のファイルを作って、それを MTInclude で読み込むという手法... 通常のスタティックな Web サイトにおいて、Web ページの中で更新頻度の高いパーツを別ファイルにして、それをインクルードするシーンは多々あるかと思います。 Movable Type でも、モジュールやウィジェットを「インデックステンプレートのコンテキストで全ページに表示させたい」なんてとき、インデックス

    jQuery でファイルをインクルードする ( jQuery によるモジュール化) | JavaScript | かたつむりくんのWWW
  • WingMemo: MTIncludeタグの使い方とモジュール化

    このブログで使うカスタマイズによく出てくるのが<$MTInclude$>というタグです。これは非常に便利なタグで、特にダイナミック・パブリッシング化している場合にはプラグインを使うのに欠かせないタグです。ところで、このタグも<$MTDate$>同様、静的生成時とダイナミック時では動作に少し違いが出てきます。混乱しないように、その辺を少しまとめてみようと思います。 *モジュール化とは テンプレートの中の一部分を別パーツにして、再構築時に読み込む技です。共通するパーツはモジュール化して各テンプレートから読み込むようにしておくと、変更があってもモジュール内を変更するだけで全頁に同じ変更が行き渡るので管理が楽になります。 ■<$MTInclude$>タグの使い方 このタグには2通りの使い方があります。 1.テンプレートのモジュールを読み込む 「テンプレート」の「モジュール」で新しいモジュールを作成

  • クイズ作成に関して xml形式の問題をランダムに読み込む方法

    ランダムに5問を出題するルール(どのように出題するのか)がわかりませんが, 例えば, name_txt0 value_txt0 name_txt1 value_txt1 name_txt2 value_txt2 name_txt3 value_txt3 name_txt4 value_txt4 というインスタンス名を持つテキストフィールドを用意して, [test4  ] [3 ] [test1  ] [0 ] [test6  ] [5 ] [test3  ] [2 ] [test2  ] [1 ] のようにランダムな表示をさせたいのでしたら, 次のような感じのスクリプトになると思います。 次のスクリプトはテキストフィールド自体もActionScriptで作成する例です。 ------------------------------------------ // XMLインスタンス a_xm

    クイズ作成に関して xml形式の問題をランダムに読み込む方法
  • CSSだけで画像をプリロードするテクニック:phpspot開発日誌

    Specere Blogs Blog Archive A Simple CSS Image preloading technique So you need to pre-load images, but don’t want to deal with javascript or complicated workarounds. What do you do? The solution is simple. All we need to do is designate a CSS style with multiple background-images. As your browser reads the style, it will load each image you designate in succession, thus pre-loading your images. Be

    tooosh
    tooosh 2009/06/12
  • 第1回 まずは実装してみよう | gihyo.jp

    はじめに この連載では、Javascriptは知っているけどAjaxは実装したことがないという方に向け、YouTube APIを利用したWebアプリケーションを題材に、実装の方法を解説します。 JavascriptのライブラリはjQueryを使用します。jQueryによるAjax実装、基的な使い方、また、UIへの応用実装も合わせて解説します。 Ajaxってなに? Ajaxとは、Asynchronous Javascript+XMLの略称です。Javascriptを使い、Webページとは非同期(Asynchronous)にXML形式(もしくはテキスト形式)のデータ通信を行う手法を指します。 Ajaxを使うと特別なプラグインなどを必要とせず、Webページの必要な部分だけ必要に応じて書き換えることができるため、ユーザビリティの高いWebアプリケーションを作ることができます。また、異なるWebサ

    第1回 まずは実装してみよう | gihyo.jp
  • jQuery 開発者向けメモ - 基本・サンプル

    jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したインタラクティブなページを作ることが出来ます. 以下のサンプルを見れば,JavaScriptらしい表記をほとんどする必要がないことがわかると思います. toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります. $("#target_toggle").toggle("slow"); このブロックは,<p id="target_toggle"> です. Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ