» hero - Hero Think~用手摀住我的嘴

好用的Flash Mp3 Player（可用javascript控制喔)

2009年1月7日 hero 尚無評論

最近剛好要找一個Flash Mp3 Player，剛好看到niftyplayer，還不錯用
特別來介紹一下。

他的官方網站如下
http://www.varal.org/media/niftyplayer/

目前最新版本到1.7，看來蠻陽春的，沒關係，因為我是想要隱藏播放器的
會選這套的重點是，就是看上他可以用javascript控制

因為只想做個Music On/Of的開關就好，簡單一點，不用播放器那麼佔空間
他官網介紹的很詳細，蠻容易使用的，所以不多說什麼啦，接下來只介紹在網頁上如何加上Music On /Off

先將flash及javascript放在你的網站，然後在你的網頁加上以下html語法:

Music
<span id=”m1″ style=”display:none”><a href=”javascript:music_play();” class=”style7″>On</a></span>
<span id=”m2″ style=”display:”><a href=”javascript:music_pause();” class=”style7″>Off</a><span>

然後在<head></head>之間加上javascript語法:

function music_play() {
niftyplayer('niftyPlayer1').play();
m1.style.display=”none”;
m2.style.display=””;
}
</script>

當然還有一個我就不說啦就是要把flash語法崁上去並設name為niftyPlayer1 (sample的語法貼上即可)，如要隱藏就在height 及width 都設定為0就可以啦

這樣，你的網頁就有音樂播放功能啦

Categories: WebDesign Tags: flash player

JSON 解析與運用 for PHP

2009年1月6日 hero 尚無評論

JSON格式在Javascript裡算是標準的資料格式，但在其它語言就不算是了，所以各家server端的程式語言就要去解析來配合了，目前剛好會先用PHP進行與jquery的測試，所以先對PHP對JSON解析進行瞭解。

目前PHP在5.2版之後已經有內建支援JSON的轉換函式，看來也是因為ajax當道，所以php 直接內建了..^^
在5.2版的PHP 可以使用 json_encode及json_decode 進行轉換成PHP物件陣列，用法如下:

//PHP
$test=array(
“x” => 1,
“y” => 2,
“str” => “test string”,
“a” => array (
“array value 1”,
“array value 2”,
3
}
);

$jsonstr = json_encode($test);
$jsonstr內容則為
{
“x”:1,
“y”:2,
“str”:”test string”,
“a”:[
“array value 1”,
“array value 2”,
3
]
}

目前json_encode對中文字只能用utf8，要特別注意這點。最後取回時在Javascript 執行eval()即可使用了

var test= eval(“(“+ jsonstr + “)”);

那再來如果使用的PHP版本非5.2之後，可以考慮其它人家寫好的套件，像PHP-json 算是library 如果不是自己架設的web server，可能就很不方便了，這裡有一篇網誌石頭閒語:PHP::JSON
in PHP – 樂多日誌有在介紹請自行參考
。除此之外，也可以使用Services_JSON (BSD license)，或者是Zend-Json (New BSD license)。不過Zend的Framework，在官網顯示PHP版本不能低於5.1.4，建議使用5.2.3以上的版本，所以看來幫助不大。

如果是php4的，可以參考以下兩篇，都有合適的lincude 函式庫可以使用：

相關參考資料:
http://nervstudio.blogspot.com/2007/02/ajaj-php-json-javascript.html

Categories: PHP Tags: jquery, json, php

JSON & JSONP 簡介

2009年1月4日 hero 尚無評論

最近在學習Jquery，就常看到JSON及JSONP，只知道他是資料的集合，其它都不太瞭解，所以上網搜尋了一下，整了名詞解釋，希望能更瞭解一點。

JSON（Javascript Object Notation）
JSON（Javascript Object Notation）是一種輕量級的資料交換語言，以文字為基礎，且易於讓人閱讀。他本來就算在javascript標準裡，JSON是獨立於語言的文字格式，並且採用了類似於C語言家族的一些習慣。JSON格式是1999年《JavaScript
Programming Language, Standard ECMA-262 3rd Edition》的子集合，所以可以在JavaScript以eval()函式（javascript通過eval()調用解釋器）讀入。不過這並不代表JSON無法使用於其他語言，目前幾乎所有與網頁開發相關的語言都有JSON函式庫。

