[問題] 搭配iframe載入完成顯示按鈕

看板Web_Design作者 (霹靂狗)時間5年前 (2019/08/19 17:17), 5年前編輯推噓0(0019)
留言19則, 5人參與, 5年前最新討論串1/1
<script> function load() {  document.getElementById('sbmt').disabled=false; } </script> <input id="sbmt" name="nid" type="submit" value="test" disabled> <iframe onload="load()" width="0px" height="0px" frameborder="0" scrolling="no" src="" rel="nofollow">https://www.pchome.com.tw"></iframe> 這邊怎麼試都不成功,不知該怎麼判斷load的值 我想要的功能是iframe還沒載入完成就不會顯示submit的按鈕,載入完成後才顯示 不知有哪邊要修正才能正常運作 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 218.164.45.137 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1566206237.A.9EB.html

08/20 10:44, 5年前 , 1F
function裡的value是指什麼?你是不是沒有定義?
08/20 10:44, 1F

08/20 11:47, 5年前 , 2F
疑~我用錯方式了嗎 載入有沒有完成不是0跟1兩種嗎
08/20 11:47, 2F
※ 編輯: piligo (218.164.45.137 臺灣), 08/20/2019 11:48:21

08/20 11:49, 5年前 , 3F
我補上括號內的宣告了 還是沒效
08/20 11:49, 3F

08/20 12:11, 5年前 , 4F
onload 不是有沒有完成 是完成之後會執行 所以沒有value
08/20 12:11, 4F

08/20 12:33, 5年前 , 5F
了解 那要怎麼把onload完成才把submit按鈕顯示出來呢
08/20 12:33, 5F

08/20 12:34, 5年前 , 6F
本來是想成onload完成前鎖按鈕 onload完成後解鎖 如果只是
08/20 12:34, 6F

08/20 12:35, 5年前 , 7F
onload完要執行什麼 要怎麼寫成onload完把submit叫出來
08/20 12:35, 7F

08/20 13:49, 5年前 , 8F
不就原本預設鎖著 onload 的時候直接解鎖嗎
08/20 13:49, 8F

08/20 16:28, 5年前 , 9F
恩恩~我懂 但不會寫 有範本可以參考嗎 我只會修改範本 @@
08/20 16:28, 9F
※ 編輯: piligo (218.164.45.137 臺灣), 08/20/2019 17:20:29

08/20 18:49, 5年前 , 10F
how about <input id="sbmt" type="submit" disabled>
08/20 18:49, 10F

08/20 21:20, 5年前 , 11F
感謝 預設已經disabled了 但是load完卻不會解除 @@
08/20 21:20, 11F
※ 編輯: piligo (218.164.45.137 臺灣), 08/20/2019 21:21:42 ※ 編輯: piligo (218.164.45.137 臺灣), 08/20/2019 21:23:41

08/20 21:29, 5年前 , 12F
反而把input的disabled拿掉 然後getElementById
08/20 21:29, 12F

08/20 21:29, 5年前 , 13F
disabled=true frame載入過程submit可以按 載完就鎖起來
08/20 21:29, 13F

08/20 21:30, 5年前 , 14F
但是我要的剛好是相反
08/20 21:30, 14F

08/21 21:03, 5年前 , 15F
https://jsfiddle.net/cpr0umg9/1/ pchome好像LOAD很久
08/21 21:03, 15F

08/21 22:24, 5年前 , 16F
感謝 測試您的範本成功了 但不是因為querySelector才成功
08/21 22:24, 16F
因為我網頁要設計成手機樣版所以有載入底下這三行,結果是被干擾 造成解除按鈕失效 @@ 這部分要怎麼排除呢 謝謝 http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.4/jquery.mobile.min.css https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js ※ 編輯: piligo (220.142.76.97 臺灣), 08/21/2019 22:56:27

08/21 23:01, 5年前 , 17F
https://jsfiddle.net/ot49Lxen/ 不過jsfiddle不會載入js
08/21 23:01, 17F

08/22 08:13, 5年前 , 18F
https://jsfiddle.net/1u47tjfd/ 建議先學怎麼用偵錯工具
08/22 08:13, 18F
※ 編輯: piligo (220.142.76.97 臺灣), 08/22/2019 08:43:11

08/22 08:44, 5年前 , 19F
感謝您 還特別註解說明 來研究一下
08/22 08:44, 19F
文章代碼(AID): #1TMcaTdh (Web_Design)
文章代碼(AID): #1TMcaTdh (Web_Design)