怎樣給SIP Paging Gateway廣播對(duì)講網(wǎng)關(guān)， T86A網(wǎng)絡(luò)對(duì)講呼叫器，甚至是GM3這樣的網(wǎng)絡(luò)IP電話機(jī)做一個(gè)網(wǎng)頁(yè)的撥號(hào)鍵盤？

緣起：

因?yàn)镾IP Paging Gateway和 T86A這樣的SIP廣播、對(duì)講終端等設(shè)備沒(méi)有鍵盤接口，所以不能通過(guò)鍵盤來(lái)?yè)艽蛉我馓?hào)碼。但是提供了Active URI軟接口，通過(guò)接口可以發(fā)送撥號(hào)的號(hào)碼實(shí)現(xiàn)撥打電話。

之前已經(jīng)有客戶說(shuō)實(shí)現(xiàn)過(guò)，但是我們沒(méi)有提供這樣的網(wǎng)頁(yè)撥號(hào)鍵盤程序。

后來(lái)有個(gè)客戶一直問(wèn)怎么做。技術(shù)支持解釋說(shuō)，可以用Active URI，由網(wǎng)頁(yè)發(fā)起HTTP Get請(qǐng)求，話機(jī)內(nèi)置的HTTP Server會(huì)解析和響應(yīng)撥號(hào)呼叫請(qǐng)求，就可以通過(guò)網(wǎng)頁(yè)撥號(hào)鍵盤來(lái)控制話機(jī)打電話了。

曲折：

客戶反饋說(shuō)，發(fā)起HTTP Get固然可以實(shí)現(xiàn)，但是會(huì)刷新網(wǎng)頁(yè)。他不想刷新網(wǎng)頁(yè)。

技術(shù)支持說(shuō)XMLHTTP可以不刷新網(wǎng)頁(yè)。

客戶又反饋說(shuō)，這樣會(huì)提示401未授權(quán)錯(cuò)誤，不能撥打電話。

實(shí)在無(wú)解。于是安排技術(shù)做一個(gè)demo算了。

思路：

電話撥號(hào)界面，采用數(shù)字鍵0-9，*和#號(hào)，組成一個(gè)3×4的鍵盤界面。

需要一個(gè)撥打按鈕，一個(gè)刪除按鈕，一個(gè)顯示框用于顯示按鍵/號(hào)碼。

采用基礎(chǔ)的HTML創(chuàng)建按鈕布局、CSS來(lái)設(shè)計(jì)樣式和JavaScript來(lái)實(shí)現(xiàn)處理點(diǎn)擊事件和功能。

撥打按鈕的點(diǎn)擊時(shí)間會(huì)調(diào)用一個(gè)HTTP Get方式的網(wǎng)頁(yè)。

成果：

一個(gè)單獨(dú)的html文件就搞定了?？聪旅孢@個(gè)附件的html文件吧：

效果圖：