HTML

静的HTMLで、インクルードを実現するためのJavaScript

ローカルディスク上に存在する静的HTMLで、外部ファイルをインクルードするためのスクリプト(つまり、XMLHttpRequestオブジェクトの代わり)。以前にも同じようなエントリを書いたのですが(http://d.hatena.ne.jp/kenpoco/20080228/1204198090)、いくつか…

imgタグの下にわずかなスペースができるときの解決策

例えば、以下のようなHTMLがあるとき <div ><img src="aaa.jpg" /> </div> テキスト画像"aaa.jpg"と、"テキスト"との間に2〜3pxほどの隙間(ホワイトスペース)が できてしまいます。これをなくすには、 <div ><img src="aaa.jpg" /></div> テキストこのように、<img>タグの後ろに改行をいれずに、閉じタグ</div>をつけてやります。 タグと…

JavaScriptを使ってHTMLのインクルードを実現しつつ、JSPでもインクルードできる方法

先のエントリにJSP版。これはあまりいけてないなあ。 ●呼び出しイメージ <script type="text/javascript" >//<% include("a.txt",request,response); //%> </script> ●スクリプト本体 <script type="text/javascript" >var request; // ←スクリプトエラーとならないように宣言 var response; function include(filename) { include.seq …

JavaScriptを使ってHTMLのインクルードを実現しつつ、PHPでもインクルードできる方法

先のエントリを書きながら、そのままPHPのインクルードと併用できる書き方を思いつきました。 <script type="text/javascript">// こうしておけば、ブラウザで読み込んだときはJavaScriptとして動くし、サーバで動かすときはPHPのインクルードとして動く。これはもっと応用できるんじゃなか…

JavaScriptを使ってHTMLのインクルードを実現する方法

純粋なHTMLだけでインクルードを実現するためのスクリプト。 自分の環境でちょっと試した限りではちゃんと動いてそう。 ■呼び出しイメージ <tr><td> include("foo.txt"); ←これだけ </td></tr> ■出力用JavaScriptfunction include(filename) { include.seq = (include.seq)? in…

position: relative;のテーブルの枠だけが表示されてしまう

IEで、非表示にしたはずのテーブルの枠だけが表示されるというなぞの現象。結局、原因わからず。 <html><body> <a href="#" onclick="document.getElementById('div1').style.display = 'block'; document.getElementById('div2').style.display = 'none';">1を表示(2は非表示)</a> <a href="#" onclick="document.getElementById('div2').style.display = 'block';">2を表示</a> <…</body></html>