程式片斷

不裝外掛,不需關閉javascript,在ie裡就是要貼上資料

孤影 — Wed, 05 Sep 2007 23:41:00 GMT

今天接到一個問題,
有個表單有限制貼上的功能,

<body onpaste="return false;">

因為有很多筆資料要新增,
如果不能貼上的話,那就要自己重key...真的是非常的不UserFriendly...

通常,遇到這樣的情形,
我會直接改用firefox就好了,
不過因為現在只能用ie去編輯(因為對方不想裝FireFox),
那當然,直接關掉ie的javascript也是可以.
但是一關掉javascript的話,連其他的功能也不能用了,
所以只好另想辦法,
當然最有用的方式就是複製那個網頁,拿掉不想要的限制,
然後丟到自己的電腦或是自己的主機上做(當然action要記得改成對方的主機),
但是,這樣還是有點麻煩...

後來找到一個方法,
只要在ie的網址列輸入下列語法就可以了.

javascript:alert(document.body.onpaste=function(){return%20true;});

如果你要測試的話,
可以透過下面網址測試
http://ajunlee.googlepages.com/PasteTest.htm
當然這個測試只能在ie上測試(因為標題已經說了"在ie"...).

先開啟上面的網頁,隨便複製一段字串,
試試看能不能貼到文字方塊中,
然後在複製上面的javascript語法,
貼在剛剛哪個ie的網址列後按下enter,
這時會跳出一個訊息視窗,按下確定關閉訊息視窗,
然後在試試看能否貼上資料!!

當然,可能還有其他的方法,
不過這樣的方式會讓不會程式的人覺得很厲害(或許把妹可以用的到,如果收到好人卡不要怪我)...

用C#改檔名

孤影 — Wed, 15 Aug 2007 10:47:00 GMT

今天有個需求,
需要有個功能將遠端的檔案用webclient下載下來存成暫存的檔名後,
確定沒有問題再將它更名為原本的檔名.

但是,寫到要更改檔名時,
發現.net的System.IO中似乎沒有rename的功能,
所以需要使用Copy或是Move的方法來達成.

而用Copy的話,會有個問題,就是當檔案大的時候會很慢,
而且還是要需求看是否要刪除原本的檔案.
所以比較合適的方式是用move.
更名的程式片段如下 :

public bool Rename(string source,string dest)
{
    try
    {
        if (!(File.Exists(source))) return false;
        string dest = GenDestName(source);
        if (File.Exists(dest))
        {
            return false;
        }
        File.Move(source, dest);
    }
    catch(Exception ex)
    {
        throw ex;
    }
}

玩玩Silverlight streaming

孤影 — Wed, 20 Jun 2007 23:24:00 GMT

微軟的一個新的服務silverlight.live.com,
讓你有4GB的免費空間可以放你的silverlight application或是多媒體.

先看一下我傳上去的...

TokyoDisney (可能有點吵...)

有興趣的可以看一下下面這些相關連結

How to get started with Silverlight Streaming

http://www.fabiopedrosa.info/2007/06/19/how-to-get-started-with-silverlight-streaming/

Silverlight streaming example

http://www.moulster.com/silverlightstream.html

如果你裝了Microsoft Expression Media Encoder Preview後卻發現沒有template的話,

這主要是語系的問題,
所以直接將安裝資料夾中的Template\en的資料夾複製一份並命名為zh-tw(如果你的是繁體中文的作業系統的話)
(Template放置的資料夾 : C:\Program Files\Microsoft Expression\Media Encoder 1.0\Templates\en)

而manifest.xml的內容,你可以直接複製下面這片段來用

<SilverlightApp>
<loadFunction>StartWithParent</loadFunction>
<jsOrder>
<js>MicrosoftAjax.js</js>
<js>PreviewMedia.js</js>
<js>EmePlayer.js</js>
<js>player.js</js>
<js>startPlayer.js</js>
</jsOrder>
</SilverlightApp>

document.body.scrollTop都是0

孤影 — Thu, 07 Jun 2007 15:55:00 GMT

整個五月都沒有在維護blog,
雖然有不少東西可以寫,但就是因為懶...
所以這次一定要趁還想寫的時候趕快寫下來...

今天,再作一個網頁特效的時候,
遇到了一個狀況,
因為要作的功能是,捲動瀏覽器的捲軸後,
廣告圖片會跟著滑動.
而這功能,在網路上已經有很多範例了,
所以特別挑了一個簡短而且在IE跟Firefox上都可以用的來,
稍微修改一下,寫個範例測試,沒有問題就想說可以開始套了,
結果沒想到將那個片段套在程式裡以後,卻不會動...
所以只好重頭debug了.
debug到後來才發現,
原本的測試網頁中使用的document.body.scrollTop是正常的,
但是套用到aspx的頁面時,
不管怎麼捲動,document.body.scrollTop都是0.

