操作流程:
★0.登入帳戶yahwilly2@gmail.com,參見:
https://docs.google.com/presentation/d/16KfPXZc2o8tCPQx4W4qTDoSxgu4JRZ9rK36lD2573rA/edit?slide=id.g3b03eee1ab5_0_0#slide=id.g3b03eee1ab5_0_0
★1.在未點擊乙、丙前,點擊甲按鈕,輸出A[SVG按讚thumbsup]
可於chrome、MyIE運作,特別注意:本單元可成功於於MyIE運作。
★2.點擊乙按鈕後,再點擊甲按鈕,所輸出之文字會被改成B恢復預設[SVG按讚thumbsup]。
★3.點擊丙按鈕後,再點擊甲按鈕,所輸出之文字會被改成C[笑臉SVG圖]。
★4.操作丁區域:選擇.svg圖片檔案後,再點擊Upload按鈕上傳.svg圖片(若非.svg副檔名,將會被禁止上傳),所欲被點擊並傳出之圖片會被改成D[所被上傳之SVG圖]。
(註:倘若上傳後的圖片並未被將點擊按鈕圖片進行改變,則須按下Ctrl+F5)
★★本單元是具有缺點的程式,缺點:
倘若先前已經執行過★1,輸出圖片並將所輸出的圖片駐留於網頁頁面上。則執行★4後,再次上傳.svg圖片,會將已經所輸出駐留於網頁頁面上的圖片給消除。參見執行影片:
https://cc.ee.ntu.edu.tw/~d01941025/zz_code_PHPuploadANDreceiveOnlySVGfileATsamePage_JSclickButtonSendSVG_UseAnotherButtonToChangeSVGnoBackground.mp4
==================================================================================================================================================
●丁、上傳.svg圖片,來做為被點擊後所輸出的影像:
上傳之.svg檔案來改掉點擊按鈕■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■
0.可藉此網址下載後解壓獲得一堆SVG圖片檔案:
https://cc.ee.ntu.edu.tw/~d01941025/zz_code_PHPuploadANDreceiveOnlySVGfileATsamePage_uploadBecomeME_ManySVGpicture.rar
3.觀測所上傳之檔案,譬如:
http://127.0.0.1:8888/AAAAAAA/2025.12.11/C/zz_code_PHPuploadANDreceiveOnlySVGfileATsamePage_JSclickButtonSendSVG_UseAnotherButtonToChangeSVGnoBackground_UPLOADED.svg
https://cc.ee.ntu.edu.tw/~d01941025/zz_code_PHPuploadANDreceiveOnlySVGfileATsamePage_JSclickButtonSendSVG_UseAnotherButtonToChangeSVGnoBackground_UPLOADED.svg
上傳之.svg檔案來改掉點擊按鈕■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■
●乙、點擊本按鈕後,未來所欲輸出之文字會被改成B恢復預設[SVG按讚thumbsup]:
●丙、點擊本按鈕後,未來所欲輸出之文字會被改成C[笑臉SVG圖]:
●甲、每當按鈕被點擊一次,就會運行一次本區域,跑出一個SVG圖(在未點擊乙、丙前,點擊本按鈕,輸出A[SVG按讚thumbsup]):