copain blogs

DreamweaverのWeb Widgetを作成するWidget Packager

Filed under： ajax フレームワーク — desk.copain @ 11:05:06

Web WidgetとはDreamweaver CS4にAjaxのフレームワークやライブラリの機能を簡単に挿入して使えるようにする機能拡張です。
詳しくは以下のページが参考になります。
Adobe Edge: 2009年3月 Dreamweaver CS4のWeb Widgetを使ってみよう

このWeb Widgetは現時点では各ライブラリのバージョンが低くなっており、バグを含んでいる場合があります。
ですので最新のライブラリのバージョンのもので使いたいとか、あのライブラリないんだけど作ってみたいとか、
ライブラリを作っているが簡単に多くの人に使ってもらいたい場合などは
Web Widgetを作成するWidget Packagerで作り直す必要があります。

このWidget PackagerはAdobe Labsで公開されていますが、
英語の文献で敷居が高いので作成するのに必要と思われる以下の項目について翻訳しました。
（内容の検証はしていませんので保障はいたしませんが…）

The Widget Workflow document: A description of the workflow from WDF to uploading to the Exchange.
Developer’s Guide to the WDF: A detailed explanation of the WDF format.

widget packager 翻訳

翻訳の誤り等はコメントいただけるとありがたいです。

Have a good Dreamweaver life!

0 Comments

Spryのアコーディオンウィジェットをマウスオーバーで開く

Filed under： ajax フレームワーク — hos @ 12:58:27

最も基本的なサンプルにほんの少し手を加えるだけでアコーディオンをマウスオーバーで開閉できるようになります。

変更手順：

クラスAccordionPanelがついているdivタグにidをつける
SpryDOMUtils.jsにリンクさせる
Spry.$$(”.AccordionPanel”).addEventListener(”mouseover”, function(){sampleAccordion.openPanel(this.id); return false;});の1文を加える

以上で、クリックでしか開閉できなかったものをマウスオーバーで開くようになります。

実動サンプル
 (more…)

0 Comments

Spry1.6 | Spry Element Selector Utility　意訳

Filed under： ajax フレームワーク — hos @ 11:43:20

SpryでDOMの取り回しをやる時、便利そうなSpry Element Selector Utility（SpryDOMUtils.js）の
日本語の情報を探したけど見つからなかったのでちまちま翻訳まがいのメモです。（正式な情報は参照元をご覧ください。）

実際に動作テストして翻訳していません。このユーティリティに関して足がかりになればという感じです。
間違いは指摘していただけるとありがたいです。

(more…)

0 Comments

Spry WigetsのSliding Panels Widgetを使う

Filed under： ajax フレームワーク — hos @ 16:14:35

Sliding Panelsはニュースティッカーなどのスペースの狭いレイアウト部分やフォトスライドショーなどに使われます。
今回使用したのはSpry1.6。
解凍したフォルダのwidgets\slidingpanels\SprySlidingPanels.htmlをみるとシンプルな例で分かりやすい。
(more…)

0 Comments