關于一些制作網頁的問題

虚空使者

雖然說是assignmet
但咱還是想用心去做
所以有可能用到了了lecturer還沒教到、或者根本沒教的東西
所以跑去用了javascript
但是咱不懂要怎樣add個start/pause， stop control進去
google找了很多多數都是HTML的
有誰可以教咱嗎？

1. <script>
   
2. <!--
   
3. var musicsrc="my music.mp3"
   
4. if (navigator.appName=="Microsoft Internet Explorer")
   
5. document.write('<bgsound src='+'"'+musicsrc+'"'+' loop="infinite">')
   
6. else
   
7. document.write('<embed src=\"'+musicsrc+'\" hidden="true" border="0" width="20" height="20" autostart="true" loop="true">')
   
8. //-->
   
9. </script>

复制代码

當然這不是咱寫出來的東西。。。

Super-Tomato

原帖由 虚空使者 于 2009-2-15 11:28 AM 发表
雖然說是assignmet
但咱還是想用心去做
所以有可能用到了了lecturer還沒教到、或者根本沒教的東西
所以跑去用了javascript
但是咱不懂要怎樣add個start/pause， stop control進去
google找了很多多數都是H ...

html 的 background sound 無法控制開始暫停或停止, 除非你使用 Flash


p/s: 或者嵌入 WMP 或 Quicktime 等會比較簡單, 但非 Windows 或無安裝這類軟體的使用者就無法使用

[ 本帖最后由 Super-Tomato 于 2009-2-15 12:26 PM 编辑 ]

虚空使者

是說用類似下面這東西嗎？

1. 
   
2. <OBJECT ID="mediaPlayer"
   
3. CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
   
4. CODEBASE="http://activex.microsoft.com/activex/
   
5. controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
   
6. STANDBY="Loading Microsoft Windows Media Player components..."
   
7. TYPE="application/x-oleobject">
   
8. <PARAM NAME="filename"
   
9. VALUE="narcacepticle - born to loose.mp3">
   
10. <PARAM NAME="transparentatStart" VALUE="true">
    
11. <PARAM NAME="autoStart" VALUE="false">
    
12. <PARAM NAME="showcontrols" VALUE="true">
    
13. <PARAM NAME="volume" VALUE="-200">
    
14. <param name="PlayCount" value="10">
    
15. </OBJECT>
    

复制代码

但是沒有其他比較好的方法了嗎？
咱以前的blog有放過這個東西

1. 
   
2. <embed allowscriptaccess="never"  type="application/x-shockwave-flash" wmode="transparent" width="120" height="20" align="middle"></embed><a style="font-size:9px;color:#ccc;letter-spacing:-1px;text-decoration:none;" target="_blank" href="http://boomp3.com/listen/c1pptxg4o_z/key-to-my-heart-倉木麻衣">Boomp3.com</a>
   

复制代码

那時有能control start stop
只是最近不懂怎么沒了
但是這code放進去咱網頁。。。不能work。。。

Super-Tomato

原帖由 虚空使者 于 2009-2-15 12:50 PM 发表
是說用類似下面這東西嗎？

1. 
   
2. <OBJECT ID="mediaPlayer"
   
3. CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
   
4. CODEBASE="http://activex.microsoft.com/activex/
   
5. controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
   
6. STANDBY="Loading Microsoft Windows Media Player components..."
   
7. TYPE="application/x-oleobject">
   
8. <PARAM NAME="filename"
   
9. VALUE="narcacepticle - born to loose.mp3">
   
10. <PARAM NAME="transparentatStart" VALUE="true">
    
11. <PARAM NAME="autoStart" VALUE="false">
    
12. <PARAM NAME="showcontrols" VALUE="true">
    
13. <PARAM NAME="volume" VALUE="-200">
    
14. <param name="PlayCount" value="10">
    
15. </OBJECT>
    

复制代码

但是沒有其他比較好的方法了嗎？
咱以前的blog有放過這個東西

1. 
   
2. <embedallowscriptaccess="never"  type="application/x-shockwave-flash"wmode="transparent" width="120" height="20"align="middle"></embed><astyle="font-size:9px;color:#ccc;letter-spacing:-1px;text-decoration:none;"target="_blank"href="http://boomp3.com/listen/c1pptxg4o_z/key-to-my-heart-倉木麻衣">Boomp3.com</a>
   

复制代码

那時有能control start stop
只是最近不懂怎么沒了
但是這code放進去咱網頁。。。不能work。。。

第一種就是使用 WMP 的 ActiveX 插件播放, 缺點方面我已經提過了
第二種就是使用 Flash 播放器,  至於不能 work 的原因有可能是該 mp3 歌曲失連, 又或該網站已經不提供 crossdomain 連結, 建議把 mp3 歌曲放在 flash 同主機或路徑下, 然後修改 Flash 讀取指定路徑下的 mp3.