google一下後發現,原來是因為網頁的DOCTYPE的問題,
在測試的網頁中,是用下面這片段

但是在網站中,是用

(ps.這是在.Net studio中預設新增網頁時會加上去的.)

所以原本的document.body.scrollTop要改成document.documentElement.scrollTop就可以了.

update - 20070614:

感謝無名氏的提醒,
這才發現原以為ie跟firefox都正常的範例是有點問題的...
而問題點在於,
未使用DTD前,在ie跟firefox都可以使用下列的語法來設定位置

document.getElementById("adimg").style.top = 200;

但是在使用DTD之後,
ie還是可以接受上面的語法,
但是在firefox卻是不行的,
而firefox所能接受的如下(需要加上單位)
document.getElementById("adimg").style.top = "200px"

而這個在ie上是接受的,
所以只要改成如上的語法就可以在ie跟firefox都正常了.

範例網頁:

原始 : http://ajunlee.googlepages.com/rolling.htm
使用DTD : http://ajunlee.googlepages.com/rolling_err.htm
使用DTD修正後 : http://ajunlee.googlepages.com/rolling_ok.htm

玩玩Ajax系列 - Dom在asp與asp.net

孤影 — Tue, 13 Mar 2007 18:46:00 GMT

前言

這陣子微軟似乎正在大力的推ajax,
而blog中如果有個ajax的資料,似乎也能增加些瀏覽數..

不過這次是因為某個專案的功能,才會有這篇的...

話說,因為支援別人寫的一個用了大量ajax的案子,
但是這個案子原本是用asp,而我則是要用asp.net 1.1開發新功能,

而原本的程式中,
是使用Microsoft.XMLDOM將要傳送的資料打包後post到後端,
程式碼如下(前端javascript的片段)

xmlData = "<xml>..................</xml>"
var xmlDom=new ActivexObject("Microsoft.XMLDOM")
xmlDom.load("domtest.xml")

而後端是用asp.一樣用Microsoft.XMLDOM來接收
而接收的程式如下

Dim mydoc
Set mydoc=Server.CreateObject("Microsoft.XMLDOM")
mydoc.async=false
mydoc.load(Request)

不過,現在問題來了,
1.前端用new ActiveObject("Microsoft.XMLDOM")在firefox下是不會動的.
2.而且也不適合再用Server.CreateObject來建立Microsoft.XMLDOM,
3.因為我是用.net 1.1,所以不能像asp這樣直接load(Request)

在ie中使用xmlhttp是用new ActiveXObject("Microsoft.XMLHTTP");
而在firefox中則是用new XMLHttpRequest();
這個之前有說過.(使用xmlhttp讀取遠端檔案)
那Microsoft.XMLDOM呢??
其實,在firefox是不需要建立這個的.
只要直接使用下面的語法就可以了....

xml = "<xml>..................</xml>";

xmlHttp.open("POST", url);
xmlHttp.setRequestHeader("Content-Type", "text/xml");
xmlHttp.send(xml);

.net 1.1中的Microsoft.XMLDOM呢?
如果注意一下前端送過來的資料就可以知道,XMLDOM實際上就是xml的內容,
所以在.net中是使用XMLDocument去接收,
所以程式碼如下

XmlDocument _xmldoc = new XmlDocument();
_xmldoc.LoadXml(xmlData);

而xmlData就是接收到的xml結構內容,但是.net要怎麼接收呢??

在.net的Request物件跟asp的不同,不能直接用_xmldoc.Load(Request)
而.net中,Requet有個InputStream的屬性,
而這就是我們需要的,只是他是Stream,所以我們在接收的時候需要用StreamReader去接收,
所以接收的程式如下

StreamReader reader = new StreamReader(Request.InputStream);
string xmlData = reader.ReadToEnd();

以上,問題到此就解決了.

最後附上一個測試用的範例,
使用ajax的方式新增Rss item,
在ie跟firefox上都能work.

範例網址 : http://vip.blueshop.com.tw/ajun/item.htm

其中,前端的部分,程式都在頁面中了,
而後端接收的程式(ItemSave.aspx)的原始碼在這 http://vip.blueshop.com.tw/ajun/sample/ItemSave.aspx.cs.txt

有興趣的就玩玩吧!!

IE vs. FireFox系列 - createElement option的問題

孤影 — Fri, 26 Jan 2007 15:40:00 GMT

因為想要寫個javascript的function可以自動產生設定好時間區間的下拉選單,
所以寫了下面看是正統的function

var newOpt = document.createElement('option');
newOpt.text = text;
newOpt.value = value;

先用firefox測試,沒有問題,
但是換到IE(6跟7)後,卻發現下拉選單是變長了,
但是卻沒有出現項目的文字內容,
所以,在ie下,用newOpt.text跟newOpt.value應該是沒有作用的,
所以要改成如下

