2011年12月28日 星期三

相當於FLASH的XY軸

$('#xxx').offset().top
$('#xxx').offset().left
$('# xxx ').offset({ top: 10, left: 30 });

jquery 視窗寬高度

alert($(window).height()); //瀏覽器當前窗口可視區域高度

alert($(document).height()); //瀏覽器當前窗口文檔的高度

alert($(document.body).height());//瀏覽器當前窗口文檔body的高度

alert($(document.body).outerHeight(true));//瀏覽器當前窗口文檔body的總高度 包括border padding margin

alert($(window).width()); //瀏覽器當前窗口可視區域寬度

alert($(document).width());//瀏覽器當前窗口文檔對像寬度

alert($(document.body).width());//瀏覽器當前窗口文檔body的高度

alert($(document.body).outerWidth(true));//瀏覽器當前窗口文檔body的總寬度 包括border padding margin
資料來源http://chaowei.wordpress.com/2011/04/15/jq-%E5%8F%96%E5%BE%97%E5%BC%8F%E7%AA%97%E9%AB%98/

2011年12月22日 星期四

function裡藥用外部變數要在裡面加global

$count_title=0;
function for_count_use(){
global $count_title;//要用外部變數要這樣用
$count_title++;
echo $count_title;
}

php 絕對位置

//php用得絕對位置
$root_Path=$_SERVER['DOCUMENT_ROOT'].'/Houli/';
//HTML用的連結時的絕對路徑
$root_Path_html="http://localhost/Houli/";

//include時要用$root_Path(D:wamp/www/xxxx) ,src的HTML用法要$root_Path_html

2011年12月20日 星期二

2011年12月5日 星期一

偵測是否IPAD

//偵測是否IPAD
//返回boolean值 True 或者 False
function is_IPhoneOrIPad(){
return ( (navigator.platform.indexOf("iPhone") != -1) || (navigator.platform.indexOf("iPad") != -1) );
}

IE8無法吃JQUERY $無法定義或NULL

都會顯示$無法定義或NULL的話
請檢察
Check your script include tag, 
is it usingtype="application/javascript" src="/path/to/jquery"
change totype="text/javascript" src="/path/to/jquery"

IE9無法輸入且無法滾輪SUCK解決辦法

網際網路選項->安全性
取消勾選 [啟用受保護模式],按 [確定]。

來源
http://www.dotblogs.com.tw/chou/archive/2010/10/15/18362.aspx

2011年11月27日 星期日

JQUERY attr屬性一直記不起來

$('#greatphoto').attr({
  alt: 'Beijing Brush Seller',
  title: 'photo by Kelly Clark'
});

2011年11月25日 星期五

array用法

$mealsArray=array();
$i=0;
do {
$mealsArray[i]=array();
$mealsArray[i]=$row_RecNews;
}while()

left join式看看

SELECT data_set.* ,file_set.* FROM data_set LEFT JOIN file_set ON data_set.d_id = file_set.file_d_id WHERE data_set.d_class1 = 'news' GROUP BY data_set.d_id ORDER BY data_set.d_date DESC

2011年11月21日 星期一

設定localhost用SMTP發送EMAIL

轉載至:http://sofree.cc/php-smtp-mail/

Hinet:msa.hinet.net (目前在光世代測試可以)

如果要設定的話,請開啟伺服器的php.ini後,搜尋一下關鍵字「SMTP」,之後就會看到一區是「mail function」,那邊就是系統設定了,將SMTP後方的「localhost」改成「你要使用的SMTP」設定,在「smtp_port」改成對應的埠號,一般來說預設都是25,所以可以不用額外更動。

另外,下方有個寄件者「sendmail_from」,你可以設定一下發信人的名義是誰,將後面的信箱改一下就可以了,但最重要的,記得把整串語法前面的分號「;」去掉,因為這邊的分號表示「註解」,若無去掉,那設定也是沒用的。
[PHP]使用Mail函式透過SMTP發信

