カテゴリー別アーカイブ: JavaScript

uuCanvas.js で context.fillText の呼び出しが TypeError

HTML5のcanvasに非対応なブラウザ(IE等)でも canvas 機能の多くに対応させる uuCanvas.js がかなり便利そうで使っていましたが、context.fillTextの呼び出しで TypeError が発生する箇所がありました。
続きを読む

カテゴリー: JavaScript | タグ: , | コメントをどうぞ

HTML5 の canvas に対応していないブラウザ向けの条件分岐

HTML5のキャンバスをサポートしていないブラウザを判定する方法です。
<canvas id="sample"></canvas>という様に、canvasタグに "sample" という ID が付与されている場合の書き方です。
続きを読む

カテゴリー: JavaScript | タグ: | コメントをどうぞ

JavaScript難読化(Google Closure Compiler)

JavaScriptの難読化ツールを使ってみました。今回しようしたのは検索エンジンやGMail、Android等で有名な Google がリリースしている「Closure Compiler」というツールです。 から無償でダウンロードできます。「難読化」と言っているだけあって適用すると読みづらいコードに変換されますが、何も見づらくするだけが目的ではありません。
続きを読む

カテゴリー: JavaScript | コメントをどうぞ

JavaScript 数値が小数だった場合に処理を行いたい。

JavaScriptである数値を表す文字列が『「小数点数」であった場合に、小数部の値を使って何かしらの処理を行いたい。』という場合。
続きを読む

カテゴリー: JavaScript | コメントをどうぞ

JavaScript Split 関連

JavaScript で文字列をセパレータで分割して配列にする split 関数について。

続きを読む

カテゴリー: JavaScript, Tips | コメントをどうぞ

JavaScript エスケープ

リテラル中に無意味に¥が多用されてた。エスケープ??

カテゴリー: JavaScript, 情報 | コメントをどうぞ

ファイルアップロードで $_FILES が空

HTML から POST で INPUT TYPE='FILE' で指定し送信されたファイルは PHP 上で $_FILESで取得可能。

続きを読む

カテゴリー: HTML/XHTML, JavaScript, 調査・検証 | コメントをどうぞ

ファイル入力テキスト(INPUT TYPE=’FILE’)がdisableだと送信できない

HTMLフォームでファイルを送信するためにINPUT項目にTYPE='FILE'をつけるとボタンが自動的につきます。

POST中にボタンが押せないようにと、javascript等で disabled="disabled"などと属性設定してしまうと、選択内容も送られなくなってしまうので注意。

カテゴリー: HTML/XHTML, JavaScript, 調査・検証 | コメントをどうぞ

DOMでIFRAMEの高さ設定

設定したい高さがcalcHeight変数に入っているとして、'iframe_id'をIDにもつIFRAMEの高さを変える方法です。

document.getElementById('iframe_id').style.height = calcHeight+"px";

Safariで試したところ、この"px"が無いと高さが変化しませんでした。

カテゴリー: HTML/XHTML, JavaScript, 調査・検証 | コメントをどうぞ

JavascriptでCSSを操作

例えば非表示にしておいたFORMを表示に切り替えたい場合、HTMLでスタイルに"display:none"を指定して非表示にしておきます。

これを、Javascriptの中で、document.getElementById('form_id').style.display= "block";とすれば、FORMブロックとして表示されます。

「document.getElementById('form_id').style」で得られるオブジェクトはDOMの「CSSStyleDeclaration」です。このプロパティを調べれば他のスタイル属性も変更できます。

カテゴリー: JavaScript, 調査・検証 | コメントをどうぞ