台灣最大程式設計社群網站
線上人數
926
 
會員總數:239336
討論主題:185681
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> 運用滑鼠變化影像功能製作表單提交的功能
[ 變換順序 ]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
運用滑鼠變化影像功能製作表單提交的功能
價值 : 10 QP  點閱數:229 回應數:8

樓主

Stan Chen
門外漢
0 2
40 8
發送站內信


目前我運用dreamweaver的滑鼠變化影像功能,製作了一個滑鼠移動上上面會更變按鈕圖示的按鈕。
html程式碼如下,MM_swapImgRestore(),跟MM_swapImage()這2個副程式我就不寫出來。

現在我的問題是,我想要這個按鈕有『表單提交』的功能,就如同submit這個功能,
但是這個是屬於一個超連結標籤,請問各位應該要怎麼處理才可以達到這個功能呢??
我的想法:
在這個超連結中加上onClick = xxx(),讓它按下按鈕後去呼叫xxx()的副程式,由副程式來提交表單。
xxx()副程式如下:

請問各位,我這個想法是可以實現的嗎,另外呼叫副程式是不是要用jacascript實現呢?
謝謝。



搜尋相關Tags的文章: [ 表單提交 ] , [ javascript ] , [ 滑鼠變化影像 ] ,
本篇文章發表於2016-12-29 17:16
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
作者回應

Stan Chen
檢舉此回應
上面副程式中的myForm是我的表單名稱
本篇文章回覆於2016-12-29 22:44
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

Stan Chen
檢舉此回應
我測試了一下,發現依照上面的寫法,onClick()寫在超連結標籤裡面根本不會執行我所寫的副程式XXX(),只會執行超連結herf="#",
於是我查了一下,找到把java寫在超連結裡的方式,如下:

但是執行起來就完全沒有反應,請問是為什麼呢??
本篇文章回覆於2016-12-29 23:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
參考 w3School
本篇文章回覆於2016-12-30 08:28
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
我一般會這樣寫
<a href="javascript:void(0);" onclick="formSubmit()">

另外,我會建議發問前先確認問題的癥結點在何處
是a標籤沒能觸發函數,還是函數執行沒能送出表單
還有js執行是否有錯誤訊息等等
例如你發問時函數叫做formSubmit(),可是2樓的程式中卻是呼叫SubmitButton()
這樣我會搞不清楚你的問題是不是根本就呼叫錯函數
本篇文章回覆於2016-12-30 10:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

Stan Chen
檢舉此回應
回應 Daimom:
您所回覆的範例,是<input>標籤,我所想詢問的是<a>標籤如何忽略超連結而觸發副程式。
====================================================================
回復 迷路:
抱歉我沒有說明清楚還有打錯,我的問題是:為什麼a標籤不能觸發副程式,至於函數能否執行送出表單功能,要等到<a>標籤能夠成功使用才能確認,
formSubmit()我是打錯,副程式是呼叫SubmitButton()沒錯,
抱歉造成困擾。
我嘗試改成
<a href="javascript:void(0);" onclick="SubmitButton()">
但還是無法執行任何動作,副程式也無法呼叫

謝謝
本篇文章回覆於2016-12-31 13:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
a標籤呼叫函數是絕對沒問題的
簡易範例如下:
test.html

test.php


你的情形就是我說的要仔細測試問題在哪的狀況
你說按了沒反應,那到底是函數沒被執行,還是執行出現錯誤
你可以先試試看將SubmitButton()的內容換成

看看按了a標籤後有沒有跳出訊息「OK!」
如果有就表示函數其實是有正常執行的,出問題的部分在執行的內容
如果沒有表示有其它東西干擾/攔截onclick的觸發
本篇文章回覆於2017-01-03 10:14
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
onClick的方式是都一樣的。
本篇文章回覆於2017-01-05 13:13
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
大家都沒注意到一個重點。

javascript會要求大小寫。

也就是說,他的函式是formSubmit 用 FormSubmit去呼叫是呼叫不到的。

建議你學一下用f12的瀏覽器開發工具。理論上因該會給你報錯才對。你就不用再那邊試半天了。

另外建議你,可以的話不要用dreamweaver所產生的東西。在你不了解也不明白他的程式是做什麼的。就不要去使用。
可以的話,學一下jquery吧。約會的話。你這邊的東西可以用很單純的做法處理。
本篇文章回覆於2017-01-06 17:30
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
[ 變換順序 ]   
1

回覆
如要回應,請先登入.