PHPでページを生成する場合は、共通部分は別のファイルに作って、そいつをincludeなりrequireなりしてあげれば簡単なんですけど、HTMLファイルの場合はそうはいかない。SSIが使えるサーバーとかだと以下のような記述で読み込めるらしいけど、SSIが使えない場合もたまにはあるわけで、そういうときにどうすればいいか。
//SSIが使える場合
そこでご紹介したいのが、こちらのサイトさん
Javascriptを使って、静的HTMLの中でファイルをインクルード
続きを読む
2010/11/19 by hayachi
いつもラジオボタン作るときにlabelタグをつけるのを忘れてしまします；；
サンプル
これをやることによってボタンじゃない文字のところをクリックしてもちゃんと反応します＾＾
本当にこれはよくつけ忘れてしまいます っ(・ω・｀)
2010/11/10 by hayachi
スタイルシートだけではできないまたは、画像を切り刻まないとリンクをつくれないという時にクライアントサイドイメージマップがとても便利です。
このような１枚の画像があるとして、丸と三角と四角にリンクを設定するとします。
プロパティの左下に選択ツールみたいなものがあるのでこれで囲ってあげます。
選択されたらリンクはもう出来上がりです＾＾
アラ簡単ねぇ(・ω・*)
htmlはこのように自動的に書かれるため楽です＾＾
2010/10/26 by hayachi
いくらコメントやらインデントやら整理したつもりでもいつの間にか閉じdivを見失ってしまう時がたまにあります；；
そんな時はコマンドのソースフォーマット適応で
あらキレイ(＊´∀｀＊)にぱぁ
今までドリームウィーバー使っていてこのことの気づきませでした；；
少しは作業のスピード上がればいいなと思っていますがなかなか難しいです(・ω・｀)
2010/09/30 by hayachi
IE6で段落ちしたレイアウトとにらめっこ
全体の幅に合わせて各divの幅を調整したのですがうまくいかず色々やっていたらFirefoxで崩れてしまう結果に；
でもよく見たら全体の幅が足りてなくて全体の幅を指定したら簡単に直ったという…始めから見るところが違かった；；
IE6でレイアウトが段落ちした場合
全体の幅を変えてみる
カラムごとに分けたdivの幅を変えてみる
カラムの中を調整してみる
という順でやればよかったと反省 っ(・ω・｀)
コーディング相変わらず苦手
続きを読む
2010/09/13 by hayachi
よくみかけますが自分のメモ用として紹介します。
使用したのはこれDD_belatedPNG 0.0.8a releasedを使用しました。
Htmlのhead部分に
を書いて。
DD_belatedPNG.fix('img, #content');
にimgタグや適用させたいclassやidを書きます。
そしたらできあがり＾＾
最近ネタがなくなりつつあります。
どうしましょう(・ω・｀)
2010/09/08 by hayachi
(続きを読む...)
WEBページが読み込まれる際、javascriptの読み込み中は他の読み込み処理がブロックされてしまう。つまり画像なんかは、javascriptが読み込まれると、読み込みが終わるまで画像が読み込まれない。
できればこの処理が並列で行われると良いのだが、現状はSafariやIE8でしか並列処理は実装されていないらしい。そのうち段々と実装されていくらしいけど。
とりえあず、全体的に実装されるまでは何らかの対策を講じようというわけで、その何らかの対策についてですけれど、javascript
続きを読む
2010/01/20 by マッチー
HTMLにbuttonタグという、ボタンを表示するタグがある。
このボタン、Firefoxだとsubmitが既定値になっているらしいのだけど、IEとかだとsubmitの属性がついていない状態が既定値になっているっぽい。
なので
<button value="送信">送信</button>
みたいな感じでボタンを設置しておくと、IEでは何のアクションも起こらない。
<button type="submit" val
続きを読む
2008/05/14 by ゴウ
画像を表示して、その下にテキストを入れた物を１セットとして考え、それをずらーっと表示させる方法ってのを考えました。
ちょっと言葉での説明は難しいのですが
大元の横幅は可変
大元はセンター揃え
画像+テキストのセットが横にずらーっと並ぶ
はじっこまで来たら、折り返す
テキストは画像の下に表示
こんな感じです。
で、仕様するHTMLはこんな感じにしました。
ここにテキストが入ります
続きを読む
