最近のチャレンジ -JavaScript編-

最近、JavaScriptのNodeにはまってて、どうやったらJQueryやprotoTypeを使わずにアニメーション出来るかチャレンジしてみようと無謀にも1人黙々と格闘中。

1:サムネイル画像を一覧表示させて、クリックすると大きな画像と説明文が表示される。これは完成。
画像枚数が多くてもスクロールで表示できるように調整。
(ただし、ポジション設定をいじっただけなので、最後まで表示させて1枚目に戻るスクロールとは違う)
これは、そんなに難しくなかった。
サムネイル画像を配列管理できるし、使い方したいでは、実際にサイトで活用できそう。
最終目標は、配列が最後まで表示されたらインデックス番号0が表示されるようにすることだけど、
nodeの追加と削除と格闘しなきゃだめかな・・・

2:サブメニューがアニメーションしながら表示される。
単純な表示非表示はできるけど、setTimeoutをつかったアニメーション表現にチャレンジ。
これは、1つだけのプルダウンなら完成したけど、メインのメニューが2・3・・・と増えた時に、
サブメニューのアニメーションが不発(というか、構築が頭の中で出来上がってない・・・)

3:グローバル変数禁止・htmlタグにイベントハンドラを書かない という条件下でのサブメニューのプルダウン表示。
これも単純な表示非表示だけならなんとか完成。
でも、納得のいくソースじゃないので、色々と思いついた記述を書いてみるが、現状では、未解決な気分。
htmlにイベントハンドラ書いて良いなら、数行で出来るのにな~・・・
なんで、こんな条件を自分に課してしまったのやら・・・

2にしても、3にしてもjqueryとか使うと楽なんだろうけど・・・どこまで自力で設定できて、これ以上は難しい(無理だ)からライブラリを使おう という線引きのためにも、今はライブラリには頼らず自力でチャレンジ。
でもこれって講師という立場だから出来ることなんだろうな・・・。
授業までにと言う納期はあるけど、商売として納期とは違うから実現できなきゃ可能な範囲で教えりゃ良いわけだし、AccessのマクロやVBAの使い方に関しても、色々とチャレンジできるのは、今の環境のおかげなんだろな。

読書の秋(参考書とネットの参考サイトを睨めっこ)です。でも、家に帰って考えていると、脳みそが働くの拒否するのか強烈な眠気に襲われて寝落ちしていることが多々・・・ 涼しくなってきたし風邪をひかないように気をつけなければ・・・

javascript-Web

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

カテゴリー