虚空使者

咱是照你建議來用其他的flashplayer
但是咱不知道要怎樣放align right跟infinite loop。。==
可以指點一下嗎？
咱對于javascript方面還是個新手

1. <script type="text/javascript" src="material/flash/swfobject.js"></script>
   
2.                
   
3. <div id="flashPlayer">
   
4.   This text will be replaced by the flash music player.
   
5. </div>
   
6. 
   
7. <script type="text/javascript">
   
8.    var so = new SWFObject("material/flash/playerMini.swf", "mymovie", "75", "30", "7", "#FFFFFF");
   
9.    so.addVariable("autoPlay", "yes");
   
10.    so.addVariable("soundPath", "material/artonelico.mp3");
    
11.    so.write("flashPlayer");
    
12. </script>

复制代码

Super-Tomato

原帖由 虚空使者 于 2009-2-15 01:51 PM 发表
咱是照你建議來用其他的flashplayer
但是咱不知道要怎樣放align right跟infinite loop。。==
可以指點一下嗎？
咱對于javascript方面還是個新手
               

1. <script type="text/javascript" src="material/flash/swfobject.js"></script>
   
2.                
   
3. <div id="flashPlayer">
   
4.   This text will be replaced by the flash music player.
   
5. </div>
   
6. 
   
7. <script type="text/javascript">
   
8.    var so = new SWFObject("material/flash/playerMini.swf", "mymovie", "75", "30", "7", "#FFFFFF");
   
9.    so.addVariable("autoPlay", "yes");
   
10.    so.addVariable("soundPath", "material/artonelico.mp3");
    
11.    so.write("flashPlayer");
    
12. </script>

复制代码

这就要看你们的Flash怎么编写的，而不是 JS 的问题

   so.addVariable("autoPlay", "yes");
   so.addVariable("soundPath", "material/artonelico.mp3");

这两句只是从 JS 初始 Flash 中的两个全域变数

虚空使者

咱這個JS還有外連一個material/flash/swfobject.js
但是里面有更多一堆看不懂的東西
也不關它的事嗎？
問題完全在于flash？

Super-Tomato

原帖由 虚空使者 于 2009-2-15 03:55 PM 发表
咱這個JS還有外連一個material/flash/swfobject.js
但是里面有更多一堆看不懂的東西
也不關它的事嗎？
問題完全在于flash？

播放 mp3 的是 flash player, 當然掌控重要編程的自然就落在 flash 中，就算你不要 swfobject.js 也不會怎樣，只要使用 <embed> 標籤插入 flash 即可

虚空使者

1. <html>
   
2. <head>
   
3. <title> Form validation </title>
   
4. <script language="Javascript">
   
5. function validate_email(field)
   
6. {
   
7.     with (field)
   
8.     {
   
9.         apos=value.indexOf("@"); //find the position of the @ character
   
10.         dotpos=value.lastIndexOf(".");//find the last position of the . character
    
11.         if (apos<1|| dotpos-apos<2)
    
12.         {
    
13.             alert("Not a valid e-mail address!"); return false;
    
14.         }    else return true;
    
15.     }
    
16. }
    
17. function validate_length(field)
    
18. {
    
19.     with(field)
    
20.     {
    
21.         if (value.length == 0)
    
22.         {   
    
23.             alert("Cannot be empty!"); return false;
    
24.         }else return true;
    
25.     }
    
26. }
    
27. function validate_form(thisform)
    
28. {
    
29.     with (thisform)
    
30.     {
    
31.         if (validate_length(yourname) == false)
    
32.         {
    
33.             yourname.focus(); return false;
    
34.         }
    
35.         if (validate_length(email)==false || validate_email(email)==false)
    
36.             {
    
37.             email.focus(); return false;
    
38.             }
    
39.     }
    
40. }
    
41. </script>
    
42. </head>
    
43. <body>
    
44.     <form action="submitpage.htm" onsubmit="return validate_form(this);" method="post">
    
45.     <br>Name : <input type="text" name="yourname" value="">
    
46.     <br>Email : <input type="text" name="email" size="30">
    
47.     <input type="submit" value="Submit">
    
48. </form>
    
49. </body>
    
50. </html>

复制代码

加入了validate的功能
但是submit去的那個page要怎樣收入submit的東西？

Super-Tomato

原帖由 虚空使者 于 2009-2-26 09:23 AM 发表


Form validation

function validate_email(field)
{
    with (field)
    {
        apos=value.indexOf("@"); //find the position of the @ character
        dotpos=value.lastIndexOf(".") ...

html 无法接收 POST method 的 parameters

1. 改成 GET method 然后在该 submitpage 取得网址後判段 parameters
2. 使用 ASP, PHP, JSP 等


最后如果要赋予 Flash 中这两个值的话，就去參考 FlashVars 的 param 设定