var newOpt = document.createElement("option");
var oText = document.createTextNode(text);
newOpt.appendChild(oText);
newOpt.setAttribute("value",value);

變成需要使用createTextNode來建立option標籤內的文字內容,
然後再用setAttribute來設定option中的value屬性值.

IE vs. FireFox 系列 - getElementsByName問題

孤影 — Fri, 15 Dec 2006 19:55:00 GMT

用CSS做的Rollover link

孤影 — Fri, 24 Nov 2006 06:17:00 GMT

先看一下效果 : RollOver Link
之前做這種圖片切換的按鈕效果,通常都是用javascript,
但是如果用CSS套的話,
程式的部份將會簡單許多.

要做這樣的效果,
你需要準備一張按鈕的底圖,如 :

這是一張圖,將變化的前後效果都做在同一張圖上.

在來就是CSS語法的部份,
我們將要套用的link都加上一個class為rollover,
然後CSS語法如下:

a.rollover { text-decoration : none; text-align:center; padding-top:8px; display:table-cell; vertical-align:middle; width: 100px; height: 36px; background: url("button.gif") 0 0 no-repeat; color:#FFFFFF; } a:hover.rollover { background-position: -100px 0; }

而html則只要在要顯示成按鈕的link加個class就可以了!
如:

<a class="rollover" href="#">連結一</a> <a class="rollover" href="#">連結二</a> <a class="rollover" href="#">連結三</a> <a class="rollover" href="#">連結四</a>

IE vs. FireFox 系列 - showModalDialog

孤影 — Tue, 29 Aug 2006 18:56:00 GMT

[MSSQL]取得剛新增資料的自動編號

孤影 — Tue, 04 Jul 2006 02:00:00 GMT

在資料庫中,我們常常會使用自動編號來當資料的索引碼,
當然也可能需要在新增完資料後立即抓取剛剛新增的自動編號是多少.

而在MSSQL中,
要取得這資料的話,
你可以使用下面的語法來取得

-- 新增資料
insert into tbTableName (fld1,fld2)
values(@fld1,@fld2)
-- 傳回剛新增的自動編號資料
select scope_identity()

之前我都是使用
select @@identity
來取的自動編號的資料.

而這兩者之間的差異在於
"SCOPE_IDENTITY 和 @@IDENTITY 將傳回現行工作階段中任何資料表所產生的最後一個識別值，不過，SCOPE_IDENTITY 只會傳回現行範圍內的值，@@IDENTITY 並未限制特定範圍。"
上面這段是取自"Transact-SQL 程式語法的參考說明",
不過這樣說,可能還是不太懂他的差異...

所以直接看下面的範例應該就可以了解的...

範例
本範例可建立兩個資料表：TZ 和 TY，以及 TZ 上的 INSERT 觸發程序。在資料表 TZ 插入資料列時，即引發觸發程序 (Ztrig) 並於 TY 插入一資料列。

USE tempdb
GO
CREATE TABLE TZ (
Z_id int IDENTITY(1,1)PRIMARY KEY,
Z_name varchar(20) NOT NULL)

INSERT TZ
VALUES ('Lisa')
INSERT TZ
VALUES ('Mike')
INSERT TZ
VALUES ('Carla')

SELECT * FROM TZ

--Result set: This is how table TZ looks
Z_id Z_name
-------------
1 Lisa
2 Mike
3 Carla

CREATE TABLE TY (
Y_id int IDENTITY(100,5)PRIMARY KEY,
Y_name varchar(20) NULL)

INSERT TY (Y_name)
VALUES ('boathouse')
INSERT TY (Y_name)
VALUES ('rocks')
INSERT TY (Y_name)
VALUES ('elevator')

SELECT * FROM TY
--Result set: This is how TY looks:
Y_id Y_name
---------------
100 boathouse
105 rocks
110 elevator

/*Create the trigger that inserts a row in table TY
when a row is inserted in table TZ*/
CREATE TRIGGER Ztrig
ON TZ
FOR INSERT AS
BEGIN
INSERT TY VALUES ('')
END

/*FIRE the trigger and find out what identity values you get
with the @@IDENTITY and SCOPE_IDENTITY functions*/
INSERT TZ VALUES ('Rosalie')

SELECT SCOPE_IDENTITY() AS [SCOPE_IDENTITY]
GO
SELECT @@IDENTITY AS [@@IDENTITY]
GO

--Here is the result set.
SCOPE_IDENTITY
4
/*SCOPE_IDENTITY returned the last identity value in the same scope, which was the insert on table TZ*/

@@IDENTITY
115
/*@@IDENTITY returned the last identity value inserted to TY by the trigger, which fired due to an earlier insert on TZ*/

@@IDENTITY