セレクトメニューの選択項目に応じて、もう1つのセレクトメニューの内容を変更するには、変更する項目を配列に入れておきます。配列は一次元配列でなく二次元配列にしておくと処理が楽になります。選択されたメニューの番号を配列のキーにしてnew Option()でメニュー項目を変更します。引数は2つで最初の引数が項目名、次がvalue(実際にCGI経由で渡されるデータ)になります。
セレクトメニューの選択項目に応じて、もう1つのセレクトメニューの内容を変更するには、変更する項目を配列に入れておきます。配列は一次元配列でなく二次元配列にしておくと処理が楽になります。選択されたメニューの番号を配列のキーにしてnew Option()でメニュー項目を変更します。引数は2つで最初の引数が項目名、次がvalue(実際にCGI経由で渡されるデータ)になります。
ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう! これを見てから3日間。 ブログもあまりかけずこればっかりいじって遊んでました。 睡眠時間も1日2時間くらいになり、今日は書こうと思います。 まずZAPA氏、きっかけをありがとう。 私はJavaScriptの知識がほぼ皆無な人間です。 そんな私でもjQueryは簡単に使える為、面白くてはまりました。 ただ、お恥ずかしい話、PHPを使ってJavaScriptをある程度制御しなければ私は使いこなせません。 ですが恐ろしく簡単にこれまでこのブログで紹介してきたようなJavaScriptアプリと同等のものを作れる為、これははまります。 JavaScriptダメダメの私でも出来ました データベース接続部や、なんやかんやは全てPHPでまかない、動作部分やFormなどはjQueryに投げる。 こんな方法で色々試して見ましたが、A
Ext JSとprototype.jsで作るリッチなUI:パターンとライブラリで作るAjaxおいしいレシピ(3)(1/4 ページ) 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ(フレームワーク)です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム(拡大表示はこちら、※注意1:FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
はじめに Javaを利用してAJAXアプリケーションを開発するためのフレームワークがいくつか登場していますが、jMakiは最も手軽にAJAXを利用できるものでしょう。今回は、jMakiと併せてリリースされているEclipse用プラグインを使い、実際にjMakiを使ってAJAXアプリケーションを作成する手順を説明します。作業を通じて、jMakiがどのような働きをするものなのか、体感してみてください。対象読者AJAXに興味があるJava開発者。JavaScriptのコーディングだけは死んでもしたくない、という人。WebアプリケーションのGUIをもっとリッチにしたい人。 JavaによるAJAX開発とは? 今や「AJAX」は、Webアプリケーション開発になくてはならない技術といってよいでしょう。JSP/サーブレットなどで開発を行う者にとっても、AJAXは無視できなくなっています。が、だからといって
fValidator - Alone Simple form using fValidator フォーム値のチェックをJavaScriptで簡単かつクールに行う「fValidator」。 fValidator を使えば、次のように input エレメントの class 属性に 値を指定するだけで入力チェックの機構を実装できます。 <input id="exA_Id" class="fValidate['required']" name="id" type="text"> <input id="exA_cPassword" class="fValidate['required','=exA_Password']" name="cpassword" type="password" > JavaScript で入力チェックというと結構面倒なイメージがありますが、このライブラリを使ってしまえばHT
TinyMCEの拡張プラグインで画像を縮小表示しているものがあったので 画像のサイズをいじれるのだと確信…イロイロといじってみました。 テストケースとして既定の最大サイズを超える画像を最大サイズに縮小します。 今回既定値は横幅250pixとしました。 たくさん失敗しましたが同じような失敗をした人のために失敗ケースも載せています。 とりあえず適当な感じで <IMG src="image.jpg" align="left" name="face_image"><br /> <script language="javascript"> if(document.face_image.width > 250){ document.face_image.width = 250; } </script> DOMベースだと <IMG src="image.jpg" align="left" id="f
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 (じゃなくてもいいんですが) をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く