Leeabc's 秘密基地 :: 痞客邦 PIXNET ::

Dec 06 Thu 2007 09:24
一首有趣的MV

Web 2.0 = Bubble 2.0 !?

web2.0 真的只是一股熱潮嘛? 真的是一顆大泡泡嘛?

身在這個圈子, 看完不知是該哭還該笑阿 , 只能說一句...有夢最美

希望會不會相隨? 不知道 !!! haha

p.s. 我居然真的和歌詞一樣把這東西也寫進blog了......

XD~

Posted by leeabc at 痞客邦 PIXNET Comments(1) Trackback(0) Hits(111)

▲top

Aug 14 Tue 2007 09:15
利用 jQuery plugin 寫 Tool tip

拖了好幾天阿, 這次要介紹的好東西是 jQuery plugin 中的 jTip, 這次因為工作上的需要(主要是懶的再自己寫一個啦), 所以就去挖一下 jQuery plugin 寶庫中看有沒有好用又好看的東東, 剛好看到這個 jTip 感覺起來很不錯,但由於官方版本只有一種用法, 就是去 load 一個 html 進來, 沒有提供自行在本頁上寫 html 碼(方便使用啦), 所以我稍微改了一下這個版本, 以下會介紹如何使用 :)

Plugin :
jQuery Tool Tip (官方版)檔案:
http://www.codylindley.com/blogstuff/js/jtip/jTip.zip

jQuery Tool Tip (修改版)檔案:
http://www.nax.tw/jtip.rar(修改版)

用法1.(官方用法) :
先將官方檔案的 zip 解開後, 用瀏覽器打開 index.htm, 就會看到官方的範例, 以下我寫一小段來簡單的介紹官方的用法
<html> <head> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jtip.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="css/global.css" /> </head> <body> <script> /* 官方用法 1. 只能使用在超連結上 2. class 要設為 jTip 3. id 和 name 都是必要設定的 , 其中 name 就是 tool tip上的 title 位置的文字 4. href 的屬性當中 ajax2.htm 是要load進來的html檔 width 參數為這 tool tip 的寬度大小 link 為按下後會連結過去的網址 5. 完成 XD , p.s. 為了讓註解明顯一點我才用<script> 沒什麼特別意思 XD */ </script> <a href="ajax2.htm?width=475&link=http://www.yahoo.com.tw" class="jTip" id="two" name="Title">XXXXXXX</a> </body> </html>
用法2.(修改版本) :
先下載在下修改的版本(打包下載),解壓至一個目錄中, 這個版本有保留官方本身的用法(方法1), 另外加上了在下新加的一個用法, 請參考看看 :) , 以下是範例:
<html> <head> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.tip.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="jquery.tip.css" /> </head> <body> <script> /* 1. 同樣的先載入 jquery, jquery.tip.js 及 jquery.tip.css 2. class設定為 jTip 3. jtip_w 屬性為 tool tip的寬度, 不設定的話預設為 250 4. jtip 屬性為,自行使用的 html 5. name 同樣為 tool tip 上的 Title 6. id 同樣是要設定的, 注意的是,在同一頁面上使用的話,各個id 都要為不同的 id p.s 超連結為官方版本使用所以在 a 標籤上, 方法2 不適用 , 通常都是用 span 或 div 去包需要使用的地方 */ </script> <span class="jTip" jtip_w="100" jtip="<font color='red'>你好</font>" name="測試用" id="test_jtip"> <a href="http://blog.pixnet.net/leeabc">XXXXXXX</a> </span> </body> </html>
jtip 是一個很好用的 jQuery plugin, 介面蠻好看的而且使用上方便, 介紹給大家用看看囉~ 修改的版本如果有什麼問題或bug的話也請通知在下阿~~~感恩 :)

Posted by leeabc at 痞客邦 PIXNET Comments(2) Trackback(0) Hits(2523)

Personal Category:秘。Javascript

▲top

Aug 08 Wed 2007 08:43
嵌入flash時, 產生"按一下進入控制項" 解決方法

在某次的微軟更新, 網頁上內嵌 flash 的語碼在顯示時都會跑出"按一下進入控制項", 導致要使用 flash 時都要多按一下才能繼續操作, 針對這問題網上有些解決方法, 像是移除某次微軟的更新..., 這並不是很好的解決方式, 後來找到了用 js 就能解決的方式!!

檔案: AC_RunActive_Content.js 範例程式:

<html>
<head>
<script type="text/javascript" src="AC_RunActive_Content.js"/>
<script>
	var width='220';    //寬度
	var height='19';    //高度 
	var src='loading';  //flash的檔名(不用副檔名)
	var quality='high'; //品質
		
	AC_FL_RunContent( 
	'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0',
	'width',width,
	'height',height,
	'src',src,
	'quality',quality,
	'pluginspage','http://www.macromedia.com/go/getflashplayer',
	'movie',src);	
</script> 
</head>
<body>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
		id="loadingflash" 
		codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" 
		width="220" 
		height="19">
	<param  name="movie" value="/images/loading.swf">
	<param  name="quality" value="high">
	<embed  src="/images/loading.swf" 
		quality="high" 
		pluginspage="http://www.macromedia.com/go/getflashplayer" 
		type="application/x-shockwave-flash" 
		width="220" 
		height="19">
	</embed>
</object>   
</body>
</html>

先用 js 的 function 載入 flash, html 中在嵌入時就不會產生"按一下進入控制項"囉~ Enjoy it

Posted by leeabc at 痞客邦 PIXNET Comments(0) Trackback(0) Hits(416)

Personal Category:秘。Javascript

▲top

Aug 01 Wed 2007 10:11
(轉載) 愛「腳」才會贏

轉載自[王文華流行館]

4月9日，蘋果公司宣布：iPod上市五年半，全球銷售量突破一億台。

一億台的秘訣在哪裡？為了找答案，我到紐約走了一趟。結果發現蘋果成功的原因，完全適用於在職場打拼的我們。

在零售業競爭激烈的紐約市，蘋果在南北各開了一家店。南邊的在藝廊雲集的蘇活區，北邊在中央公園的門口、精品店林立的第五大道。從地段的選擇，可以看出蘋果的自我定位：我們賣的不是電器，是藝術和精品。

開幕一年的第五大道店，設計概念仿造羅浮宮：入口處是大型玻璃建築，樓梯通到地下室的展示區。別的3C店模仿大賣場，蘋果的典範卻是羅浮宮。

職場人的定位決定一切。你現在是誰不重要，你覺得你未來是誰才重要。你如果覺得十年後還是小妹，大概是對的。但同一個人若覺得十年後會是老闆，就可以征服世界。

硬體像羅浮宮，軟體卻像7-Eleven。第五大道店24小時全年無休，就像成功的人手機隨時待命。

雖然有7-Eleven的方便，第五大道店又有精品店的大器。穿著黑色T-shirt、胸前掛著白色iPod的工作人員跟我說早安，卻不會跟在我身邊，不斷問我要買什麼。他們跟我「聊」電腦，卻從不跟我「賣」電腦。為了讓大家聊的盡興，店內有一個「天才吧台」(Genius Bar)，讓店員和顧客做下來，在電腦前長談。除了跟病患解釋癌症的醫生，我沒看過有人那麼誠懇。

於是我學到：二流的人才急著賣商品，一流的人才慢慢建立關係。

一流的關係不拘小節。在店裡，沒有人阻止我上網、沒有人阻止我拍照、沒有人管我坐在地上有礙觀瞻、沒有人禁止我喝飲料弄髒地毯。因為一流的服務，只考慮客戶的經驗。二流的服務，只想到公司或員工的方便。

雖然在全世界最貴的地段，第五大道店裡很多東西都是免費的。它有一個電腦教室，讓學生和上班族團體報名，免費用蘋果的軟硬體寫歌、拍電影、編輯相簿。如果顧客需要特殊的服務，比如說：手語老師翻譯台上老師講的話，只要事先通知，蘋果可以安排。我沒聽過免費服務還幫你安排手語翻譯的，你聽過嗎？

