[請益] 加了<!DOCTYPE html>,表格就壞掉

作者: asd56799001 (貝爾菲格諾)   2015-08-17 15:46:57
這是一個可勾選顯示/隱藏欄位及內容的網頁
預設為全部勾選,有勾才顯示,取消勾選就隱藏欄位和該欄位的內容
如下圖
http://i.imgur.com/9PVeEyR.jpg
本來做好了功能都正常,
做到後面發現我少加了<!DOCTYPE html>
加了之後變這樣
http://i.imgur.com/CdHXULp.jpg
變成說,
第一個核取方塊可正常隱藏/顯示,但第二個就會跑到下面,欄位和欄位擠在一起,
我非常確定是加了<!DOCTYPE html>才這樣,因為試了好幾次,但標準的網頁不加又不行
這是原始碼http://ideone.com/JSb0nL
資料表SQL指令http://ideone.com/QH3jV5
資料表圖片http://i.imgur.com/6ug6dPW.jpg
試過把FOR迴圈換成一個一個列,但還是依樣
其他版本的<!DOCTYPE>也試過了還是一樣
真的很不解,標準的東西加了變成壞掉-.-
希望有人可以幫忙看或測試或我還可以怎麼試給我一些方向和建議,或是做法改變也好
我的瀏覽器是Chrome 44.0.2403.155 m 最新版
IE試過也一樣...
作者: alog (A肉哥)   2015-08-17 15:51:00
本來就會錯 表格類 最好每一個欄都定好固定大小沒啥時間幫你debug 我是覺得你自己可以先刻一個表格出來不要上php程式 看一下你結構對不對
作者: asd56799001 (貝爾菲格諾)   2015-08-17 15:55:00
你是說我先不拉資料庫先自己做一表格?
作者: alog (A肉哥)   2015-08-17 15:55:00
順便補充 如果你每一個儲存格都沒定好一定寬度 而table有定寬度 則會自動從內容調整 出來結果很容易不一樣
作者: asd56799001 (貝爾菲格諾)   2015-08-17 15:56:00
不要上PHP是什麼意思?不用PHP語言來做嗎?
作者: alog (A肉哥)   2015-08-17 15:58:00
按照你上面的畫面造一個表格出來
作者: asd56799001 (貝爾菲格諾)   2015-08-17 15:58:00
那我先造一個簡易的
作者: asd56799001 (貝爾菲格諾)   2015-08-17 15:59:00
好 我都先試試
作者: alog (A肉哥)   2015-08-17 15:59:00
那個很容易出錯我先忙 你先試試看這樣能不能找出問題
作者: MOONRAKER (㊣牛鶴鰻毛人)   2015-08-17 16:24:00
td怎麼有個沒屬性的display哩
作者: asd56799001 (貝爾菲格諾)   2015-08-17 16:28:00
因為加了display屬性 表格就無法正常顯示..可能JAVA那邊沒有寫好 所以就先把屬性拿掉了只用HTML 做還是有一樣問題CODE http://ideone.com/dgV8I3我懷疑應該是display沒給值JAVA那邊沒寫好的關係
作者: lother (Einsam Lother)   2015-08-17 18:31:00
table的display和一般區塊不一樣http://pastie.org/10356352參考 http://goo.gl/wsA02d
作者: MOONRAKER (㊣牛鶴鰻毛人)   2015-08-17 18:53:00
你是在寫javascript不是JAVA 不要等別人來戳你
作者: asd56799001 (貝爾菲格諾)   2015-08-17 19:32:00
我知道是javascript但可以偷懶一下嗎..現在下班了 明天再來試試看了lother的,試了一下可以了..原來同個功能但不同的元素用的語法也不同...唉要學的真的太多了y
作者: GALINE (天真可愛CQD)   2015-08-17 23:17:00
不能偷懶啊,熱狗跟狗差很多 XD
作者: asd56799001 (貝爾菲格諾)   2015-08-17 23:22:00
這種問題不太應該的,唉到底要怎學才比較好
作者: swallowcc (guest)   2015-08-18 02:14:00
要偷懶打js不是更好嘛-_-"

Links booklink

Contact Us: admin [ a t ] ucptt.com