上傳限制2M

修改php.ini文件

max_execution_time = 30000 ; Maximum execution time of each script, in seconds(30s)
max_input_time = 60000 ; Maximum amount of time each script may spend parsing request data(60s)
memory_limit = 1024M ; Maximum amount of memory a script may consume (8MB)

post_max_size = 1024M ; Maximum size of POST data that PHP will accept.(8MB)

upload_max_filesize = 1024M ; Maximum allowed size for uploaded files.(2MB)

phpmyadmin改cookie

1.去C:\wamp\Apache2\conf\alias找phpmyadmin.conf
Options Indexes FollowSymLinks MultiViews
AllowOverride all
Order Allow,Deny
Allow from all
#一定要照上面改不然會不能啟動apache


2.C:\wamp\phpmyadmin找config.inc.php
改成這樣
$cfg['blowfish_secret'] = 'cookie';
$cfg['Servers'][$i]['auth_type'] = 'cookie';

2011年11月9日 星期三

篩選文章分類並POST出該分類所有文章

//取得最新10篇並且依照分類名稱篩選 Get the last 10 posts in the special_cat category.
<?php query_posts('category_name=special_cat&posts_per_page=10'); ?>
<?php while (have_posts()) : the_post(); ?>
<!-- Do special_cat stuff... –>
<?php endwhile;?>

來源:
http://codex.wordpress.org/The_Loop

出現特色圖片

有時裝上某些 theme 會有 "設定特色圖片" (thumbnail) 但有些沒有...
在 主題編輯器下 (theme editor) 的 function.php 中加入下列一行 PHP 指令, 即會跑出 "設定特色圖片" 選項了!
add_theme_support('post-thumbnails');

使用方式

在使用頁面上
<?php the_post_thumbnail('featured-small'); ?>


來源
http://yinung2.blogspot.com/2010/12/wordpress_15.html

2011年10月27日 星期四

鎖圖拖曳以及右鍵

ONDRAGSTART="window.event.returnValue=false"//是鎖住滑鼠拖曳功能
ONCONTEXTMENU="window.event.returnValue=false"//是鎖住右鍵選單功能
onSelectStart="event.returnValue=false"//是鎖住滑鼠選取(反白)功能

//對付firefox拖曳取圖招式

$(".post-body p img").mousedown(function(e) {
e.preventDefault();
})
//方法將通知Web 瀏覽器不要執行與事件關聯的默認動作(如果存在這樣的動作)。例如,如果type 屬性是"submit",在事件傳播的任意階段可以調用任意的事件句柄,通過調用該方法,可以阻止提交表單。注意,如果Event 對象的cancelable 屬性是fasle,那麼就沒有默認動作,或者不能阻止默認動作。無論哪種情況,調用該方法都沒有作用。

2011年10月13日 星期四

取消物件滑鼠行為(蓋在上面的物件取消滑鼠偵測)

CSS設定
pointer-events:none;
IE很SUCK不行用
就跟AS3的
mouseEnabled=false;
mouseChildren=false;
的效果依樣

2011年9月26日 星期一

2011年9月7日 星期三

wordpress 中猴事件簿

Imbalance 2好像會跟advanced-excerpt衝突
但是Imbalance 版本又要用advanced-excerpt
所以目前只好將Imbalance 2獨立一個WP
不能用在mu WP下了 QQ



一定要掛外掛FaceBook Share (New)
get_the_content才會全域可以使用???
但FaceBook Share (New)太醜我用style display:none了

2011年9月1日 星期四

2011年8月4日 星期四

圖片置換 滑鼠移入

要有兩張圖片
STEP1 HTML
<a href="#"><div id="fbicon"><img src="img/fb.png" width="25" height="24" /></div></a>
STEP2 CSS
#fbicon {
float:right;
width:25px;
height:24px;
background-image: url(../../../img/fb_over.png);
}
STEP3 JQUERY
//圖片置換 滑鼠移入
function picover(hit_area){
$(hit_area).hover(function() {
$(hit_area+' img').hide();
},
function(){
$(hit_area+' img').show();
})
}
picover('#fbicon ');//這裡就只要用到的地方就加一行

