<!---------------------------------------------------------
『HuntingHornMelody』Html
---------------------------------------------------------->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Language" content="ja"/>
<meta http-equiv="Content-Script-Type" content="text/javascript"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<title>HuntingHornMelody</title>
<link rel="stylesheet" type="text/css" href="css/HuntingHornMelody.css"/>
<script type="text/javascript" language="javascript" src="js/HuntingHornMelody.js"></script>
</head>
<body onload="getHorn()">
<form name="SelectHornList" action="#">
<select name="SelectHorn">
<option>AAAA
<option>BBBB
<option>CCCC
</select>
</form>
</body>
</html>
/*---------------------------------------------------------
『HuntingHornMelody』 JavaScript
---------------------------------------------------------*/
function getHorn() {
var n = document.F1.S1.selectedIndex;
alert(document.F1.S1.options[n].text);
}
function getMelody(){
switch (SelectHorn) {
case 1:
alert("AAAA");
ocument.write("Hello World!!");
break;
case 2:
alert("TWO");
break;
case 3:
case 4:
alert("THREEorFOUR");
break;
default:
alert("OTHER");
break;
}
}
@charset "utf-8";
/***********************************************************
『HuntingHornMelody』 Stylesheet
***********************************************************/
body {
width: 125px;
height: 100px;
margin: 0px;
padding-top: 10px;
padding-left: 10px;
background-image: url(../images/background.gif);
background-repeat: no-repeat;
color: black;
font-size: 10px;
}
最終更新:2008年06月10日 14:58