@lice ::

在plurk看到朋友的分享, 覺得很實用
輸入網址後它會取得該網頁的截圖, 重點來了, 它可以讓你為標示的區塊作註解, 並以網址的方式分享給友人
以下是我試作的分享網頁:
http://www.bounceapp.com/2253

跟我目前瀏覽器外掛的fireshot差別是, 以網址分享更方便
有機會可以試試哦~

資料來源: Bounce - 輕鬆在網頁上加注釋

Tag : Web

發表於 June 25th, 2010 15:24 | 新發現 | Trackback 0 | Comment 0

jquery動態產生連結的幾個方法

views: 2739 times
1,2 是不需要JQuery的基本方法

<a href="http://www.google.com" target="_blank">link 1 - google</a>
<div onclick="window.open('http://tw.yahoo.com');">link 2 - yahoo</div>

當連結目標是動態產生時可用下列三種方法
html部份-

<div id="aa">link 3 - imtv</div>
<div id="bb">link 4 - youtube</div>
<div id="cc">link 5 - yam</div>
<form action="" method="get" id="tmpform" target="_blank" style="margin:0px;"></form>

javascript部份-

	$("#aa").click(function(){
		window.open("http://www.im.tv","mywindow");
	});
	var aa = $('＜a＞＜a＞');
	aa.attr({ 
		href:"http://www.youtube.com",
		target:"_blank"
	});
	$("#bb").wrapInner(aa);		
	$("#cc").click(function(){
		$("#tmpform").attr('action','http://www.yam.com');
		$("#tmpform").submit();
	});

*第4行的＜＞符號請自行轉換為半形<>

奇妙的是某些版本的ie6對方法3,5是失效的, 查了半天只查到這個說明:
您無法開啟新的 Internet Explorer Window，或按一下連結後未執行任何動作
遇到這個狀況時, 把方法3的window.open改成location.href就沒問題了~

Tag : javascript, jQuery

發表於 November 17th, 2009 12:37 | 新發現 | Trackback 0 | Comment 0

破圖的處理

views: 3273 times
網頁有引用到外站的圖片, 但圖片不復存在時通常會看到一個所謂的破圖
若想要保持版面的完整與美觀, 可以動態以別的圖片代替
在圖片加上onerror屬性:

<img src="myimage.jpg" onerror="ImgError(this);">

再用javascript寫一個置換圖片的function

function ImgError(source){
    source.src = "img/default_image.jpg";
    source.onerror = "";
    return true;
}

這樣在圖片load不到時就會改顯示你設定的替代圖片了~

參考來源: jQuery/Javascript to replace broken images

Tag : html, image, javascript

發表於 September 29th, 2009 16:25 | 新發現 | Trackback 0 | Comment 0

用JQuery依序展示效果

views: 3693 times
若想讓一個以上的物件, 一個接一個的表現出slide或fade等效果時
直覺的作法是:

function slideImg1(){
  for(b=0;b<ImgCount;b++){
    $(".slide1").eq(b).slideDown('slow'); 
  }
}

但不管效果的速度改的多慢,或甚至用到setTimeout或setInterval它最後都會一起出來
研究出的結果是要善用它on complate 的callback參數:

function slideImg2(){
	if(ImgIndex<ImgCount){
		$(".slide2").eq(ImgIndex).slideDown('slow',slideImg2); 
		ImgIndex++;
	}
}

附上的sample加上了顯示進度的數字, 以方便更清楚的看出差別

slide_onebyone.html

Tag : css, javascript, jQuery

發表於 August 20th, 2009 18:12 | 新發現 | Trackback 0 | Comment 0

用JQuery來自製blink blink效果

views: 4283 times
有兩種方式 1. animate: 用callback方式呼叫自己, 反覆播放opacity(透明度)的變化

function blinkblink1(){
	var opc = ($("#blinkobj1").css("opacity")==1)?0:1;
	$("#blinkobj1").animate({
	        opacity: opc
	}, 800, blinkblink1 );
}

2. 反覆使用fadein, fadeout功能

function blinkblink2a(){
	$("#blinkobj2").fadeOut("slow",blinkblink2b);
}
function blinkblink2b(){
	$("#blinkobj2").fadeIn("fast",blinkblink2a);
}

效果請看這裡:

blinkblink.html

Tag : css, javascript, jQuery, Web

發表於 August 6th, 2009 16:58 | 新發現 | Trackback 0 | Comment 0

javascript 的數字格式

views: 4409 times
javascript 對小數點有toFixed 及 toPrecision兩個內建function可以處理
但要為比較大的數字加分隔符號(如 2,376 的 ,)就要自己寫了

function addCommas(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}

參考: Formatting numbers in JavaScript

Tag : format, javascript, number, Web