成功的人，細心地想到客戶每一顆毛細孔的需求，然後大器地滿足它。

蘇活區的分店有一個小型劇場，提供的免費服務就更多。你可以來這裡聽免費的搖滾音樂會，或說故事的表演。這些活動跟電腦沒有關係，但是無所謂。蘋果不把自己定位成電腦公司，她希望你把她當成，全方位的娛樂夥伴。

成功的人幾乎都大器，他們務實，但不現實。喜歡把餅做大，不會搶著桌上的屑屑吃。

我在第五大道店逛了一圈，最後只買了小小的「iPod襪子」。這是用來包iPod的。跟一般的皮套或塑膠套相比，襪子更為溫暖人性。顯然蘋果認為iPod跟美女的腳一樣，需要最細緻的呵護。

iPod賣了一億台，卻能把每一台，都當做美腳照顧。也許職場成功之道，就是這種兼具細心和大器的，「戀足癖」吧！

◎刊載於《Cheers》雜誌 2007 年5 月號　專欄「快樂工作人」

=============================================================

夢想有多大, 成就就有多大, 共勉之~ :)

Posted by leeabc at 痞客邦 PIXNET Comments(0) Trackback(0) Hits(164)

Personal Category:秘。好文

▲top

Jul 30 Mon 2007 12:37
Google Analytics~很好阿~

用了 Google Analytics 一個月了，發現這真是強到爆炸的一個東西，從最基本的流量偵測到使用者的行為全都顯示出來了! 在這之前要調查一些使用者行為, 流量, 等等都得自己動手來，不然就是看 mrtg ,雖然 mrtg 方便但是很多細節部份仍然顯示不出來，用了 Google Analytics 後，要對使用者來自於什麼地方，停留時間多久，使用什麼網路..等等，一目瞭然，讚~。

要使用 Google 的服務都是要先擁有他的帳號，申請好帳號之後就到

http://www.google.com/analytics/zh-TW

一、登入後開始申請，如下圖

二、填寫您要追蹤的網站網址，順便幫他取個名(帳戶名稱)，時區選一選這樣
，

三、寫一下姓名，比較重要的是地區選好，因為接下來的合約書 Google 會轉換成你選的國家語言喔!

四、就是合約囉，這裡面有一條比較要注意的是，當流量有500萬時 "Google 要收費的，這要注意，不過像我這種小站就不用管他啦~哈哈。

五、接著就會拿到程式碼囉，記得這要放在每一頁的上面，這樣就可以使用囉~

Posted by leeabc at 痞客邦 PIXNET Comments(0) Trackback(0) Hits(187)

Personal Category:秘。日記

▲top

Jul 30 Mon 2007 10:48
利用jQuery plugin寫autocomplete

jQuery真的是一個相當方便好用的開發工具, 就如他首頁所說 "write less , do more"
很多在之前要寫一大串的 javascript 才能達到的效過現在都是短短幾行,相當好用!!!
今天要介紹的是類似google搜索時會跳出的,搜索字串提示的功能，如下圖:

Plugin: jQuery Autocomplete Mod (官方網站)檔案:
http://www.pengoworks.com/workshop/jquery/lib/jquery.autocomplete.js
http://www.pengoworks.com/workshop/jquery/lib/jquery.autocomplete.css

用法:
首先在您所要使用的頁面先載入 jQuery 的主檔 js , 再將這 plugin 的 js 檔,
和 css 檔載入, 接下來你需要有個 input text 的欄位這樣準備就可以了,
看以下範例 :

這是最簡單的用法, 當然他本身也支援了 Ajax 的功能 ,在搜索時還會有讀取圖在跑喔,
這就請各位看倌自行去研究囉，非常的簡單好用，也歡迎各位一起來加入 jQuery!

Posted by leeabc at 痞客邦 PIXNET Comments(2) Trackback(0) Hits(2257)