勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

javascriptで画像を取り扱う際の注意

      2014/07/02

javascriptで画像を取り扱う際に、

ちゃんと要素を指定しているのにも関わらず、

undefinedになることが多く、なんでやろ? と

なったのでメモ。

結論としては、画像を読み込む前にjavascript

操作は出来ない。考えると当然だけどはまって

しまったので注意。

■例

<script>

//画像読み込み前なのでundefined

document.images["image_name"].style.display = 'none';

</script>

<img src="test.jpg" name="image_name">

<script>

//画像読み込み後なのでOK

document.images["image_name"].style.display = 'none';

</script>

または、

<script>

function test(){

document.image_name.style.display = 'none';

}

</scirpt>

<image src="test.jpg" name="image_name">

みたいにしておけば、大丈夫。

 - JavaScript, 画像

  関連記事

Android2.3でJavaScriptのエラー

Android2.3で関数が動かないといったエラーが発生していた。 担当外だった ...

フォルダにリンク制限をかける

imgというフォルダがあり、直接URLを叩いても 中身を見られないけど、同一サー ...

javascriptのtry文

javascriptとかjQueryを使ってて、Firefox,chromeはい ...

JavaScriptで年齢計算

JavaScriptで年齢計算。 ■ソース function ageCalcul ...

jQuery.uploadでリアルタイムプレビュー

やりたい事は、 ・<input type="file">で画像を選択 ...

Ajaxでプラグイン無しのファイルアップロード

画像ファイルを添付できて、尚且つAjaxを用いた非同期通信のフォームを作りたかっ ...

PHPで画像にロゴをつける

フォームから送られてきた画像にロゴをつけたかった。 結論としてclass.upl ...

登録画像orノーイメージ画像の振り分け表示

<? /* 画像が登録されていれば当該画像を読み出し、 登録されていない場 ...

ajaxを使わずに非同期っぽくsubmitする

ajaxを使わずに見た目はページ遷移せず、 画像を含めたformをsubmitし ...

GoogleMapAPIで現在地を更新する方法

GoogleMapAPIを使って現在地を取得してその場所にマーカーを設置、その後 ...