WEBプログラム覚書 > JavaScript

ブログ「WEBプログラム覚書」のカテゴリ「JavaScript」に投稿されたすべてのエントリーのアーカイブのページです。新しいものから過去のものへ順番に並んでいます。

PHP+jQuery+Fotolia APIでつくるちょいエロ カルーセル

アニメーションががSexyとかじゃなく写真がちょいエロなだけなので 選ぶ写真によっては爽やかにもなりますw

[jQuery]ツールチップをいろいろと検討

ツールチップについて色々と検討。

最近思うのですが、マウス載せると何か出るよと気づかせる表現はあるべきですが、 載せたあとのアニメーションとか不要じゃないですか?

情報見たいからマウス載せてるわけで、すぐ見たいわけです。 アニメーションはいいから0.1秒でも早く表示してくれって思うのは僕だけでしょうか??

Ajaxメモ

そろそろAjaxって奴を・・・調べてみよう。

jQueryのプラグイン作成前のメモ

jQueryのプラグイン作成がなんとなくわかった気になってたけど 全然わかってなかった。ってかjQuery自体わかってなかった。 更に言うとjavascriptが今だにわかってないんじゃねって感じで凹むなー。

jQuery プラグイン Slide boxメモ

ちょうどこういうのやりたかったので どんな感じで実装されてるか調べてみた。

jQuery fade() と pngbehavior.htc

jQueryのfadeOut()、fadeIn()をpngbehavior.htcが適用されてるページで 利用するとfadeが効かない模様(ie6)。ここのサンプルでは、全然動きませんが フェード効果が効かないってだけの場合もあった。

javascript Node プロパティ

javascriptというかDOMのNodeインターフェイスに定義されてる プロパティを覗いてみる。

優れたナビゲーションを真似てみる

勉強のため優れたナビゲーションを再現してみる。もちろん完全再現ではない。 とりあえず今回はNavigation Menus: Trends and Examples | Design Showcase | Smashing Magazine で紹介されていたPlayground Blues。美しいですね。

デザイナーのためのjQueryチュートリアル

だいぶ昔に紹介されてた記事ですが下記ページを適当に。 コード見ながら大体こんな感じ言ってるだろくらいの感じなので 間違ってる可能性もあり。

最小?IEブラウザ判定

javascriptでIEを判定するコードが [JS]わずか「12文字」でIEを判別するスクリプト | コリス で紹介されてました。

jQueryオブジェクト

jQuery1.3もリリースされたしってことで 今さらながらjQueryの勉強してるわけですが $()で取得できるjQueryオブジェクトが気になりました。

なんでかってーと「 jQuery.eq(n) 」の機能をうまく文章にできなかったからです。 どーでもいい理由ですが調べてみたらいい勉強になりました。

javascript 反転処理1

タブパネルを自力で実装することになった場合、 ひとつの要素がtrue(表示)の時、 その他の要素をfalse(非表示)にさせる仕組みって どうすればいいんだろうと思って試し書き。

javascriptの.演算子と変数と引数

javascript エラーコード」でエラーになるコードの解消方法。 うぇっ。もう一年以上経ってるのか・・・

jQueryでページ内リンクを自動作成

ページ内リンクを手動で作成するのは結構手間なんで jQueryを利用して自動で作成。

jQueryによる表示、非表示切り替え

今さらながらjQueryをお勉強。日本語のリファレンスも充分すぎるくらい充実してますんで、勉強しやすいですねよく使いそうなDivの表示、非表示切り替えをjQueryでやると・・・

出来ると思ったけど出来なかったJavascriptコード

「innerText」はFirefoxで利用できないようなので、try~catchで分岐させようと思ったけどダメだった。

javascript 子要素取得のメモ

javascriptで子要素を取得する方法についてのメモ

HTMLオブジェクト?ではgetElementsByTagNameメソッドが利用できる。「id」が「getJS」の「ul」以下の要素に含まれるHTMLを表示。

javascript フォーム関連オブジェクトの取得

javascriptでよくアクセスするフォーム関連の要素のベーシックな取得方法。

javascript エラーコード

なんだかできそうでできないjavascriptのコード。

javascriptでのエラー処理 try-catch構文

javascriptでエラーが発生した場合の処理はtry-catch構文を利用する。デバック利用にいいのかな。

Divの高さを合わせるスクリプト(safari対応版)

先日のエントリーDivの高さを合わせるスクリプトではsafariで動作しなかったが何とか解決。

Simple Javascript Accordionsを試してみた

アコーディオンパネルやタブパネルが簡単に実装できるSimple Javascript Accordions

Divの高さを合わせるスクリプト

tableでは簡単な高さあわせだが、CSSレイアウトの場合なかなか難しく背景などが途中で切れてしまうことが多々ある。

htmlにjavascripを記述する際の注意

イベント属性にjavascriptを仕込む際はページがjavascriptであることをmetaで宣言しないといけない。

JavaScript正規表現1

JavaScriptで正規表現による検索を行うには、RegExpオブジェクトとmatchメソッドを利用する。

不特定多数の引数をもつ関数

関数に引数を渡す場合は多々あるが、引き渡す値の数が不特定の場合javascriptではargumentsで引数を取り出すことができる。

JavaScriptでテーブルの行を交互に色分け[テーブル複数ある場合]

昨日のエントリーで書いてあるのはテーブルが複数あった場合、ページ内のtrを一まとめで取得するのでちょっと困ることがある。なんでテーブルが複数あってもテーブルごとにtrを取得するように変更。

JavaScriptでテーブルの行を交互に色分け

HTMLにclass振って対応している場合、行の削除、挿入が頻繁にあると対応がとても面倒なのでJavaScriptを活用するとよい。

要素名(タグ名)で要素オブジェクトを取得

IDではなくタグの名前でオブジェクトを取得したい場合、getElementsByTagNameを利用する。

JavaScriptの配列の基本あれこれ

JavaScriptの配列の基本についてあれこれメモ。

ウィンドウサイズを取得

ウィンドウのサイズを取得するには.innerWidthと.innerHeightを利用する。問題はIEが対応していないことだ。

表示内容の切り替え(JavaScript)

JavaScriptを使って表示内容を切り替えるサンプル。getElementById()を使って指定IDのオブジェクトにアクセス。

HTMLタグと内容を取得

HTMLのタグと内容を取得するにはinnerHTMLを利用する。

数字の入力チェック

フォームに入力された値が数字ではない場合、アラートを表示する。

ブラウザの情報を取得

ブラウザの情報を取得するにはnavigatorオブジェクトを使う

スクリプト記述

htmlにファイルにJavaScriptを記述する方法


先月アクセスが多かったページ