ICE NoteBook: 8月 2008

2008年8月29日星期五

jQuery - ThickBox

最近為了公司的案子找了一個類似遮效果的plugin ThickBox
使用方式非常簡單
先至上面的網站下載他的檔案
然後在html原始碼的<head></head>中間加上
<script type="text/javascript" src="path-to-file/jquery.js"></script>
<script type="text/javascript" src="path-to-file/thickbox.js"></script>
<link rel="stylesheet" href="path-to-file/thickbox.css" type="text/css" media="screen" />
這樣就算是設定完成
接著只需要在想啟動效果的連結位置加上class="thickbox"即可，我們列幾個常用的例子有需要的人可以去網站看看
裡面有許多例子

實做筆記：
如果網頁裡面有flash的話可能會形成破圖的感覺
這時候只需要在flash設定裡面加上
<param name="wmode" value="transparent" />

如果是使用AC_RUNTIME的話可以加上
AC_FL_RunContent( .....,'wmode','transparent'); 這樣就可以囉

2008年8月9日星期六

jQuery - Validation

相信很多人在製作表單功能時都會遇到某些欄位是必填的
如果不想在送出之後做檢查的話
一般來說都是用javascript的做判斷
然後alert訊息通知填寫者
不過有些人卻很討厭alert
這時候我們可以使用此jQuery來達到不同的效果
點我進入網站
進入後馬上就可以看到範例
網頁裡面也有提到如何使用
在這個Plugin裡面也有寫好許多驗證的方式
想嚐試的人可以試試看喔

實做筆記：
1.如果不想讓USER重複按送出鈕可以加上下面的function 2.如果要檢查某個資料是否已使用可以在rules加上remote: "userid.php"，
但是注意的是必須return true or false

2008年8月5日星期二

用PEAR繪製各種統計圖

請先到官網下載Image_Graph套件，另外其他的套件也要下載喔
以下是我繪製圓餅圖的範例

// create the graph
$Graph =& Image_Graph::factory('graph', array(400, 300));
// add a TrueType font
$Font =& $Graph->addNew('font', 'Arial');
// set the font size to 11 pixels
$Font->setSize(8);

$Graph->setFont($Font);
// create the plotareas
$Plotarea =& $Graph->addNew('plotarea');

$Plotarea->hideAxis();

// create the dataset
//$Dataset =& Image_Graph::factory('random', array(10, 10, 20, true));
$Dataset =& Image_Graph::factory('dataset');
// create the 1st plot as smoothed area chart using the 1st dataset
$Dataset->addPoint('Alex', 10);
$Dataset->addPoint('Jim', 5);
$Dataset->addPoint('Kevin', 6);
$Plot =& $Plotarea->addNew('Image_Graph_Plot_Pie', $Dataset);

/*加上百分比 start*/
// create a Y data value marker
$Marker =& $Plot->addNew('Image_Graph_Marker_Value', IMAGE_GRAPH_PCT_Y_TOTAL);
// create a pin-point marker type
$PointingMarker =& $Plot->addNew('Image_Graph_Marker_Pointing_Angular', array(20, &$Marker));
// and use the marker on the 1st plot
$Plot->setMarker($PointingMarker); 
// format value marker labels as percentage values
$Marker->setDataPreprocessor(Image_Graph::factory('Image_Graph_DataPreprocessor_Formatted', '%0.1f%%'));
/*加上百分比 end*/

$Plot->Radius = 2;
 
// set a line color
$Plot->setLineColor('gray');

// set a standard fill style
$FillArray =& Image_Graph::factory('Image_Graph_Fill_Array');
$Plot->setFillStyle($FillArray);
$FillArray->addColor('green@0.2');
$FillArray->addColor('blue@0.2');
$FillArray->addColor('yellow@0.2');
$FillArray->addColor('red@0.2');
$FillArray->addColor('orange@0.2');

// add a title using the created font
$Graph->addNew('title', array('TEST PIE', 11));

//$Plot->explode(3);

// output the Graph
$Graph->done();

