標籤

2014年6月17日 星期二

自幹 Colorbox

丫服:「 剛剛同張圖的問題阿,我在IE6開起來背後的灰底不見了ㄝ」

丫服:「 原本灰底在點不到更後面的東西阿」

卡卡米:「 ㄏㄏ」

丫服:「 XD」

卡卡米:「 感覺修這個跟要重寫一樣了」

卡卡米:「 怎不用colorbox 阿」

丫服:「 [2014年6月17日 下午 03:51] 卡卡米: <<< colorbox 這啥XD」

卡卡米:「 http://www.jacklmoore.com/colorbox/

卡卡米:「 點 view demos 1」

卡卡米:「 然後裡面隨便一個超連結點進去」

丫服:「 還要下載 擴充?」

卡卡米:「 嗯」

卡卡米:「 不過 colorbox 有個致命傷」

丫服:「 不打算用阿XDD」

卡卡米:「 阿服自幹一個color box 簡易版阿」

卡卡米:「 我們公司就是自幹一個簡易版的阿= =」

李小龍:「 上次推最簡單的 bpopup 阿服都不用了= =」

卡卡米:「 阿服無法突破使用第三方套件」

李小龍:「 不知道怎麼裝吧」

卡卡米:「 嗯」

卡卡米:「 js 算是」

卡卡米:「 套件安裝最容易的」

李小龍:「 裝完就會發現,之前一個禮拜不知道在忙山小」

卡卡米:「 阿服現在在做的事情就是」

卡卡米:「 徒手 拆螺絲」

丫服:「 我現在就只要改之前人家寫好的」

卡卡米:「 旁邊有螺絲起子跟電動螺絲起子」

卡卡米:「 不用一下」

丫服:「 我裝了變成我全部要改寫阿= =」

卡卡米:「 no」

卡卡米:「 你修這個問題」

卡卡米:「 等於改寫」

丫服:「 
#hidd { 
 display: none; 
 position: absolute; 
 z-index: 100; 
 width: 100%; 
 height: 100%; 
 top: 0px; 
 left: 0px; 
 background-color: #cccccc; 
 filter: alpha(opacity = 50); 
 opacity: 0.5; 
}」

卡卡米:「 超爽」

丫服:「 隱藏的時候我把這個div的css打開阿,可是都沒反應ㄝ= =」

卡卡米:「 幹我覺得我的css進步了」

卡卡米:「 讀得懂了」

卡卡米:「 你先把」

卡卡米:「 [2014年6月17日 下午 04:16] 丫服: <<< display: none;」

卡卡米:「 刪掉」

卡卡米:「 直接開頁面看有沒有」

卡卡米:「 如果一開始就沒有你怎麼改都不會出現der」

丫服:「 嗯...沒有」

丫服:「 幹」

卡卡米:「 [2014年6月17日 下午 04:16] 丫服: <<< filter: alpha(opacity = 50); opacity: 0.5;」

卡卡米:「 這個也刪掉看看呀」

丫服:「 IE11打開全部不能點了= =」

李小龍:「 透明 透明」

丫服:「 也沒」

李小龍:「 不知道兩個加起來會不會完全透明= =」

李小龍:「 你HTML上面有沒有 display:none」

丫服:「 都刪掉就完全不透明了」

卡卡米:「 應該是不支援吧」

卡卡米:「 所以都刪掉就看得到了嘛」

丫服:「 沒」

丫服:「 刪掉也沒有灰底」

卡卡米:「 還是看步道喔」

丫服:「 IE11看變起來完全灰色」

卡卡米:「 IE11是正常的」

卡卡米:「 ie8還是看不見就表示」

卡卡米:「 有人在搞鬼呀」

丫服:「 XD」

丫服:「 嗯...找鬼去XD」

李小龍:「 你用 #指定還蠻怪的」

李小龍:「 說不定有吃到其他的 class」

卡卡米:「 #是最大的吧」

丫服:「 不是我用的阿,大人~」

李小龍:「 外包超爽的」

卡卡米:「 外包亂做」

卡卡米:「 交件」

卡卡米:「 不維護」

卡卡米:「 阿服維護超爽」

卡卡米:「 學到好多BUG 的寫法」

丫服:「 XD」

丫服:「 怎半XD」

李小龍:「 吃到其他class 一樣寫 display:none」

卡卡米:「 如果是的話 不會只有IE8」

李小龍:「 只有IE8 沒顯示而已喔?」

