DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> ajax制作網頁右下角彈出提示效果
ajax制作網頁右下角彈出提示效果
編輯:AJAX詳解     

記得以前做自動提醒都是使用iframe框架,在一個框架裡不停的刷新.檢測是否有新的消息.但在使用類似於MSN的提醒中,彈出的提示框信息都是在iframe框架中顯示.即當iframe框架不可見時,提示信息也就看不到.並且在整個頁面效果上還的考慮一些浏覽器對框架的支持.

    使用ajax(動態網站靜態化)技術,分兩部分來說明.首先是後台的處理.這裡我是在網上下載的ajax(動態網站靜態化) dll文件(schwarz-interactive.de, Michael Schwarz,版本5.7.22.2),減少自己寫AJax(動態網站靜態化) common的時間.

    後台代碼開起來是相對的簡單.對AJax(動態網站靜態化).dll的引用(webconfig中需要添加對ashx的處理).調用頁面的加載(page_load)中增加一行代碼注冊,我這使用頁面為index.ASPx(class為index)

ajax(動態網站靜態化).Utility.RegisterTypeForAJax(動態網站靜態化)(GetType(index))
    然後增加一個需要通知的函數.下面是一個郵件信息通知的函數.string類型返回郵件的信息.

<ajax(動態網站靜態化).AJax(動態網站靜態化)Method()> Public Function GetdealMessageShow(ByVal v As String) As String Dim userid As Integer Try userid = CType(v, Integer) REM v為個人ID信息 Catch ex As Exception Exit Function End Try Dim value As String = datacls.Email_TopDealinfo(userid) REM 數據處理放在datacls中 Return value End Function
    需要說明的是必須加上<ajax(動態網站靜態化).AJax(動態網站靜態化)Method()>並且使用public 聲明,本人曾采用frIEnd.會提示出錯.

    這樣後台的程序完成了.現在在前台的頁面中加入Javascript調用即可.

function CheckIsNewSystemInfo() { var v=document.getElementById('Hiddenuserid').innerHTML ; index.GetdealMessageShow(v,GetdealMessageShow_callback); //index與後台的RegisterTypeForAJax(動態網站靜態化)類型一致. } function GetdealMessageShow_callback(res) { var s=res.value; if(s!='' && s!=null) { var strTmp=s.split("|"); document.getElementById('PopupWin1titleEl').innerHTML ='::::::系統提示::::::'; document.getElementById('PopupWin1aCnt').innerHtml='<span id=popupwin1_emailid>'+strTmp[0]+'</span>'+strTmp[1]; //strTmp[0]為ID,主要是用於關閉提示窗時去掉已提醒的信息,strTmp[1]為內容 PopupWin1espopup_winLoad(); } }
    在頁面的最底部加入一段Javascript ,讓它每5秒中自動執行一次讀取服務器信息.

window.setInterval("CheckIsNewSystemInfo()",5000);
    最後加上提示框代碼.網上比較多.這裡是類似於MSN的右下角彈出提示框.

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved