Border的快樂生活記錄

這裡介紹一個google map有趣的應用
假如我有多個經緯度座標   想要在google map地圖上標示
我們可以使用下面的方法
 

有時候我們必須要判斷 字串中是不是純中文或者純英文 可以使用下面的函式判斷
/*
*function：檢查字符串是否由纯英文，纯中文，中英文混合组成
*param string
*return 1:纯英文;2:纯中文;3:中英文混合
*/
function check_str($str=''){
if(trim($str)==''){
return '';
}
$m=mb_strlen($str,'utf-8');
$s=strlen($str);
if($s==$m){
return 1;
}
if($s%$m==0&&$s%3==0){
return 2;
}
return 3;
}

下面用範例來說明
JS部分
 
function get_checkbox()
{

$(".c1").each(function(){

// 判斷是否被勾選
if($(this).attr('checked'))
{
// 取的已勾選的checkbox值
alert($(this).attr("value"));
}

})
}

function BC_checked()
{

$(".c1").each(function(){

if($(this).attr('value') == "B" || $(this).attr('value') == "C")
{
// 指定勾選
$(this).attr("checked",true);
}

})
}

function add_option()
{
// 增加選項
$(new Option("D" , "4")).appendTo('#S1');
}

function get_selected()
{
// 取的選中項
alert($('#S1').val());

}

function clear_option()
{
//清空下拉框
$('#S1').empty();

}

function B_selected()
{
$("#S1").attr("value",'2');

}

在一個頁面裡如果要抓取某個物件的座標
我們可以使用jquery提供的offset()
用法如下
var position = $(物件).offset();
var x = position.left;
var y = position.top; // 取得Y座標

// 將頁面卷軸移動到該位置
$("html, body").animate({scrollTop: y}, 600);

現在的網頁技術很容易會用到燈箱的做法
在燈箱的頁面的開啟方法中   有一種是用iframe嵌入頁面
這時候就會遇到  當iframe的頁面儲存了某值後   想要立即更新母視窗
就可以用下面的代碼實現

在開發網站的過程中   往往會有網站搬家的事情
這時候遇到的情況就是  在進入舊網站後要導向到新的網址
我們可以用下面這個語法來處理
<meta http-equiv="refresh" content="秒數; url=網址">

今天來和大家分享checkbox複選方塊全選的做法
這很多地方都會用到   跟大家分享
 
1. js寫法 

如果想要在一群checkbox中   取得被選擇的元件   並加上一個class
我做了一個範例  但我是採用js 與 jquery混合運用的方式   因為我沒研究jquery怎麼取得checkbox
範例構想：我要選擇一張圖片做為封面  
1. js 部分

當然如果照著官方給的範例做  自然會產生燈箱效果
但在實務上  要在a 裡面添加class名稱
如果是已經寫好的程式  光是加這個class  就會顯得非常辛苦
這時候  就要動點頭腦了   官方的範例只是基本用法

燈箱效果是最近很流行的作法
jquery有很多套件可以使用    這邊來介紹一款我很喜歡的燈箱套件 colorbox
使用方式簡單
1. js部分