丫服:「 嗯」

丫服:「 應該是說IE6啦」

丫服:「 我IE11開有灰底阿」

李小龍:「 所以 11有」

丫服:「 6無」

卡卡米:「 通常這時候我會直接把全部的JS都刪了」

卡卡米:「 然後看有沒有出現」

卡卡米:「 有出現 = JS搞的鬼」

卡卡米:「 沒出現 = 去別的地方找」

李小龍:「 有一些符號出現在CSS 是可以指定特定瀏覽器做特殊功能」

丫服:「 剛剛把這裡面全部刪除,重整網頁還是沒有灰底,只有跳出其他錯誤= =」

卡卡米:「 有錯誤」

卡卡米:「 先看是什麼錯誤」

卡卡米:「 理論上JS全沒寫應該不會有JS錯誤」

丫服:「 讀資料錯誤阿」

卡卡米:「 不可能阿」

卡卡米:「 這樣就表示你JS還在動」

李小龍:「 沒砍乾淨」

卡卡米:「 你的錯誤訊息是PHP的還是JS的」

卡卡米:「 已經有點混亂拉」

李小龍:「 阿服有沒有用 GIT 或 SVN?」

丫服:「 沒= =」

卡卡米:「 不過PHP 應該不會被 JS 影響到」

李小龍:「 不要亂砍等等存檔 回家就爽歪歪」

丫服:「 他在下面有串PHP的東西阿= =」

卡卡米:「 執行順序是」

卡卡米:「 整頁所有的PHP都做完」

卡卡米:「 在做整頁的JS」

卡卡米:「 所以你刪JS不可能產生PHP端的BUG 阿」

李小龍:「 PHP + HTML 顯示完 再做JS」

卡卡米:「 PHP是server side」

卡卡米:「 不可能被js影響」

李小龍:「 PHP爆了 可能是 JS有塞值?」

卡卡米:「 如果js要塞值」

卡卡米:「 也是ajax階段的事了呀」

李小龍:「 可能喔」

卡卡米:「 js全刪的話根本不會有ajax」

卡卡米:「 所以」

卡卡米:「 阿服趕快undo 另存一份吧」

卡卡米:「 = =」

李小龍:「 幹 笑死」

卡卡米:「 雖然我每次惡搞」

丫服:「 存了阿= =」

卡卡米:「 都是手動改回來的」

卡卡米:「 不過有git 在 就是讓你放心亂搞」

丫服:「 我都適用CTRL + Z 回復的XD」

李小龍:「 不知道 因為是外包 所以可能有各種神奇寫法」

阿哈:「 有趣哦」

卡卡米:「 每次亂搞前先commit 一下」

李小龍:「 阿服沒有 超HIGH的= =」

卡卡米:「 嗯」

丫服:「 XDD」

卡卡米:「 剛剛我旁邊的同事」

卡卡米:「 修改db的值」

卡卡米:「 改壞了」

李小龍:「 就跟打RPG 從頭到尾不能存檔一樣」

卡卡米:「 他問我有沒有之前的值」

丫服:「 程式碼阿= =」

卡卡米:「 我說沒有」

卡卡米:「 他臉都綠了」

李小龍:「 臉跟大便一樣吧= =」

卡卡米:「 資料庫有備份」

卡卡米:「 可是要取得之前的值」

卡卡米:「 太麻煩了」

李小龍:「 
include_once ("uo_itri_mb.class.php"); 
include_once ("uo_sso_itri.class.php");」

李小龍:「 這啥?」

卡卡米:「 php」

丫服:「 單純讀取SQL的值」

卡卡米:「 另外兩個檔案」

丫服:「 讀跟寫資料庫的東西都在這兩個檔案內」

丫服:「 沒其他東西」

李小龍:「 喔」

丫服:「 可能要說,這兩個檔案又是另外一個人寫的阿」

李小龍:「 外包B」

卡卡米:「 可能要說」

卡卡米:「 這種code 的寫法」

卡卡米:「 你要爽翻了喔」

丫服:「 0.0」

李小龍:「 要爽到升天了」

丫服:「 那個我們經理寫的= =」

卡卡米:「 用php 產生 js」

卡卡米:「 然後下面的 php 使用上面的 php 變數」

卡卡米:「 完全糾結在一起」

卡卡米:「 簡單的說就是」

卡卡米:「 一體成形的code」

卡卡米:「 完美無懈可擊你找不到任何一行可以拔掉他還沒事的」

