fork(3) download 
  1. <html>
  2.  
  3. <head>
  4.  
  5. 	<title>以「非同步傳輸」進行樹狀選歌</title>
  6.  
  7. 	<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5">
  8.  
  9. 	<style>
  10.  
  11. 		td {font-family: "標楷體", "helvetica,arial", "Tahoma"}
  12.  
  13. 		A:link {text-decoration: none}
  14.  
  15. 		A:hover {text-decoration: underline}
  16.  
  17. 	</style>
  18. 	<script src="prototype.js"></script> <!-- include file -->
  19. 	<script>
  20. 	// 顯示查詢結果
  21. 	function show_language_Result(xmlHttpObj){
  22. 		Element.update('song_language', xmlHttpObj.responseText); //將option寫入下拉式選單的裡面
  23. 		//document.write("xmlHttpObj.responseText="+xmlHttpObj.responseText);
  24. 	}
  25. 	// 送出對資料庫的查詢
  26. 	function check_language() {
  27. 		var url = 'find_song_language.asp';				// 伺服器的程式網頁	
  28. 		//var queryString = 'singerName=' + $F('singerName');	// 參數列
  29. 		var ajax = new Ajax.Request(url, {method:'post', onComplete:show_language_Result});
  30.  
  31. 	}
  32. 	</script>
  33.  
  34. </head>
  35.  
  36. <body onload="check_language()">
  37.  
  38. <h2 align=center>以「非同步傳輸」進行樹狀選歌</h2>
  39.  
  40. <hr>
  41.  
  42.  
  43. <FORM Name="myForm">
  44.  
  45. <table align=center border=1>
  46.  
  47. <tr>
  48.  
  49. <th>歌曲語言
  50.  
  51. <th>歌手名字
  52.  
  53. <th>歌曲清單
  54.  
  55. </tr>
  56.  
  57. <tr>
  58.  
  59. <td align=center>
  60.  
  61. <SELECT size=10 id="song_language" OnChange="Renew(this.selectedIndex);">
  62.  
  63.  
  64.  
  65. </Select>
  66.  
  67. <td align=center>
  68.  
  69. <!-- We want to define at least one option so that the select tag is created
  70.  
  71.      with the correct dimensions-->
  72.  
  73. <SELECT Name="Member" size=10 OnChange="Renew2(this.selectedIndex);">
  74.  
  75. 	<OPTION Value="">--------------
  76.  
  77. </Select>
  78.  
  79. <td align=center>
  80.  
  81. <SELECT Name="Song" size=10 OnChange="Renew3(this.selectedIndex);">
  82.  
  83. 	<OPTION Value="">----------------------
  84.  
  85. </Select>
  86.  
  87. </tr>
  88.  
  89. <tr><td colspan=3 align=center>Midi 網址：<input type=text size=60></td></tr>
  90.  
  91. <tr><td colspan=3 align=center><input type=button value=音樂欣賞 onClick="document.location='http://n...content-available-to-author-only...u.tw/jang2/cbmr/datafile/midifile/國語_女/張惠妹/聽海.mid'"></td></tr>
  92.  
  93.  
  94.  
  95. </table>
  96.  
  97. </Form>
  98.  
  99.  
  100.  
  101. <hr>
  102.  
  103. <script>function viewSource() {window.location="view-source:"+window.location} </script>
  104.  
  105. 檢視原始碼：
  106.  
  107. [<a target=_blank href="/jang/books/webprog/common/showcode.asp?source=/jang/books/asp/exerciseTemplate/selectSong01.asp">Server-side script</a>]
  108.  
  109. [<a href="javascript:viewSource()">Client-side script</a>]
  110.  
  111. </html>
Runtime error #stdin #stdout 0.29s 213184KB
comments (?)
stdin 
Standard input is empty
stdout 
Standard output is empty
https://ideone.com/gcbqU
language:
JavaScript (rhino 1.7.9)
created:
13 years ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!