タダでインターネットでお小遣い稼ぎましょう!

タダでインターネットでお小遣いを稼ぎましょう!

スポンサードリンク
 

Java Script

前のページへ
 
選択した画像の説明をテキストボックスに表示する

サンプル

オンマウスで画像の説明
 
<head> 〜 </head>内に記述
<script type="text/javascript">
<!--
function showMsg(imageNo) {
	if(imageNo==1) {
		document.myForm.myText.value="画像の説明";
	}
	else if(imageNo==2) {
		document.myForm.myText.value="画像の説明";
	}
	else if(imageNo==3) {
		document.myForm.myText.value="画像の説明";
	}
	else if(imageNo==4) {
		document.myForm.myText.value="画像の説明";
	}
}
//-->
</script>
 
<body> 〜 </body>内に記述
オンマウスで画像の説明<br>
<form name="myForm">
<input type="text" name="myText" size="20" value="画像の説明" />
</form>
<br>
<img src="画像URL" onmouseover="showMsg(1)" width="200" height="200" />
<img src="画像URL" onmouseover="showMsg(2)" width="200" height="200" /><br>
<img src="画像URL" onmouseover="showMsg(3)" width="200" height="200" />
<img src="画像URL" onmouseover="showMsg(4)" width="200" height="200" />

このページの上へ