卡卡米:「 應該說處處都是破綻隨便拔掉一行就壞了」

卡卡米:「 XD」

李小龍:「 你現在要做的事就是把一個蠶繭解開不能斷掉」

李小龍:「 阿服: 想回家了」

李小龍:「 太多爆掉的可能性了= =」

丫服:「 XD」

卡卡米:「 從173」

卡卡米:「 開始」

卡卡米:「 到279 註解掉吧」

卡卡米:「 PHP的部份留著沒事」

卡卡米:「 在外面上班就是這樣」

卡卡米:「 你就算不寫爛CODE」

卡卡米:「 人家還是會寫爛CODE給你維護」

卡卡米:「 最終你還是要會讀爛CODE」

丫服:「 嗯,沒灰底」

卡卡米:「 鬧鬼了呀」

卡卡米:「 整頁重寫吧」

卡卡米:「 在重寫的過程中你就會找到問題了」

丫服:「 0.0」

丫服:「 問題是,不是我寫的阿= =」

丫服:「 幹~」

卡卡米:「 你有參考CODE的狀態下2天內重寫一個一模一樣的」

卡卡米:「 應該是OK的」

卡卡米:「 這頁作的事情太多了一堆 IF 改變HTML LAYOUT 的」

卡卡米:「 投降吧叫經理出來處理了」

丫服:「 經理會在我旁邊叫我GOOGLE = =」

李小龍:「 阿服: 自己的爛CODE自己救」

卡卡米:「 你問他要搜尋什麼」

丫服:「 所以我正在GOOGLE中」

卡卡米:「 你一點方向都沒有」

丫服:「 http://www.sweetwill.com/contentid155.htm

丫服:「 隨便找中= =」

卡卡米:「 經理這樣講的意思是你可以找2天的意思嘛」

卡卡米:「 可以你就準備重寫了阿= =」

丫服:「 沒,說不定今天就要了阿= =」

卡卡米:「 那就穩死阿」

丫服:「 我在想有啥是11有支援,6 8 沒有的CSS設定= =」

李小龍:「 star hack」

卡卡米:「 加一段 IF IE6 整個網頁就只顯示下載 CHROME 的按鈕」

卡卡米:「 就解了」

李小龍:「 你可以幫 IE 7 以下的CSS 加*」

卡卡米:「 GO」

李小龍:「 就只會再IE7以下吃到那段CSS」

卡卡米:「 太毛了」

李小龍:「 跨瀏覽器支援還蠻多都這樣弄得」

李小龍:「 有各種奇怪符號」

李小龍:「 http://zh.wikipedia.org/wiki/CSS_%E6%BF%BE%E5%99%A8

李小龍:「 星號 hack」

李小龍:「 中文翻起來就怪怪的」

李小龍:「 出發 等等要跟大嬸們搶牛奶了」

卡卡米:「 = =」

丫服:「 我直接這樣子寫 他顏色就沒有變阿= =」

丫服:「 還是說我有少寫東西阿= =」

卡卡米:「 蛤」

卡卡米:「 顏色沒有變是什麼意思」

卡卡米:「 1透明」

卡卡米:「 2灰色」

卡卡米:「 3黑色」

卡卡米:「 你那行註解了」

丫服:「 用掉也沒變阿」

卡卡米:「 阿服你說沒變」

卡卡米:「 我不知道你在講啥」

卡卡米:「 原本是啥」

卡卡米:「 變成啥」

卡卡米:「 怎樣算沒變」

丫服:「 想說改背景顏色阿= =」

丫服:「 還是說我用錯了= =」

卡卡米:「 *.*」

卡卡米:「 所以你到底看到什麼顏色 阿」

卡卡米:「 這是ie6嗎」

丫服:「 恩」

卡卡米:「 那ie11咧」

卡卡米:「 相同的code」

丫服:「 恩..一樣的顏色= =」

卡卡米:「 一樣是」

卡卡米:「 ie6跟ie11一樣」

卡卡米:「 還是 ie11跟你的css一樣」

卡卡米:「 講清楚阿= =」

丫服:「 6跟11」

卡卡米:「 你整頁code全刪了」

卡卡米:「 再開一次看看阿」

卡卡米:「 一行都不要留」

小孩子:「 = = 上來看各種阿服問問題」

丫服:「 XDDD」

卡卡米:「 刪code還看到東西 = 你改錯檔案囉」

丫服:「 感覺我找到問題在哪了」

