 |
182
|
Re17:占いを作りたいのですが by 管理人 |
2006/12/06 (Wed) 15:45 |
|
|
admin
|
こんな感じですね。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/uranai.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<!-- InstanceBeginEditable name="doctitle" -->
<title>今日のあなたへのメッセージ・☆☆☆</title>
<!-- InstanceEndEditable --><style type="text/css">
<!--
body {
background-color: #ECFFFF;
}
.style1 {
color: #330099;
font-weight: bold;
font-size: 16px;
}
-->
</style>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<script type="text/javascript">
<!--
function wo(obj){
src = obj.href;
forture = window.open(src,'fortune','width=450,height=300,left=200,top=100,scrollbars=no,menubar=no,location=no,resizable=no,status=no,toolbar=no');
}
//-->
</script>
</head>
<body>
<table width="450" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#C5E9F3">
<tr>
<td><div align="center" class="style1">天使さんからの、あなたへのメッセージ</div></td>
</tr>
<tr>
<td><!-- InstanceBeginEditable name="メッセージ" -->
<div align="center">
<a href="uranai_1.htm" onclick="wo(this); return false;"><img src="../uranai-img/tenshi_1.gif" alt="天使1" width="100" height="94" hspace="15" vspace="15" border="0"></a>
<a href="uranai_2.htm" onclick="wo(this); return false;"><img src="../uranai-img/tenshi_2.gif" alt="天使2" width="100" height="96" hspace="15" vspace="15" border="0"></a>
<a href="uranai_3.htm" onclick="wo(this); return false;"><img src="../uranai-img/tenshi_3.gif" alt="天使3" width="100" height="96" hspace="15" vspace="15" border="0"></a><br>
ピンときた天使さんをクリックしてください。<br>
一日一回にしましょうね。<br>
</div>
<!-- InstanceEndEditable --></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>
大まかに言うと、<a href="〜" の後ろに、onclick="〜" が書かれていないと、スクリプトが呼ばれないので。
あと、今回は、スクリプト自体のほうも、ほんの少し修正しました。
src = obj.href;
の部分を追加したことと、これに伴って
fortune = window.open( の、「obj」を「src」に書き換えました。
たしか、以前は
<a href="****.html" onclick="wo('****.html'); return false;">
と、****.htmlを２箇所に書いていたのですが、これを省略できるように修正しました。
なので、今回は
<a href="****.html" onclick="wo(this); return false;">
となっています。
以上です。 |
|
 |
選択した記事にこのフォームで返信します。
|