PC用とスマホ用の外部CSSを手動で切り替えて表示できるサンプルプログラム。
単純にCSSを差し替えてるだけなので、カラーなどの装飾デザインの変更にも使用可能。
デモプログラム
タグ: Javascript
Javascript – textファイルを読み込み表示する(XMLHttpRequest)
Javascriptのお勉強中。
Javascriptでtextファイルなどを読み込みページに差し込むサンプルプログラム。XMLHttpRequestを使用します。
デモプログラム
javascript:HTMLを書き換える方法(innerHTML)
divなど特定の要素の内容を書き換える方法のサンプルプログラム。
innerHTMLを使用します。
デモページ
Javascript:CSS記述風の引数
・sample(“Title”,1920,1080,640,480,”test.jpg”,-1,”Hello World”);
上記のように関数の引数が増えてくるとわかりにくいので、何か良い方法は無いかと思い考え、CSS記述っぽく「キー:値;」で受け渡すようしたらどうだろうとサンプルプログラムを作ってみました。
特長
・CSS記述風なので「変数=値」なのでわかりやすい。
・引数の順番を自由にできます。
欠点
・引数が長くなる(・・でもわかりやすい)
・ソースが長くなる。
続きを読む
Javascript:Windows8 のタッチイベント「msPointer」
JavaScriptの画像プリロード
色々なサイトでjavascriptで複数の画像をプリロード(ローディング)する方法が公開されているが、中でも簡単そうなのを覚書。
特長は
・まあシンプルな方
・IEのキャシュ対策済み
・進捗状況の表示が可能(ファイルサイズが小さいと一瞬で表示が終わるけど)