丫服:「 
#hidd { 
 display: none; 
 position: absolute; 
 z-index: 100; 
 width: 100%; 
 height: 100%; 
 top: 0px; 
 left: 0px; 
 background-color: #cccccc; 
 filter: alpha(opacity = 50); 
 opacity: 0.5; }」

丫服:「 他的CSS」

丫服:「 他灰色底只有最上面一點點= =」

小孩子:「 各種 display: none;」

丫服:「 我把width 跟 height 改成 2000px 後,就全部灰色了= =」

卡卡米:「 可能喔」

卡卡米:「 = =」

李小龍:「 阿服三小」

李小龍:「 結果吃到的只有最上面一小塊?」

丫服:「 恩 = =」

丫服:「 可是寬高不是用100%了= =」

丫服:「 是因為div 的關係嗎= =」

卡卡米:「 嗯災」

李小龍:「 100% 是看他在哪一層」

李小龍:「 被一個 200PX的包住 他顯示100% 最多也就200PX」

丫服:「 可是11不會這樣阿= =」

丫服:「 css有辦法知道目前網頁高度嗎」

丫服:「 用100%就只有那麼高阿XDD」

李小龍:「 高度喔 要自己加= =」

李小龍:「 開CHROME 吧」

李小龍:「 我記得是可以設定超過100%的」

李小龍:「 140% 之類的」

丫服:「 網頁高度不會設定阿~~~」

李小龍:「 無線的太少了」

李小龍:「 你要設定啥高度?」

卡卡米:「 js可以取得網頁高度」

丫服:「 怎取得XDD」

卡卡米:「 chrome 可以取得」

丫服:「 詢問各位大大啦~」

卡卡米:「 不代表ie6可以取得」

丫服:「 XD」

丫服:「 現在重點是IE6 = =」

李小龍:「 你拿高度要幹嘛?」

小孩子:「 IE6= =」

丫服:「 灰底阿= =」

卡卡米:「 window.document.body.scrollHeight」

卡卡米:「 建議你就直接設長寬3000」

卡卡米:「 就沒事了」

卡卡米:「 = =」

卡卡米:「 $(window).height()」

丫服:「 寬有設定9XX PX阿」

丫服:「 高會不一定阿」

卡卡米:「 阿服你高就設2萬」

卡卡米:「 win」

丫服:「 這樣卷軸不就會超長 = =」

卡卡米:「 喔」

卡卡米:「 無解」

卡卡米:「 幹用color box」

卡卡米:「 你下午4點就做好了」

卡卡米:「 = =」

李小龍:「 恩 硬要自幹= =」

李小龍:「 你要根據裡面的內容調整高度?」

李小龍:「 color box 原始碼應該有這段CODE」

卡卡米:「 不會寫的話可以去參考一下 colorbox 的原始碼= =」

李小龍:「 現在要看螺絲起子長什麼樣子 灌模做一把螺絲起子轉螺絲了」

卡卡米:「 應該是拿一根有點像螺絲起子的東西」

卡卡米:「 試著轉轉看」

卡卡米:「 發現不行」

卡卡米:「 開始對那跟進行改造」

丫服:「 好吧,下載好了 可是還是不會用阿DXDDDDD」

李小龍:「 你放到專門裝套件的資料夾」

李小龍:「 PHP 好像可以亂放?」

李小龍:「 就跟jquery.min.js 那個放一起」

李小龍:「 然後找到 html 裡面 include jquery.min.js 的地方」

李小龍:「 跟他做一樣的事情 檔名換成 color box」

卡卡米:「 不要把原本的 jquery.min.js 那行刪了」

卡卡米:「 你需要兩個東西」

卡卡米:「 1. colorbox.js」

卡卡米:「 2. colorbox.css」

卡卡米:「 http://stackoverflow.com/questions/10994706/colorbox-how-to-display-only-a-specific-div

卡卡米:「 看回應就好」

李小龍:「 卡卡米 : 做完了 下班囉」

卡卡米:「 嗯」

卡卡米:「 下班囉」

卡卡米:「 經理 : 背景怎麼不是灰色」

李小龍:「 應該可以調吧」

卡卡米:「 改css檔」

李小龍:「 要把美感倒退應該是很EASY的事情」

卡卡米:「 阿服表示 : 合不起來阿」

丫服:「 合成中」

卡卡米:「 成功你就變大師了」

李小龍:「 已知用火 」

沒有留言:

張貼留言