今回は、お茶濁し部分。
ブログライクのメイン部分のソースコードを書いてみた。
以下のソースコードを拡張子がhtmlとなっているファイルに文字コードをutf-8にして保存すればどうなっているか確認できる。まあ、ほとんど骨格だけなので、何も表示されないんだよね。
ここから
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head><title>カイトのブログ2</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="basic.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
function init(){}
</script>
</head>
<body>
<noscript style="font-size:larger">このページはJavascriptを使っていますので、一部見ることのできない状態になっています。Javascriptの設定を変更してください。</noscript>
<div id="header"></div>
<div id="main"></div>
<div id="footer"></div>
<script type="text/javascript">
init();
</script>
</body>
</html>
ここまで
ここで、basic.jsは、xmlを読み込む関数が入っているjavascriptファイルである。
xmlファイルを読み込むには、良くある手法を行う必要がある。
Googleで｢javascript XMLHttpRequest ActiveXObject｣で調べて欲しい。
何度も書いてるが、何も表示されないことが正しいのだが、ブログは文字を表示してなんぼなものである。
次は、表示するための位置を決めるinit関数を書くぞ。
0 件のコメント:
コメントを投稿