2011年8月3日 星期三

li子層 寬度 比父層 寬 時不要設定overflow: hidden;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<style>
* {
    margin:0px;
    padding:0px;
    list-style-position:none;
    list-style-type:none;
    float:none;
}
#content {
    width:500px;
}
#content ul{
    width:500px;
}
.level1{
    width:80px;
    float:left;
    list-style-type: none;
}
.bg{
    width:50px;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.level1 {
    background-color: #FC0;   
}
.level2 li {
    width:150px;
    background-color: #000;   
    color:#fff;
}
</style>
</head>
<body>
<div id="content">
<ul class="menu">
        <li class="level1"><div class="bg"><a href="">work</a></div>
            <ul class="level2">
                <li>aaa</li>
                <li>bbb</li>
                <li>ccc</li>          
            </ul>
        </li>
         <li class="level1"><div class="bg"><a href="">news</a></div>
            <ul class="level2">
                <li>aaa</li>
                <li>bbb</li>
                <li>ccc</li>          
            </ul>
        </li>  
    </ul>
</div>
</body>
<script language="javascript">
$(document).ready(function(){
$('.level1').hover(function() {
    //$('#work ul').slideDown('slow');
    $(this).children('.level2').show();
},
function(){
//$('#work ul').slideUp('slow');
    $(this).children('.level2').hide();
}
)
/*
); */
})
</script>
</html>

///overflow: hidden; 取消這個即可

li 取消縮排

margin:0px;
padding:0px;

chrome字體大小最小 要使用webkit

font-size:10px;
-webkit-text-size-adjust:none;/*chrome設定字大小*/

否則永遠都是12px

2011年8月1日 星期一

jquery css

$(this).css("color","red");

取出
$('#div1').css('background-color');

wordpress使用固定網址,要啟動rewrite模組

wordpress使用固定網址
要啟動rewrite模組

最基本的路徑概念

以資料夾名稱開頭 表示以該檔案為中心出發,底下即是跟該檔案同一層的img資料夾
img/

以 / 開頭表示以伺服器下 找目錄wordpress 底下的img資料夾
/wordpress/img

2011年7月21日 星期四

透明PNG也可以當遮色片(透明區域不遮會不顯示,不透明區域遮到會顯示)

lumos_pic.cacheAsBitmap = true;//被mask的對象要cache
 
//mask區域

lumos_mask.filters = [new BlurFilter(0,0,0)]//給mask加上filter  
 
  //設定mask  
lumos_pic.mask = lumos_mask;

阻斷mouse事件 讓上層就算顯示也不影響下層mouse事件

物件.mouseEnabled = false;
物件.mouseChildren = false;

如再不行
考慮hitArea方式

2011年7月20日 星期三

AS3 跳外部連結navigateToURL

my_btn.addEventListener(MouseEvent.MOUSE_DOWN, opneNewPage);

function opneNewPage(e:MouseEvent){
 
    var targetURL:URLRequest = new URLRequest('http://tw.yahoo.com');
navigateToURL(targetURL , "_Blank");
}

2011年7月19日 星期二

BitmapData移動也可以平滑

//##bg就是要使用的MOVIECLIP或物件 什麼鬼loder之類的
var bitmap:BitmapData=new BitmapData(bg.width, bg.height);
bm = new Bitmap(bitmap);
bm.pixelSnapping = 'auto';
bm.smoothing = true;

//設定matrix來縮放原圖大小
//var matrix:Matrix = new Matrix();
//等比縮放
//var scale:Number = p_width / _ldr.content.width;
//matrix.scale(scale, scale);
//強致縮放
//var scaleX:Number = p_width / _ldr.content.width;
//var scaleY:Number = 44 / _ldr.content.height;
//matrix.scale(scaleX, scaleY);


//畫出來
//bitmap.draw(_ldr,matrix);
bitmap.draw(bg);
addChild(bm);

2011年7月1日 星期五

使用遮色片

Track Matte key
用在被遮的物件上(超奇怪)

難道沒有一個圖層 一次遮整個圖層的嗎

2011年6月27日 星期一

JQUERY綁定偵聽

$('#cutmap').bind('mousedown', openMapGo);//綁定偵聽

$('#cutmap').unbind('mousedown', openMapGo);//移除綁定偵聽

function openMapGo(){
//dosomething
}

顯示瀏覽器及引擎名稱及版本



script type="text/javascript" src="js/jquery-1.6.1.min.js" /script
script type="text/javascript" src="js/jquery.browser.js" /script

$(function(){
// 顯示瀏覽器及引擎名稱及版本
$("#browsername").html(
'' + $.browser.name.replace('msie', 'Internet Explorer') + ' browser ' + $.browser.version + '.' + "
" +
'' + $.layout.name + ' layout engine ' + $.layout.version + '.'
);
alert($.browser.name.replace('msie', 'Internet Explorer'));
});

引用自
http://demonstration.abgne.tw/jquery/plugins/0055/0055.html

cursor: pointer; 能讓滑鼠變可按狀態(手指狀態)

cursor: pointer;
//能讓滑鼠變可按狀態
//相當於AS3的 buttonmode=true;

style='display:none;'這樣好像會先預載入了

style='display:none;'

這樣"好像"就會先預載入了!?(not sure)

2011年6月26日 星期日

toggle()與toggle(fn,fn)切換開關用法

$("#content").toggle();
這樣寫就是 按一下content hide 再按一下content show



$("#content").toggle(function(){
第一次按下做啥事
},function(){
                第二次按下做啥事
  });
//當然可以第三個fm 第四個等等 會依序輪迴

2011年6月23日 星期四

for永遠記不住

for (var i:Number = 1; i < 13; i++ ) {
trace(i);
}

這樣最後是12


for (var ix:Number = 12; ix > 0 ; ix-- ) {
trace(ix);
}

這樣最後是1

this['物件名' + '數字']

var puzzle_1:MovieClip=new MovieClip();

this['puzzle_' + '1'] //這樣即可取得該物件

this['物件名' + '數字']

FD的plugin與快捷鍵

Trace-0.2_Plugin
Ctrl +0 產生trace
Duplicate-0.3_Plugin
Ctrl +D 重製
Ctrl +ALT+D 製會型重製
FDFlexFormatter_0.2
Ctrl + Shift + F 程式整理排列
Ctrl + Shift + 1 //自動匯入類別, 產生 Event Handler, Method override, 產生 Getter/setter, 自動宣告變數(或本地變數轉成類別變數), 實做介面方法...等等
Ctrl + B //插入 Snippet
Ctrl + Shift + K //插入色碼
-------------------------------------------
Ctrl + Shift + Space //出現程式碼提示
Ctrl + Alt + Space //類別提示
F1 //(提示區塊有 ... 時)展開訊息
F4 //尋找宣告(如在call function的地方按, 可以跳到該function)
Shift + F4 //從宣告返回(按了F4後回去用的)
Ctrl + D //游標所在行複製並貼上新行
Ctrl + Q //單行註解
Ctrl + Shift + Q //取消單行註解
Ctrl + Shift + F //程式碼收合
Ctrl + Shift + A //程式碼全部收合
Ctrl + Shift + E //程式碼全部展開
Escape: Hide the completion list or method call-tip.
F1: when you see "..." in a (yellow) tip, you can press F1 to see a more detailed tip.
F4: go to declaration of element at cursor location.
Shift+F4: jump back after F4 or code generation operations.
Ctrl+Space: contextual completion list - also, pressTab to expand snippets like 'for', 'while', etc.
Ctrl+Shift+Space: method call-tip (the yellow window with current method's signature)
Ctrl+Alt+Space: list all project classes (as after ':' or keywords like "new")
Ctrl+Shift+1:
contextual code generation

FD4創preloader好像不用把preloader.as設成主要了

FD創preloader好像不用把preloader.as設成主要了

若硬是把preloader.as設成主要
就會出錯的樣子

2011年6月21日 星期二

上傳檔案檔名中文一樣可上傳 for Windows

$Chinese_file_name=mb_convert_encoding($_FILES[datafile][name][$j],"big5","utf8");
copy($_FILES[datafile][tmp_name][$j],'upload'.$Chinese_file_name);//複製暫存檔案到指定資料夾

animate寫法

.animate( {
  left: 40,
},5000, 'linear'  , function() {
                //完後做什麼
       go_stop();
   }
);

Jquery取屬性值

var _this = $('#dog'),
_position = _this.position(),
_height = _this.height(),
_width = _this.width();

所以取left時
就是_position.left;

2011年6月20日 星期一

前往上一筆、下一筆資料

概念 創一個撈全部的資料集 在跟指定資料集比對id 如果比對到了 就從比對到的筆數 進行上一筆 下一筆

//RecNews 指定資料集
$colname_RecNews = "-1";
if (isset($_GET['news_id'])) {
  $colname_RecNews = $_GET['news_id'];
}
mysql_select_db($database_connectPrince, $connectPrince);
$query_RecNews = sprintf("SELECT * FROM news WHERE news_id = %s  AND news_active=1 ", GetSQLValueString($colname_RecNews, "int"));
$RecNews = mysql_query($query_RecNews, $connectPrince) or die(mysql_error());
$row_RecNews = mysql_fetch_assoc($RecNews);
$totalRows_RecNews = mysql_num_rows($RecNews);

//RecNewsAll 全部資料集 要把$row_RecNewsAll = mysql_fetch_assoc($RecNewsAll);;給註解掉才不會衝突
mysql_select_db($database_connectPrince, $connectPrince);
$query_RecNewsAll = "SELECT * FROM news WHERE news_active = 1 ORDER BY news_date DESC";
$RecNewsAll = mysql_query($query_RecNewsAll, $connectPrince) or die(mysql_error());
//$row_RecNewsAll = mysql_fetch_assoc($RecNewsAll);
$totalRows_RecNewsAll = mysql_num_rows($RecNewsAll);

//=======================================================
$id=$_GET['news_id'];
$ii = 0;
while($row = mysql_fetch_array($RecNewsAll)){
if($row["news_id"] == $id){
break;
}
$ii++;
}

//上一筆
if($ii > 0){
mysql_data_seek($RecNewsAll, $ii-1);
$row1 = mysql_fetch_array($RecNewsAll);

}
//下一筆
if($ii < mysql_num_rows($RecNewsAll)-1){
mysql_data_seek($RecNewsAll, $ii+1);
$row2 = mysql_fetch_array($RecNewsAll);
}

//=======================================================

chrome線上串流 無所遁形

C:\Users\happy\AppData\Local\Google\Chrome\User Data\Default\Cache

2011年6月16日 星期四

FD 3.3.4用Flex SDK 4.5會報錯

FD 3.3.4用Flex SDK 4.5
"康派了"後會報錯 Error: unable to open 'libs/player/10.1/playerglobal.swc'
舉例
E:\Classes\flex_sdk_4.5.0\frameworks\flex-config.xml(56): Error: unable to open 'libs/player/10.1/playerglobal.swc'

就去E:\Classes\flex_sdk_4.5.0\frameworks\libs\player 下的10.2複製一個改名10.1解決

在FD使用trace的方法

打開FD
Tools->Program Settings->FlashViewer->External Player Path
路徑選E:\Classes\flex_sdk_4.5.0\runtimes\player\10.2\win\FlashPlayerDebugger.exe

之後重開FD
COOL

開始大力trace

2011年6月8日 星期三

2011年5月31日 星期二

2011年5月24日 星期二

無所遁形

C:\Users\happy\AppData\Local\Google\Chrome\User Data\Default\Cache

C:\Users\使用者\AppData\Local\Google\Chrome\User Data\Default\Cache


把裡面檔案清空,然後開始用chrome上網去你想要抓的網址

然後開始load影片後,裡面會有個檔案爆增大小,就是它
複製出來,然後改成可能的檔名,例如flv mp4 等等

2011年5月18日 星期三

IE按F12 開發者工具視窗出不來

win7 IE按F12 開發者工具視窗出不來時
滑鼠移去IE上點擊一下,對開發者視窗右鍵然後按"最大化"
再來重新拉一下大小視窗又回復拉。

2011年5月17日 星期二

重複背景小圖-裁切小正方格

重複背景小圖

以小正方格裁切很準
想法是
左邊最前面會重複到自己的右邊尾巴

上邊會重複到自己的最下邊尾巴

2011年5月2日 星期一

CSS 版面自動高度

#container {  
margin:0 auto;  
width: 780px;  
background: #ffc;  
border: 1px solid #000;  
overflow: hidden; 


外層容器設定裡不要指定高度,也就是維持預設的 height:auto; 同時加入 overflow: hidden; 即可。

(當然內層容器也不要指定高度)

參考http://blog.linym.net/archives/129

AnythingSlider IE6 7可能的執行錯誤

屬性最後一欄,不要有逗號
easing              : "swing", <---把做後一個屬性逗號拿掉

2011年4月21日 星期四

CSS簡易HACK觀念

有時候明明chrome可以使用的屬性,但IE7會因為那屬性而跑掉
但如果拿掉那條屬性,又很賭爛,所以需求就是chrome要,IE7也要正常,
來!!首先知道 * (星符號)在chrome是無法判斷,但IE7可以接受*後面還有屬性設定

簡易範例 例如字型大小設定在chrome可以用75%但在IE7 用100%才正常
font-size: 75%;
*font-size: 100%;
這樣就會先讓chrome過了,再來IE讀到星號又變回100%

2011年4月20日 星期三

CSS-background-position的基本位移觀念

一樣是寫給自己的
background: url(../img/Measure_css.jpg) no-repeat;
background-position : 0px -82px;(左右,上下,以左上角為基準點0px)
這裡位移觀念是以左上角為基準點0px

所以我一開始自以為這樣行的通結果失敗
background-position : top 82px;
or
background-position : left 82px;

目前這樣單用top left不是很明瞭

2011年4月6日 星期三

2011年2月20日 星期日

div簡單開關應用

<div id="open0<?php echo $row_Recp2c['faq_id']; ?>" style='display:;'><a href="javascript:View_resume(<?php echo $row_Recp2c['faq_id']; ?>)"><img src="img/Developer_Icons_002.png" width="15" height="15" border="0" /></a></div>


<script language="JavaScript">
//學校顯示全部關閉切換用
function View_resume(x){
if (eval("d0"+x).style.display == "") {
eval("d0"+x).style.display = 'none';
eval("close0"+x).style.display = 'none';
eval("open0"+x).style.display = '';
}else{
eval("d0"+x).style.display = '';
eval("close0"+x).style.display = '';
eval("open0"+x).style.display = 'none';
//開啟 x <div> 時要關閉 其它的 5 6 7 8 是維一的
switch(x){
// case 5:d06.style.display = 'none';d07.style.display = 'none';d08.style.display = 'none';break;
//case 6:d05.style.display = 'none';d07.style.display = 'none';d08.style.display = 'none';break;
//case 7:d06.style.display = 'none';d05.style.display = 'none';d08.style.display = 'none';break;
//case 8:d06.style.display = 'none';d07.style.display = 'none';d05.style.display = 'none';break;
}
}
}
</script>