JSON，是一種描述javascript裡物件還有陣列(js的陣列其實也是物件啦)的一種簡略表示方法，用於描述數據結構，其結構有名稱/值及陣列，像是下面這個範例就是JSON格式:

//Javascript
var test={
 "x":1,
 "y":2,
 "str":"test",
  "a":[
      "array value 1",
      "array value 2",
      3
   ],
   obj_array:[{
      xx:0,
      xxx:2
   },{
      xx:3,
      xxx:5
     }
   ]
};

由於JSON在語法上是JavaScript的子集合，所以一般都會使用eval()作為讀取資料的方式，這在JSON資料提供站台與使用站台都屬於可信賴時並不會有問題。但如果資料提供站台不在信任範圍內，將JavaScript程式碼嵌入JSON，則會造成安全上的問題。

另外一個安全上的問題則是跨站存取（Cross-site request
forgery，簡稱CSRF或XSRF）。這個問題在Javascript中的狀況是，由於Javascript採用了稱為「沙盒」的機制，這種機制限制Javascript引擎僅能引入同一個站點的代碼，因而某種程度上提高了安全性。

官方網站:http://www.json.org

JSONP(JSON with Padding)
什麼是JSONP：JSONP(JSON with Padding)是一個非官方的協議，它允許在服務器端集成Script
tags返回至客戶端，通過javascript
callback的形式實現跨域訪問（這僅僅是JSONP簡單的實現形式）。由於 JSON 只是一種含有簡單括號結構的純文本，因此許多通道都可以交換 JSON
消息。因為同源策略的限制(上述提到的安全性問題)，我們不能在與外部服務器進行通信的時候使用
XMLHttpRequest。而JSONP是一種可以繞過同源策略的方法，即通過使用 JSON 與 <script>
標記相結合的方法，從服務端直接返回可執行的JavaScript函數調用或者
JavaScript對象。

JSONP的原理很簡單，但需要服務器端給予相應配合。大致來說，JSONP的實現思路就是在客戶端編程時作好使用JSON數據的準備，然後再通過圓括號將這些數據括起來以創建一條有效的JavaScript語句（可能是一次有效的函數調用）。

也就是說，客戶端可以使用一個用於命名jsonp的查詢參數來決定可以獲取的數據。最簡單的情況下，如果jsonp參數為空，則返回的數據就是被括在圓括號中的JSON。

目前已經有很多open的framework 有採用JSONP：dojo、JQuery、Youtube
GData API 、Google Social Graph API 、Digg API 、GeoNames webservice、豆瓣API、Del.icio.us JSON API等

JSONP只是解決了標準化的問題，但假如遠程主機想通過script標籤向頁面中注入惡意代碼，而不是返回JSON數據，那麼網站還是可能會隨時受到威脅。不過，一旦實現了JSONP，那麼對開發人員來說肯定是一件省時省力的大好事，在此基礎上各種一般化的抽像、教程及文檔也會應運而生的。我們可以使用若干種方法在 JavaScript 程序中動態地生成代碼。因此在要進行eval()前，可以利用下面的正則表達式檢查 JSON 字符串看是不是有危安成份：

