將 即時通軟體嵌入在網頁 以 MSN, Yahoo Message, Skype 為例

因為老闆有提到說想再網站上加上線上客服的功能，所以就搜尋了一下，

這些服務都很貼心的有網頁自動產生語法，所以設定起來真的不難。


 設定方式


1. MSN

•   連到 windows live 下的網頁設定 http://settings.messenger.live.com/applications/WebSettings.aspx
•   允許在網路上的任何使用者看見我的狀態，並可傳送訊息給我。這裡打 勾
•   點選左邊的建立HTML，設定樣式
•   複製下方的語法貼到網頁上
• 可以參考 梅問題教學網.

2. Yahoo Message
     官方就有介紹，參考[2].

3. Skype
     訊息可參考[3] , Skype Phone 可參考[4].

順帶一題，MSN 和 Yahoo Message 比較相近， 可以允許匿名交談; 而 Skype 則必須要登入後才能對談，不過 Skype 除了訊息交換之外，還有 Skype phone 的語法直接可以嵌入






參考:
[1].  梅問題教學網
[2]. Yahoo!奇摩即時通對講機
[3]. 自定您的Skype 按鈕
[4]. skypeme

母網頁呼叫 iframe 子網頁函式

如題，若使用iframe 想從母網頁呼叫子網頁的變數，可以利用以下的 function

注意， 要用 setTimeout否則 母網頁會不認識 子網頁的變數 ，以下的方式我在IE 和 FireFox 中試過可行


setTimeout("ShowChildMessage()",0);

function ShowChildMessage(){
/// Set Weather
var child =top.frames[0];

// alert(child);
/// 子網頁的function
child.Show();
}






參考

1. IE6中Js第一次不执行，刷新后才执行


2. 有没有办法一次改变框架中的两个页面

轉貼 html input text 和 password 長度不一致

搜尋了一下 ， 原因是因為 編碼的部份不一樣，在中文預設的瀏覽器下，text 格式的內容會是中文形式的編碼，但是password 格式的編碼固定是英文的編碼

解決的方是有以下

1. 用 css 設定 text 和 password 的width 屬性
例

<input type="text" style="width:170;" name="test1">
<input type="password" style="width:170;" name="key1">


2. 用 css 設定 input 的字型 + 用 css 設定 text 和 password 的size屬性

<input type="text" size="20" name="test1">
<input type="password" size="20" name="key1">



input {
font-family:'Verdana';
}



參考來源
1. java word,請問如何令 Input text 及 password 長度變一致??

2. 解决IE下input=text和input=password的长度不一致