Home > PC | Skill > ウインドウ作成JavaScript - Windoo.js

ウインドウ作成JavaScript - Windoo.js

  • Posted by: Freiheit
  • 2007年6月18日 18:32
  • PC | Skill

新しい物好きなFreiheitがこんなものを見つけてきた。

youmos : mootoolsを拡張するウインドウ作成JavaScript (Windoo.js)

このJavaScript(Windoo.js)はmootoolsというEin Kramplatz für Freiheitのトップページでも使っているJavaScriptを拡張して、ブラウザのウインドウ上に別な新しいウインドウを描画するもの。

まあ、百聞は一見に如かずということで

        Windoo.jsテストページ

 やってみればわかるが、”ダイアログ表示”をクリックすると画面が暗くなってダイアログが、”Iframeウィンドウ表示”をクリックすると、Ein Kramplatz für Freiheitのトップページがウインドウに表示される。

後者は最大化、最小化、ウインドウの伸縮、移動などが自由にできる。

まあ、ソース見れば分かるけど、前者のダイアログを表示するのに、こんな感じのスクリプトを組んでいる。

<style type="text/css" media="all">
    /* include common CSS file */
    @import url(themes/windoo.css);

    /* include theme-specific CSS files */


    @import url(themes/windoo.apogeus.css);
</style>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="windoo.svn.js"></script>
<script type="text/javascript">//<![CDATA[ window.addEvent('domready', function(){ $('alert-dialog').addEvent('click', function(ev){ new Windoo({ "modal": true, "height": 100, "top": 100, "left": 300, "title": "Windoo! Test Window", "resizeLimit": { "x": { "0": 400 }, "y": { "0": 130, "1": 600 } }, "buttons": { "minimize": false, "maximize": false }, "container": false, "resizable": false, "class": "windoo-test", "shadow": false }).setHTML("This is a test message of Windoo.<br /><br />\r\n日本語もテストしてみる。") .show() }); }); //]]> </script>

うーん、まだJavaScriptはよく分からないな。(爆)

いろんなサイトをお手本にしながらの作業は出来ても自分で組むまではできない。

いままで何気に敬遠してたJavaだけど、これだけのことが出来るとは…興味がわいてきたw

というか、どの道Javaのほうは2年の後期になったらバリバリ授業で扱うらしい。今のうちに自分で勝手に勉強しといてもいいかなぁ…JavaとJavaScriptじゃあ、また勝手が違うかもしれないけど。

Comments:0

Comment Form

Home > PC | Skill > ウインドウ作成JavaScript - Windoo.js

Search
Feeds

Page Top