昔なつかしい 「Kraftwerk」 を思いエガいたんです。
スタートは「なにやらパミュパミュ」。名前は度々聞いてはいました。イメージはピンクの大胆でキバツな服を着て、エラそうで、ワガママそうで、東京辺りの炉端焼き屋に出没して話題になるような外タレ。まったくの先入観で・・・。
ある日、ラジオから流れてくる音楽。ペライ・平坦な・薄い・・・。「初音ミク」と思っていたら「なにやらパミュパミュ」。最近の若いモンの音楽は、このタイプが多いですね。そりゃそういったコトをココロミタ／ヤカラも大勢いたケド。ここまでステレオタイプってのもノウ（脳・能）がないってゆうか何チューか。けっこうウンザリ。
そのムカシ。テクノの時代にもそんなムーブメントが、ありましたな。大御所では「Y(ellow)M(agic)O(rchestra) 」ですかね。私は好きじゃなかったケド。お空の遥かカナタの遠いトオーイ、ムーディーな楽曲で、リアリティーを感じる事が出来ませんデシタ。「P-Model」ってのが、モノすごく地べたで蠢（ウゴメ）く、ヒトを感じさせてくれたのですが、冷静さを取り戻したパンカーが、流行のテクノに乗っかった感は否めず。テクノの必然性がねエ。「ヒカシュー」ってのが、その点では感情を抑えたうえでの感情表現？（抑えてナイカ！）。っま、ブレンド加減は「タマ」テイストですかね。
で、「Kraftwerk」。ビート感はあるにせよ無味乾燥なサウンドに、空虚な歌唱。でも「I want to be a machine」だぜ。「We are the Robots」だぜ。
こういった手法で、一番アナログで・揺らぎがあって・強弱のある＞「男女の好きだ嫌いだ」を言われてもねエ。
ちょいハマったのですが、データの登録・修正・削除で、ポップアップ・ダイアログを「出して、引っ込めて」って見栄えが良いですよね。元の画面もソックリ残るのでユーザーフレンドリです。script.aculo.usを使って、ツマんで移動出来たりして、カッコ良いです。
そこでカユイ点が出た。
検索結果でリストをドーッと出す、縦スクロールして、行にある修正や削除のボタンをクリック・・・で、ダイアログは・・・上え〜の方にあるのです。そりゃそうだ、CSSでposition:absolute;で設定されているtopやleftで出現しまさあね。
できれば、見ている画面の真ん中に出したい・・・。
- （浮かんだアイデア：１）押されたボタンの位置（高さ）を割り出して、その横にダイアログを出したら？ドウヨ。
親要素が違ったり・・・で、上手く行かない。（回想すると、styleの取得に失敗していたのカモ？）
- （浮かんだアイデア：２）押された時のマウスの座標から、その横にダイアログを出したら？ドウヨ。
パラメータにeventを追加しevent.pageYで位置を捕捉、prototype.jsのElement.setStyleでブツケてあげたら、出来たぜィ！！！。選択された行の真下に「まるでモノサシを当てたように出現する」いい感じじゃないですか！しばし感激。
しかし、画面上でのクリックは良いが、画面下でクリックすると、ダイアログは画面下から場外乱闘になる。何かイヤだなぁ。
- （浮かんだアイデア）上ので取りあえず「それなり」にはなったので、余裕を持って「再調査」
すると、すたら日記さんを発見。なるほど、ページの上から画面の上までの距離という発想で考えれば良かったのですね。これならeventも要らないや！
これが（スクロールしていても）画面のド真ん中（あたり）に、ドカンとダイアログを出現させる関数じゃ！っま、画面の縦・横を２で割るのは中心点になる訳だ。で、さらに出現するダイアログの大きさ分を補正してあげている訳だね。スバラシイ。
宮崎さん本当に有難うさんデス。
function setDialogFormPosition() {
// これは文書上端から表示上端までのなどの判断
sclTop=document.body.scrollTop || document.documentElement.scrollTop;
Element.setStyle(“dialogForm”,{
‘top’: sclTop + (document.documentElement.clientHeight / 2 – 150) + ‘px’,
‘left’ : (document.documentElement.clientWidth / 2 – 300) +’px’
});
}
いつでもお手軽に聴けるように、２０１０年11月に作成したベスト・アルバムを公開しました。
HTML5のページでサラっと、聴けます。→ここからベスト・アルバムページヘ