ajax製作網頁右下角彈出提示效果

來源:互聯網
上載者:User

記得以前做自動提醒都是使用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的右下角彈出提示框.

 



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.