var my_JSON_object = !(/[^,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]/.test(
            text.replace(/"(\\.|[^"\\])*"/g, '' ''))) &&
            eval(''('' + text + '')'');

參考資料:
http://diary.tw/tim/22
http://zh.wikipedia.org/wiki/JSON#.E8.B7.A8.E7.AB.99.E5.AD.98.E5.8F.96.E5.95.8F.E9.A1.8C
http://www.cn-cuckoo.com/2008/09/13/the-origin-of-jsonp-262.html
http://www.matrix.org.cn/resource/article/2008-03-06/b2e0ea4e-eb69-11dc-91da-b599c3ba16ef.html

Categories: Java Script Tags: jquery, json, jsonp

sendmail 被CBL阻檔的排除法

2009年1月3日 hero 尚無評論

目前客戶有台主機是使用sendmail 寄信，但最近發現有退信的狀況，經查看，客戶的IP被設進去CBL了..

去查了一下，看來是sendmail 的設定要調整才行，sendmail 預設使用localhost.localdomain 在寄信，
有部份的Mail Server加入了CBL 認證，會認為這個有問題而將寄信的IP列管，所以導致被列入CBL黑名單，要查看的方式很簡單，先前就有提到可以到spamhaus 把IP 輸入進去查查看就知有沒有被列入黑名單，指令如下:

http://www.spamhaus.org/query/bl?ip=168.95.1.1

當我們想查查看是不是如我上面說的目前主機名稱為localhost.localdomain ，很簡單的測試方式就是使用 telnet指令，如下:

telnet localhost 25

即可看到提示訊息會顯示你目前主機的名稱

220 localhost.localdomain ESMTP Sendmail 8.13.6/8.13.6; Mon, 05 Jun 2009
15:10:5
7 +0800

調整方式為:

解決方法:

知道自己正確的 hostname 為何 (通常是: 主機名稱.網域名稱, 如: myserver.idv.tw, 其中 myserver
是主機名稱; abc.idv.tw 是網域名稱)
執行 hostname 指令, 查看 hostname 是否正確
cat /etc/sysconfig/network, 查看 hostname 是否設定正確, 若不正確請修改後,
執行:

hostname= 正確的hostname
　
cat /etc/hosts 檢查 127.0.0.1 那一行是否只有 localhost 與 localhost.localdomain 這兩種敘述.
若否, 請清除不相干的敘述, 並確定是否有如: 192.168.1.1 myserver.idv.tw 描述正確 hostname 的文字列. 若無,
請新增空白行加入該敘述.
/etc/init.d/sendmail restart 重新啟動 Sendmail
telnet localhost 25 檢查是否出現正確的 hostname

參考資料:

http://cha.homeip.net/blog/archives/2004/12/sendmail_localh.html
http://www.linuxfans.org/bbs/thread-158875-1-28.html

Categories: 系統設定 Tags: CBL, sendmail

CSS 特效 – 表格透明,內容不透明

2008年12月31日 hero 尚無評論

CSS有個透明化的參數，調整後可以讓你所指定的物件可以淡化，但因為淡化了，所以該物件裡的文字或圖片也都淡掉了，上網找了一下，有人利用DIV 設定position:absolute; 就可以讓內容不隨著指定的物件淡化掉，不過因為這個參數是變成是以絕對路徑，所以你的內容會跑掉，因此，改調整為 position:relative;就行啦!!

style type=”text/css”>
/*—DW8 www.DW8.ORG—*/
<!–
body {
background-color: #0066FF;
}
#div1
{
position:relative;
/*—這裡定義層不隨表格透明而透明
這樣就可以使表格透明的時候表格裡的
內容和圖片不跟著透明了—*/
}
table
{
background-color:#FFFFFF;
filter:alpha(opacity=50,Style=0);
/*—定義透明度,和淡化的風格
opacity為透明度，值越大透明度越小
style是透明淡化的風格
0 普通透明
1 從左到右漸變淡化
2 圓形像兩邊淡化
3 星狀漸變淡化
默認不設置style參數為0
這個效果同樣可以用再圖片上
—*/
width:300;
height:300;
/*—這裡一定要定義寬度和高度—*/
}
–>
</style>
<body>
<table bgcolor=”#0000FF” style=”display:” id=”tab1″>
<tr>
<td>
<div id=”div1″>
<p>DIV層裡的內容</p>
<p><img src=”http://www.baidu.com/img/logo.gif” width=”174″ height=”59″ /></p>
</div>
</td>
</tr>
</table>
</body>

資料來源:http://www.xker.com/page/e2008/0923/61725.html

Categories: WebDesign Tags: css

分頁: 上一頁 1 2 3 ... 33 34 35 36 37 38 39 ... 86 87 88 下一頁

較新的文章較舊的文章

Hero Think~用手摀住我的嘴

Archive

好用的Flash Mp3 Player（可用javascript控制喔)

JSON 解析與運用 for PHP

JSON & JSONP 簡介

sendmail 被CBL阻檔的排除法

CSS 特效 – 表格透明,內容不透明

分類

近期留言

My Plurk

鏈結

彙整

Google AD

標籤雲

其他操作

2024 年 11 月
一	二	三	四	五	六	日
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30