W7

 

第七堂

課程內容

  • HTML Forms → <input type="text" id="fname" name="fname" value="John"><br> → 空格、勾選；命名；呼應<label for="fname">；預設表單空格內的Answer
  • if(){} → 大誇號內為一範圍，後不可加；，；是指一動作結束，要加在{}內，可用來區隔if成立後要執行的多個動作 → 大誇號要養成習慣用獨立行!
  • 目的:在表單尚未完成就送出時，跳出警告視窗，同時提醒有哪些空格還沒填
    1. var str=""; → 宣告一空字串為str
    2. if (m==null || m==""){str += "姓名不可為空白!\n"; } → 當m空格內容不成立時，在str內增加一字串內容
    3. if (str != ""){alert(str)} → 當str不等於空字串時，宣告str
  • 目的:結合window.open範例，使我們自己製作的表單頁面可以透過my submit將值回傳到google表單的試算表
    1. <form class="col s12"  name="form1" action="javascript:formresponse();"> → 將我們的表單命名成form1，並執行formresponse的function
    2. var m = document.forms["form1"]["name"].value; → 呼叫試算表內name欄為form1的m值
    3. 使用者填寫表單
    4. var MySubmit = "https://docs.google.com/forms/d/e/1FAIpQLSenWul2KMJPmx5hlNvECjSlCykt3K1wvRZxK0QpzieIOti5mQ/formResponse?usp=pp_url&entry.1028248596=" + m + "&entry.1872360850=" + d; → 將MySubmit連結到google表單
    5. var NewOpen = window.open(MySubmit); → 利用window.open()叫出MySubmit
  • <i class="material-icons right">send</i> → 圖示(連結head區material+Icons)

課堂心得

        今天的課程是要學習如何製作我們自己的form表單，並且讓使用者在填完表單後的內容可以回傳到google試算表，同時再加上上週學習的內容，還可以讓我們的表單內容獨立顯示，以後就可以應用在商品訂購或是統整網頁瀏覽者的意見回饋等地方。
        雖然現在還沒學資料庫的完整觀念，但在"增刪查改"四大應用中我們已經有了"增"和"查"觀念，棒!因為期末網頁中也要用到form這功能，所以我之後還要自己花時間去玩下input其他方法，讓我之後網頁裡的表單可以好看點~
          課堂練習(test2)：https://jsbin.com/hafuketeta/1/edit?html,output
          課堂練習(test3)：https://jsbin.com/dujiqakusi/1/edit?html,output

留言

張貼留言

這個網誌中的熱門文章

 穿戴式監控裝置利弊 "No one shall be subjected to arbitrary interference with his privacy, family, home or correspondence, nor to attacks upon his honour and reputation Everyone has the right to the protection of the law against such interference or attacks." --Universal Declaration of Human Rights , Article 12. 前言 　　根據聯合國所頒布的 《世界人權宣言》中第十二條 明確指出，任何人皆有權享有私生活、家庭、住宅和通信等隱私保護，然今科技日新月異，在許多方面，科技往往走在法律之前，並逐漸威脅到人們的隱私甚至人身安全，其中隱含著高度風險的領域即為醫療與個人健康資訊，而其監控核心便是穿戴式裝置，我們又如何能斷定在成功獲取我們的心律、腦波後，未來不會藉此進一步分析我們的所思所想？本文我們將針對穿戴式裝置進行科技與隱私的深入探討與分析。 何謂 穿戴式裝置         在醫療保健領域中，穿戴式裝置意即消費者可以配戴的電子設備，目的是收集用戶的個人健康數據並即時傳送給醫療專業人士，最原始的穿戴技術用於健身方面，是配備了感測器的腕帶，能追蹤用戶的身體活動和心律，並與智慧型手機同步，提供用戶健康健身方面建議，此後隨者市場對於穿戴式監控裝置需求的日益增長，發展出了各式監控血壓、呼吸律抑或溫度的相關裝置，知名企業有如 Proteus 、 Neurotech 、 Augmedix 等( 2022 Top10穿戴式醫療裝置開發公司 )。 優點         在過去5年中，穿戴式健康監控裝置的使用率增加了兩倍之多，其於市場中的高接受度絕非毫無來由，對醫生來說，他的最大優勢為便利性，他提供了一個能自動紀錄並追蹤病人即時狀況的機會，這也使我們不難理解為何他能在近年的開發市場中有著爆炸性的成長，以下我們將探討穿戴式裝置在醫學領域帶來的助益： 1.  方便－ 穿戴式裝置通常穿戴簡便，能夠即時追蹤病人狀況，並回傳給醫療機構，對醫院來說減少了時間與成本，對病人來說也省下掛號及復診的時間、
閱讀完整內容

W2

 第二堂 課程內容 把上禮拜body上的字串換成照片呈現 注意""&''要成對出現 <img src=" 照片網址 " alt="Trulli" width="500" height="333">→ 絕對位置 用myFunction1.第一張、 myFunction2.第二張，對照各自照片網址→ not good 一按鈕對依照片效率差 字串常數變數 將照片網址用函數X替換對照                               <button onclick="myFunction1( ' 網址 ' )">上一張</button>                               myFunction1(x)                          '<img src="' + x + '" alt="Trulli" width="500" height="333">'→ +表連接                       💣字串常數必用一引號→變成 一字元                             變數 不可用引號 陣列(Javascript Array) 將var cars內各個網址對應到myFunction1的0、1                               <button onclick="myFunction1( '0' )">上一張</button>                               <button onclick="myFunction1( '1' )">下一張</button>                                myFunction1(x)                               
閱讀完整內容