JavaScript

XMLHttpRequestってUserAgentを変更できないのかorz

セキュリティ的に禁止してるんだろうけどChromeでは出来ないのか、そもそもJavascriptの仕様として禁止されてるのかは不明。

[Javascript]文字列を1文字ごとタグで囲む

[PHP]文字列を1文字ごとタグで囲む | WEBプログラム覚書のJavascript版。

WebフォントとJavascript

WebフォントとjQueryのテキストエフェクトプラグインを試してて気がついたんだけど API経由でWebフォント取得、設定してるとJavascriptの実行が早すぎて困るw

[jQuery]スクロールバーはもう古い。長いソースコードをスマートに表示できるjquery.stretchable.js

長いソースコードをブログとかに張り付けると出てくるスクロールバーって いまいち操作しずらいし、見た目も良くないですよね。

そんな不満を抱えて悶々としてる人はjquery.stretchable.jsを使ってみてはどうでしょう。

[jQuery]closest()とparents()

今から16年前Netscapeブラウザのソースコードの公開方法の会議の中で、初めてオープンソースという言葉が使われた今日、 みなさんいかがお過ごしでしょうか。

今回の投稿はそれとは関係のないjQueryのparents()とclosest()が 似てたので何が違うのか試した時のメモです。

[jQuery Mobile]初期化イベントメモ

jQuery Mobileは読み込まれてから

mobileinit -> pagebeforecreate -> pagecreate -> pageinit

の順番でイベントが発生する。

[jQuery Mobile]ダイアログ

jQuery Mobileにおけるダイアログの扱いはウインドウではなくページ。 なので通常のページと同様に扱える。ダイアログウインドウを出す。じゃなくダイアログページに遷移する。的な。

[jQuery] もう＋演算子とはおさらば。jQuery Templates

いまさらながら、jQueryに公式なテンプレートプラグインあるの気がつきました。 もう一年以上前に出ていたんですね。まだベータだけどｗ

[jQuery] jQuery入門前の話。

jQueryの概念というか役割というか、おおざっぱなイメージについて。jQueryの書き方とかの話じゃありません。

jQuery APIリファレンスをみて、 jQuery.each()とjQuery(selector).each()のような同じ名前のメソッドで何が違うんだ？どう使い分けるんだ？ と迷わないためのお話です。

[jQuery].add()で戸惑った件

jQueryの.add()。いまさらながら、なんでこれが違う結果になるのか戸惑う。

[Javascript]複数の手続きなどのパターンを分かりやすく見せる

なんか楽でいい方法ないかなと久しぶりにライブラリ利用せず書いてみました。

jQuery UIメモ 2

jQuery UIメモ 1の続き。 前回同様とくに内容はありません。

jQuery UIメモ 1

jQueryが1.4になってました。とにかくパフォーマンスが劇的に向上してるみたいです。 今後は1.4を利用してみようかとおもいます。

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

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

[jQuery]こんな機能があったんだ。jQuery stop()

「Buttons like Windows 7 with JS & CSS」を見てて

[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で分岐させようと思ったけどダメだった。

「新しくプログラミング言語を覚えたいときに行うべき10の練習問」をやってみた。-第3問-

IDEA*IDEAさんが作ってくれた「新しくプログラミング言語を覚えたいときに行うべき10の練習問題」3問目をjavascriptの勉強にやってみた。

「新しくプログラミング言語を覚えたいときに行うべき10の練習問」をやってみた。-第2問-

IDEA*IDEAさんが作ってくれた「新しくプログラミング言語を覚えたいときに行うべき10の練習問題」2問目をjavascriptの勉強にやってみた。

「新しくプログラミング言語を覚えたいときに行うべき10の練習問」をやってみた。-第1問-

IDEA*IDEAさんが作ってくれた「新しくプログラミング言語を覚えたいときに行うべき10の練習問題」をjavascriptの勉強にやってみた。

javascript 子要素取得のメモ

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

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

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

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

javascript エラーコード

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

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

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

HTMLエスケープを行うPHP関数、htmlspecialchars をJavascriptで実装

Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装で紹介されているjavascriptを試してみた。

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を記述する方法