用PHP繪製圓餅圖

以下是作者的網站位置
http://www.peters1.dk/webtools/php/lagkage.php?sprog=en
將作者所提供的程式存成.php檔，如：pie.php，再利用以下語法即可產生圓餅圖

不過如果你需要顯示中文的話，則檔案格式必須為UTF-8，否則會產生亂碼另外須修改以下的程式碼

將
imagestring($img,'2',$width+20,$label_place,$label_output,colorHex($img, $text_color));
改成
$font_file = "uming.ttf";
ImageTTFText($img, 10, 0, $width+20, $label_place+10, colorHex($img, $text_color), $font_file, $label_output);

uming.ttf為文鼎科技慷慨提供給自由軟體社群的文鼎PL細上海宋 (Big5 碼) 以及文鼎PL簡報宋 (GB 碼) 的衍生版本，
惟使用者利用時必須遵守文鼎公眾授權書 (Arphic Public License) 的規定。

不過我在測試時發現小數點好像會變成逗點不知道有沒有人跟我一樣

2008年8月1日星期五

輕量的Pass_img程式

-- Chi_Passimg.php 程式碼如下 --- // 圖形驗証碼 By 二林網管村仔 // 本程式獨立使用,呼叫時為

// 程式則產生圖形驗証碼，並將值寫在Session中 // 要檢驗時，只須將Session中存放的 $_session[Pass_img] 拿出來和您表單上的值核對即可

session_start();
$aa=new pass_img();//建立物件
$aa->show_str();//秀出驗証數字碼

class pass_img {
    var $pass;
    var $weight=70;
    var $height=24;

function pass_img() {
        $t1=range('A', 'Z');
        $t2=range(a,z);
        mt_srand((double)microtime()*1000000);
        $this->pass=$t1[mt_rand(0,25)].$t2[mt_rand(0,25)].sprintf("%04d",mt_rand(1,9999));
        unset($_SESSION["Pass_img"]);   
        session_register("Pass_img");
        $_SESSION["Pass_img"]=$this->pass;
    }

function show_str() {

$size = "6"; // 字體大小0-6
        $x = "5"; //字開頭 x 座標
        $y = "3"; //字開頭 y 座標
        $R = 255; //字的紅色值
        $G = 15; //字的綠色值
        $B = 15; //字的藍色值
        $origImg = @imagecreate($this->weight,$this->height);

$backgroundcolor = ImageColorAllocate($origImg,255,255,255);

$textcolor = ImageColorAllocate ($origImg ,$R ,$G ,$B);

Imagestring($origImg,$size,$x,$y,$this->pass,$textcolor);

//加入干擾線(可不加)
        //Imageline($origImg,0,9,70,9,$textcolor); //x1,y1,x2,y2,color

//加入干擾點(可不加)
        for($i=0;$i<100;$i++)    {
                $randcolor = ImageColorallocate($origImg,rand(0,255),rand(0,255),rand(0,255));
                imagesetpixel($origImg,rand()%$this->weight,rand()%$this->height,$randcolor);
         }

//產生圖形
        ImagePNG($origImg);
        ImageDestroy($origImg);
    }
}

ICE NoteBook

2008年8月29日星期五

jQuery - ThickBox

2008年8月9日星期六

jQuery - Validation

2008年8月5日星期二

用PEAR繪製各種統計圖

用PHP繪製圓餅圖

2008年8月1日星期五

輕量的Pass_img程式

PHP的幾個正規表示式

關於我自己

文章分類

網誌存檔

My Friends

ICE NoteBook

2008年8月29日 星期五

jQuery - ThickBox

2008年8月9日 星期六

jQuery - Validation

2008年8月5日 星期二

用PEAR繪製各種統計圖

用PHP繪製圓餅圖

2008年8月1日 星期五

輕量的Pass_img程式

PHP的幾個正規表示式

關於我自己

文章分類

網誌存檔

My Friends

2008年8月29日星期五

2008年8月9日星期六

2008年8月5日星期二

2008年8月1日星期五