チェックボックスでリンクの開き方を変える

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: K-D : 2005/10/01 08:08
チェックボックスにチェックを入れると、
リンク先を新しいウインドウで開く。
チェックを入れないと、
同一のウィンドウで開くという風に切り替えられる様にしたいのですが、
どうやったら良いのでしょうか?

1   名前: muimui : 2005/10/01 08:08
javascriptでもいいんだったら、http://myako.net/index.htmを見ればのっているはずです。

2   名前: RippleGreen : 2005/10/01 08:08
こんにちは、RippleGreenです。
下記のような方法はいかがでしょうか。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="ja">

<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>チェックボックスでリンクの開き方を変える</title>
<script type="text/javascript"><!--
window.onload = function() {
var obj = document.links;
for (i=0; i<obj.length; i++) {
if (obj[i].href!="") {
obj[i].onclick = changeTarget;
}
}
}
function changeTarget() {
if (document.F.openType.checked) {
window.open(this.href);
return false;
}
}
//--></script>
</head>

<body bgcolor="#ffffff">
<form name="F">
<input type="checkbox" name="openType"> チェックすると新しいウィンドウでリンクを開きます。
</form>
<p><br></p>
<p>【 <a href="http://www.google.co.jp">GOOGLE</a> 】</p>
<p>【 <a href="http://www.yahoo.co.jp">Yahoo!</a> 】</p>
</body>

</html>

----------------------------------------------------------------------
動作確認
OS:WindowsXP professional sp2
Browser:IE 6.0 SP2、Netscape7.2、Firefox 1.0.4
Sample:http://ripple.mints.ne.jp/sample_20050927.html

3   名前: K-D : 2005/10/01 08:08
連絡遅れました。
大変役に立ちました。
本当にありがとうございました。

一覧へ戻る