javascript

.onmouseover=function()での恥ずかしい勘違い

[追記 / 20100427]
うわー、<script>や<head>を文字参照にしてなかったから途中から表示されてなかった。

id=”btn”な要素があるとして
<head>内に以下のjsを書くか読み込む

1)こちらの記述は動いて

2)こっちだと動かない

なぜだ~

続きを読む

setIntervalとclearInterval

WordPressの「ページ」を使って試しに何かを作ってみようとポートフォリオ的な何かを作った。

で、ぼんやり眺めていたら「ロールオーバーを滑らかにしたいな」と思ってしまった。

flashで言ったら、onrollover・out時にalphaをenterframeで減速処理とかかましたりするfunction作ってしまえばいいんだろうけど
javascriptでenterframeってなんだろう?

ライブラリを使えば簡単に実装できてしまうのだろうけど(幻想?)
せっかくだから最初はライブラリなしでやった方がいいだろう。

関係ないけど、こんなふう(もしくはいままでの記事の様)に物語風に書くと、後で読み返す時必要な情報にすぐアクセスしづらいかな、やっぱり。
箇条書きまではいかなくても「目的、現在の状態、目標(試行錯誤、これがいらない?)、方法・結果」みたいな部分をピックアップして書いていったほうがいいのかな。

調べてみたところjavascriptだと、どうやら setInterval を使うようだ。
どのブラウザでも使えるものなのだろうか…

とりあえず setInterval のテスト、トグルスイッチにしてみた。




次はこれを改造して、ロールオーバーしたらopacityを0.80へ、ロールアウトで1.00にすればいいのよね?

マウス座標を取得するサンプルと引数の疑問2

input毎のidをgetElementByIdで指定せずとも辿っていけた

マウス座標を取得するサンプルと引数の疑問

1でも2でも動く、違いはなんだろう
1のfunction(e)の引数eや
2のmsMove(e)の引数eはなんだろう
いままで理解した(と思っていた)引数とは、使い方が違う気がする。

DOMとDHTML

いまさら感たっぷりですけど
DOM(Document Object Model)と
DHTML(Dynamic HTML)の違いは?
AJAX(Asynchronous JavaScript + XML)は非同期通信を利用したDHTML?

document.write()が
document.getElementById(“ID名”).innerHTML?

答える内容に合わせて選択項目の内容を変更する

ずいぶん前に買って放置していた
MdNのプロとして恥ずかしくないJavaScriptの大原則
Flash関係の書籍だとサンプルプログラムのダウンロードが出来るのにJavaScriptはサンプルソースが無かった。
ためしにp52|答える内容に合わせて選択項目の内容を変更するてのを作ってみたんだけど、2個目のセレクトボックスに配列をちゃんと読み込んでくれない。
なんだろうソースミスってるのかな。
(ミスってた。)

CD-ROMつけてないんだから、ちゃんと動作するサンプルソースくらいダウンロード出来るようにしといて欲しいなぁ。
そもそも書籍に、対応ブラウザーも表記されてないみたいだし
大抵のサンプルソースはscript type=から始まってるけどDOCTYPEによって(標準準拠モードと後方互換モード)動かないのあったりもするんでしょ?(jsよく判らない人の認識)
完動するサンプルソースがないと不安になる初心者は、こうゆうのは向かないんだろうな。
選んだ自分がいけないのかな。