« マクロメディア、FlashとJavaScriptの相互通信ライブラリを発表 | main | AjaxとFlashと »
2005年06月08日
コンポーネント指向Ajaxのサンプル カラーピッカー
コンポーネント指向Ajaxの実験として、FlashからDOMを操作してみた。。効果音やスライダーでは、AJAX構成要素をコンポーネント化する利点を説明しきれない気がしたので、もうちょっと凝ったものを作ってみました。ブログの背景色を直接コントロールできます（画面を広くしないとわからないかも）。
ここでは実装速度の関係上、JSをswf内にハードコードしているけど、動的にflashとDOMノードバリューをバインディングするようにすれば、背景や文字の色からフォームの値まで柔軟に対応できるでしょう。
Ajax用コンポーネント設計のコツは、できるだけ両者に相手のことを意識させないように書くことみたいですね。JavaScriptはflashから直接イベントを受け取るのではなく、ＤＯＭの値の変化をフックする形が簡単かと。ここではやっていなけど、Flash側へ情報を送る場合はswfのリロードをトリガーにするのがブラウザ全般で有効なようです。
自分の力だと、半日でHSB変換クラスからカラーピッカーまでをJavaScriptで０から組み上げるのはちょっと無理。やっぱりこういうＨＴＭＬの理の外にあるＵＩはFlashで組み立てるのが楽ですね。（ノリでダイレクトにコード書いたら、カラーピッカー複雑すぎて死んだけど。）
see also:
コンポーネント指向Ajaxの世界
マクロメディア、FlashとJavaScriptの相互通信ライブラリを発表
投稿者 Taka : 2005年06月08日 10:57
book
bookmark
trackbacks
this entry's trackback URL:
http://www.fladdict.net/cgi-bin/mt3/mt-tb.cgi/206
このリストは、次のエントリーを参照しています: コンポーネント指向Ajaxのサンプル カラーピッカー:
» phentermine from phentermine
[read more]
トラックバック時刻: 2006年03月05日 13:43
» phentermine from phentermine
[read more]
トラックバック時刻: 2006年03月07日 20:30
» ephedrine from ephedrine
[read more]
トラックバック時刻: 2006年03月09日 23:49
» phentermine from phentermine
[read more]
トラックバック時刻: 2006年03月15日 09:08
» diazepam from diazepam
[read more]
トラックバック時刻: 2006年03月18日 02:18
» betting and odds from betting and odds
[read more]
トラックバック時刻: 2006年03月19日 16:24
» mortgage brokers from mortgage brokers
[read more]
トラックバック時刻: 2006年03月22日 07:08
» Jewish Dating from Jewish Dating
Fast Jewish Dating Club [read more]
トラックバック時刻: 2006年03月25日 15:08
comment
うが、ブログのＣＳＳと衝突しててパーマリンクでは結果が見れない！！
by Taka : 2005年06月08日 18:32
問題解決
by Taka : 2005年06月08日 18:36
先生！動作しませぬ！
IE＠Win2Kなら見れるんだけど、FFにしたらダメでしたッ！
by K o z : 2005年06月10日 15:38
マジッスカ！？
ウチのＦＦ君は動作しておりまする！！
ひょっとして、明度バーが１００％になってるのを操作し忘れて、色相・彩度側だけ弄ったのではないでしょうか？ ＞自分よくやる。
by Taka : 2005年06月13日 17:12
carisoprodol . xanax . steroids . propecia . doxycycline . xenical . lamisil . toprol . penicillin . digoxin . oxycontin . phenergan . aciphex . aleve . biaxin . amaryl . fioricet . avandia . avapro . valium .
by goraud karl : 2006年03月21日 21:34
relafen . atrovent . plavix . effexor . skelaxin . bextra . evista . didrex . pills . singulair . exelon . lipitor . ionamin . cyclobenzaprine . zolpidem . ultracet . insulin . prevacid . lithium . inderal .
by ludwig farlee : 2006年03月22日 02:22
ativan . sibutramine . flovent . detrol . flexeril . ibuprofen . nasonex . actonel . propoxyphene . actos . seroquel . ephedra . erythromycin . pravachol . provigil . norco . dilantin . zetia . hyzaar . lorazepam .
by esteban enrique : 2006年03月22日 06:14
phenergan . albuterol . famvir . temazepam . detrol . indomethacin . zetia . strattera . requip . mirapex . amoxil . tricor . topamax . coumadin . nasacort . elidel . lamictal . zelnorm . femara . verapamil .
by pippo tye : 2006年03月22日 09:24
spiriva . toprol . avelox . penicillin . levoxyl . micardis . promethazine . avalide . hydrochlorothiazide . tarka . methadone .
by larry mordy : 2006年03月22日 10:31
gabapentin . verapamil . adipex . amitriptyline . alprazolam . buspar . micardis . methadone . fosamax . cialis . indomethacin . celexa . femara . prednisone . flomax . testosterone . macrobid . hgh . norvasc . levoxyl .
by vin nickolas : 2006年03月22日 11:22
esomeprazole . lisinopril . famvir . klonopin . diazepam . claritin . elidel . cipro . darvocet . metformin . vioxx . phentermine . allegra . naproxen . furosemide . avalide . zovirax . prilosec . glyburide . prempro .
by gardy gibbie : 2006年03月22日 12:05
proscar . strattera . trazodone . lamictal . mobic . vasotec . viagra . temazepam . zoloft . bactrim . glucophage . premarin . depakote . accupril . codeine . methylphenidate . crestor . atenolol . sildenafil . valtrex .
by philbert ferdy : 2006年03月22日 15:11
fluoxetine . neurontin . medication . augmentin . lescol . topamax . imitrex . risperdal . clonidine . vicodin . metronidazole . paroxetine . protonix . allopurinol . lexapro . alesse . tricor . bontril . diovan . keflex .
by maximo pen : 2006年03月22日 17:25
thyroid . clonazepam . pharmacy . oxycodone . ultram . arimidex . coumadin . vaniqa . nexium . metoprolol . advair . hydrochlorothiazide . winstrol . fluconazole . cozaar . mirapex .
by gav del : 2006年03月22日 20:06
risperdal . penicillin . altace . lamictal . atenolol . zovirax . topamax . vioxx . phenergan . ditropan . evista . aciphex . premarin . lithium . vicoprofen .
by zachery wittie : 2006年03月24日 10:45
amoxil . gemfibrozil . acyclovir . tarka . relafen . skelaxin . trazodone . prednisone . mobic . alesse . avelox . nasacort . plavix . furosemide . elocon .
by sigismondo raddy : 2006年03月24日 14:17
bextra . claritin . paroxetine . ibuprofen . klonopin . accupril . clonidine . lorcet . doxycycline . avalide . biaxin . steroids . actos . testosterone . famvir .
by lauren gannie : 2006年03月24日 15:09
zetia . methylphenidate . exelon . zocor . prevacid . spiriva . spironolactone . lasix . methadone . promethazine . zoloft . ranitidine . aricept . clomid . glucophage .
by hy waldon : 2006年03月24日 16:55
carisoprodol . didrex . valium . alprazolam . tenuate . lipitor . lortab . sildenafil . vicodin . diazepam .
by jeramie ennis : 2006年03月24日 20:55
ultram . tramadol . bontril . clonazepam . diazepam . levitra .
by garrard dudley : 2006年03月24日 21:20
didrex . phentermine . hydrocodone . fioricet . valium . alprazolam .
by tull maximilian : 2006年03月24日 23:56
cipro . renova . fluoxetine . aleve . coreg . flonase . allegra . zithromax . lopressor . insulin . proscar . erythromycin . neurontin . methotrexate . hgh .
by ely paolo : 2006年03月25日 04:06
propecia . valium . tramadol . meridia . xanax . fioricet . ambien . carisoprodol . prozac . hydrocodone .
by hoyt page : 2006年03月31日 20:39
buy ambien . buy paxil . buy carisoprodol . buy didrex . buy alprazolam . buy tenuate . buy hydrocodone . buy ultram . buy prozac . buy soma .
by parrnell lamont : 2006年04月02日 08:04