]]>
【.htaccess】
AuthUserFile /home/hogehoge/.htpasswd
AuthGroupFile /dev/null
AuthName "Please enter your ID and password"
AuthType Basic
require valid-user
【.htpasswd】
ayabin:ayin/JoUF/2w.
「hogehoge」の部分を自分のユーザー名に変更し、「.htaccess」をDocumentRootに設置。
「.htpasswd」はDocumentRootの上に設置。「.htpasswd」のパーミッションは「604」。
なお、「.htpasswd」のユーザー名とパスワードは以下のサイトで生成してくれる。
http://www.shtml.jp/htaccess/make_htpasswd.html
PHPのcrypt関数を使うと、簡単に生成してくれるらしい（まだ試してない）
]]>「互換表示」を解除するには、IEの「ツール」から「互換表示」の設定を外す。
それでもうまくいかない場合は、その下の「互換表示設定」をクリックし、「互換表示に追加したWebサイト」から、エントリしているサイトを削除する。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>緯度経度表示</title>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2.s&key=APIキー"></script>
<script type="text/javascript">
//<![CDATA[
function load(){
if(GBrowserIsCompatible()){
var map=new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419,-122.1419),13);
}
}
//]]>
</script>
</head>
<body onload="load()">
<div id="map" style="width:400px;height:300px"></div>
</body>
</html>
【注意点】
GoogleMapオブジェクトに「setCenter」メソッドで中央位置を指定してあげないと何も表示されない。
* html #hack { color:#000000; }
セレクタの前に「*html」をつける。【対応ブラウザ：IE4～6、MacIE4～5】
アンダースコアハック
#hack { _color:#000000; }
プロパティの前に「_」（アンダースコア）をつける。【対応ブラウザ：IE4～6】
]]>body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
ダウンロードしたファイルを開き、以下のようｊに初期設定を行う。
============ :::初期設定::: ===========
/*
//値の単位を設定（必ずダブルクオートかクオートで括る）
var fontSizeUnit="%";
//一回の操作で変更させる値を設定（ダブルクオートやクオートで括らない）
var perOrder=10;
//初期状態の値を設定（ダブルクオートやクオートで括らない）
var defaultSize=85;
/*
設定が終わったら、目的のサイトの任意のディレクトリへ設置し、「<head>」内で読み込む。
<script type="text/javascript" src="../../js/fscA.js"></script>
最後に「フォントサイズ変更ボタン」を設置したい箇所に、以下のコードを埋め込む
<div id="text-size" class="clearFix">
<ul>
<li class="btn01"><span><a href="#" onclick="fsc('smaller');return false;" onkeypress="fsc('smaller');return false;">-</a></span></li>
<li class="btn02"><span><a href="#" onclick="fsc('larger');return false;" onkeypress="fsc('larger');return false;">+</a></span></li>
</ul>
</div>
目的達成の手段としてWEBサイトが出来上がる。
]]>*:first-child+html
を記述する。
*:first-child+html #banner {
：
[IE7用のスタイルを記述]
：
}
な感じ。
]]>「main.html」
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">
<meta http-equiv="Expires" content=0>
<title></title>
<style>
BODY
{
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
background-color:#FFFFFF;
color:#000000;
font-family:"ＭＳ Ｐゴシック";
font-size:9pt;
}
</style>
</head>
<frameset rows="*,75" cols="*" frameBorder="no" framespacing="0" border="0" bordercolor="#FFFFFF">
<frame name="_top" scrolling="no" border="0" src="../../pdf/k-a.pdf"><!-- PDF領域 -->
<frame src="bottom.html" name="bottom" scrolling="no" border="0"><!-- 表裏ボタン」 -->
</frameset>
<noframes>
<body>
<p>エラー</p>
</body>
</noframes>
</html>
「bottom.html」
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>無題ドキュメント</title>
<style type="text/css">
<!--
.TEXT_1 { FONT-SIZE: 12PX; LINE-HEIGHT: 130%
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
</head>
<body>
<table border="0" align="center" cellpadding="0" cellspacing="3">
<tr>
<td><div align="center">
<table border="0" cellspacing="1" cellpadding="3">
<tr align=CENTER>
<td width="92"><div align="center">
<input type="BUTTON" value=" おもて面 " onClick="window.parent._top.location.href='../../pdf/k-a.pdf'">
</div></td>
<td width="92"><div align="center">
<input type="BUTTON" value=" うら面 " onClick="window.parent._top.location.href='../../pdf/k-b.pdf'">
</div></td>
<td width="92"><div align="center">
<input type="BUTTON" value="ページを閉じる" onClick="window.parent.close()">
</div></td>
</tr>
</table>
</body>
</html>
解除するには、２つのイベントハンドラを、フォームとボタンに加え、ボタンのタイプを「send」から「button」に変更することで実現できる。
以下、その方法。
<form action="xxx.php" method="post" onsubmit="return false;">
<input type="button" value="send" onclick="submit();" />
]]>