ソースを教えてください。

質問

http://www1.sonyfinance.co.jp/
のtopページの下の方にあるウィンドウを閉じたり、表示、消したりできるものがありますが、そちらのソースを知りたいと見たのですが、
よくわかりませんでした。

このようなものの作りかたができるソースもしくはサンプルが拾えるようなサイトが御座いましたら、ご教授お願いします。

ちなみにこのような機能の名前はあるのでしょうか？

よろしくお願いします。

回答No.4

DOUGLAS_ · ベストアンサー

お示しのページ
＞のtopページの下の方にあるウィンドウを閉じたり、表示、消したりできるもの
を消そうとすると
＞～～ を非表示にしてよろしいですか？
＞表示するには、「ガジェット一覧」からもとに戻すことができます。
と出てきます。

　ということで、
＞このような機能の名前はあるのでしょうか？
につきましては、「ガジェット」でよいかと存じます。

＞そちらのソースを知りたいと見たのですが、
＞よくわかりませんでした。
＞このようなものの作りかたができるソースもしくはサンプルが拾えるようなサイトが御座いましたら、ご教授お願いします。
　私は興味がありませんので、詳しく読んでおりませんが、下記がご参考になろうかと存じます。

　WIndows Vista の サイドバー の ガジェット 機能についての文書ですが、
＞誰でも作れるガジェット
＞サイドバーのガジェットは、一見複雑なプログラムのように見えるが、その中身は案外シンプルだ。
＞ガジェットの元となるのは、Webページと同じＨＴＭＬ、ｃｓｓ、ＪａｖａＳｃｒｉｐｔだ。
と記載されていますので、応用ができそうです。

●サイドバーの ガジェットを 自作しよう
http://www.vistacon.jp/gad_sidebar/pdf/sidebarmake.pdf

お礼

ご教授有難うございます。

ぜひ参考にさせていただきます。

回答No.3

neko-ten

HTMLだけでは無理ですね。
JavaScriptとCSS、あとはガジェットの表示などはサーバサイド側よりXML呼び出ししていますね。Ajaxみたいです。

基本的に動的なサイトを作成する場合はJavaScriptを使います。
（Flashやsilverlightなどの技術もありますが、参考サイトでは利用していませんでした。）
要素の表示・非表示であればdisplayを書き換えることでできますが、該当サイトのようにスクロールなどのエフェクトが入ると少々面倒です。

AdobeSpryやPrototypeなど、フレームワークは充実していますが、原則HTML/CSS/JavaScriptの知識が必要です。
今回のサイトのようにAjaxを使う場合は、サーバサイドスクリプトの知識も必要です。

該当サイトのようにシームレスなデザインを実装するにはかなりの力量が必要です。
まずはHTML/CSS/JavaScriptをある程度扱えるようにならないと難しいと思います。
ANo1さんが提示されているサイトが、入門としてはわかりやすいかと思います。

回答No.2

WDY

どういうつくりになっているか分かりませんが
.NETで作成するとこういうものが作れるという話を聞いた事があります。

回答No.1

SAYKA

それはHTMLじゃなくcssをjavascriptで制御しているんじゃないかな。

表示非表示を設定するcss
javascriptでそれを動的に設定

http://www.tohoho-web.com/css/reference.htm#display
http://www.tohoho-web.com/js/onevent.htm#onClick
http://www.tohoho-web.com/js/dom.htm

お礼

有難うございました。

javascriptの知識がないため、参考にさせていただきながら勉強させていただきます。