發表於 August 6th, 2009 15:49 | 新發現 | Trackback 0 | Comment 0

overflow:hidden 在 IE6的問題

views: 4417 times
如題, 當該區塊設定為Position Relative時, overflow:hidden會失效
發現只有IE6會這樣時實在很無力, 還好找到這篇文章
IE6 Doesn’t Hide When Overflow Is Hidden
它提出的解決方法是, 把它的上一層也設為 position:relative
該篇文章的Sample頁作了很清楚的示範比較
(別忘了用IE6來看才看的出來, 如果你還有的話...)

Tag : css, IE6, overflow, position

發表於 July 30th, 2009 16:11 | 新發現 | Trackback 0 | Comment 0

在執行sql command的期間回報資訊

views: 5273 times
在SQL Server中, 若要處理大量資料時, 使用者都會需要看到一些資訊以確認是否發生錯誤或是觀察執行進度
一般都會用 print 'Message' 來作
但由於某種輸出buffer的限制, 它並不能即時反應執行進度
搜尋了一下發現RAISERROR常被拿來應用在這個地方, 語法如下:

RAISERROR ( { msg_id | msg_str | @local_variable }
    { ,severity ,state }
    [ ,argument [ ,...n ] ] )
    [ WITH option [ ,...n ] ]

severity(嚴重性) - 任何使用者皆可指定從 0 到 18 的嚴重性層級。從 19 到 25 的嚴重性層級只能由系統管理員 (sysadmin) 固定伺服器角色成員或具有 ALTER TRACE 權限的使用者指定。因為從 19 到 25 的嚴重性層級需要 WITH LOG 選項
state - 這是介於 0 到 255 之間的整數, 是使用者為了辨別錯誤發生位置而自訂的編號
WITH - 在這裡必需設定為NOWAIT, 也就是立即傳送訊息給用戶端
範例:
RAISERROR('test',10,1) WITH NOWAIT;

SQL Server 將在執行到這一行時, 立即顯示test字樣(若前面有print指令也會一併顯示出來)

RAISERROR詳細說明: RAISERROR (Transact-SQL)
參考資料: Report progress from SQL Server

Tag : error, SQL

發表於 June 3rd, 2009 16:32 | 新發現 | Trackback 0 | Comment 0

c# url字串的操作

views: 5241 times
當要從url網址取出 hostname, port, 或網頁名稱時, 一般都會想到用正則表示法(Regular Expressions)來作
但其實.net有一個便利的方法:

string url = "http://my.domain.com:8000?arg1=this&arg2=that";
System.Uri uri = new System.Uri(url);

// get the port
int port = uri.Port;

// get the host name (my.domain.com)
string host = uri.Host;

// get the protocol
string protocol = uri.Scheme;

// get everything before the query:
string cleanURL = uri.Scheme + "://" + uri.GetComponents(UriComponents.HostAndPort, UriFormat.UriEscaped);

參考: C# : Parsing a URL for its Component Parts

Tag : c#, Url, Web

發表於 May 27th, 2009 18:46 | 新發現 | Trackback 0 | Comment 0

爆衝?

views: 5296 times
前兩天公司電腦突然顯示這個視窗出來

雄雄不知是怎麼回事只好按重設
事後google了一下找到一個很詳細的說明:

可能發生的問題:

徵狀
當您將 USB 裝置插入電腦上已開啟的 USB 集線器或 USB 連接埠時，USB 裝置可能無法使用或無法接收電源。而且您可能不會收到「USB 集線器電力不足」錯誤訊息。

發生的原因:

如果將高電力 USB 裝置 (例如，USB 硬碟和需要消耗 500 毫安 (mA) 以上電力的 USB 裝置) 插入支援 Intel ICH5 或 ICH6 (I/O Controller Hub) 系統的電腦，可能會發生這個問題。部份 ICH5 或 ICH6 系統無法辨識即時狀況，而且不會產生任何「USB 集線器電力不足」錯誤訊息。
其他可行方案
如果要解決這個問題，必須利用外部電源提供電力給 USB 裝置 (如果有的話)。例如，可以使用 AC 介面卡提供電力給 USB 裝置。

但還是看不懂, 因為第一, 我當時並沒有新接上usb裝置(一直接著的usb延長線也算嗎)
第二是, 我電腦似乎沒有那麼多的usb連接埠
反正重設就能解決問題就話就先醬吧
抓下畫面作個紀念...

參考: 電腦QA網-集線器連接阜發生電源爆衝

Tag : pc, usb, Windows XP

發表於 April 10th, 2009 18:10 | 新發現 | Trackback 0 | Comment 0

<< prev [1] [2] [3] [4] next >>

« Sep 2010 »
日	一	二	三	四	五	六
			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