rbrindley: branch 2.0 r4902 - /branches/2.0/config/guialert.html
SVN commits to the Asterisk-GUI project
asterisk-gui-commits at lists.digium.com
Tue Jun 23 09:36:18 CDT 2009
Author: rbrindley
Date: Tue Jun 23 09:36:15 2009
New Revision: 4902
URL: http://svn.asterisk.org/svn-view/asterisk-gui?view=rev&rev=4902
Log:
- Added the following to the GUI Alert page
- HTML 4.01 DOCTYPE
- <html>, <head>, <title>, and "Content-Type" <meta>
- moved js to the bottom
Modified:
branches/2.0/config/guialert.html
Modified: branches/2.0/config/guialert.html
URL: http://svn.asterisk.org/svn-view/asterisk-gui/branches/2.0/config/guialert.html?view=diff&rev=4902&r1=4901&r2=4902
==============================================================================
--- branches/2.0/config/guialert.html (original)
+++ branches/2.0/config/guialert.html Tue Jun 23 09:36:15 2009
@@ -1,3 +1,4 @@
+<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
* Asterisk-GUI - an Asterisk configuration interface
*
@@ -18,137 +19,142 @@
* at the top of the source tree.
*
-->
-<style type="text/css">
+<html>
+<head>
+ <title>Alert/Progress Dialog</title>
+ <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
- #div_alert {
- font-family: arial, sans-serif, helvetica;
- width:490;
- Height: 250px;
- background-color:#FFFFFF;
- border-width: 6px;
- border-color: #DDB988;
- border-style: solid;
- cursor: default
+ <style type="text/css">
+
+ #div_alert {
+ font-family: arial, sans-serif, helvetica;
+ width:490;
+ Height: 250px;
+ background-color:#FFFFFF;
+ border-width: 6px;
+ border-color: #DDB988;
+ border-style: solid;
+ cursor: default
+ }
+
+ .alert_title_tr {
+ background: #ECD7BB;
+ /*background-image: url('./images/title_gradient.gif');*/
+ }
+
+ .alert_title {
+ height: 40px;
+ margin:0px;
+ padding-left:25px;
+ cursor: move;
+ /* color:#FFFFFF; */
+ font-weight:bold;
+ }
+
+ .alert_title_span {
+ font-family: arial, sans-serif, helvetica;
+ font-size : 135%;
+ }
+
+ .alert_ok{
+ font-size : 85%;
+ margin-left: 20px;
+ margin-right: 20px;
+ }
+
+ </style>
+</head>
+<body onload="update()" topmargin=0 leftmargin=0 style="background-color: transparent; cursor: not-allowed">
+ <table width="100%" height="570" align=center border=0><tr><td valign="middle" align=center>
+ <div id="div_alert" STYLE="display:none;">
+ <TABLE cellpadding=0 cellspacing=0 border=0 width="100%">
+ <TR class="alert_title_tr">
+ <TD class="alert_title"><span class="alert_title_span">Alert !</span></TD>
+ </TR>
+
+ <TR> <TD align="center" bgcolor="#FFFFFF" height='150' id='message'> </TD> </TR>
+
+ <TR> <TD align="right">
+ <input type="button" id="ok" onclick="close_guialert()" value="Ok" class="alert_ok">
+ </TD>
+ </TR>
+ </TABLE>
+ </div>
+
+ <div id="div_status" STYLE="display:none; width:360; background-color:#FFFFFF; border-width: 2px; border-color: #7E5538; border-style: solid; background-style: solid; cursor: default">
+
+ <table width="100%" cellpadding=0 cellspacing=0>
+ <TR bgcolor="#7E5538" style="background-image:url('images/title_gradient.gif');">
+ <TD Height="20" align="center">
+ <font style="color:#FFFFFF; font-size: 12px; font-weight:bold;">Loading ...</font>
+ </TD>
+ <TD Height="20" align="right"></TD>
+ <TD width=4></TD>
+ </TR>
+ </table>
+
+ <TABLE cellpadding=0 cellspacing=3 border=0 width="100%">
+ <TR><TD colspan=2 height=10></TD></TR>
+
+ <TR> <TD align="right">
+ <img src='images/loading.gif'>
+ </TD>
+ <TD align="center" bgcolor="#FFFFFF" valign=middle>
+ <div id='div_status_message'></div>
+ </TD>
+ </TR>
+
+ <TR><TD colspan=2 height=10></TD></TR>
+ </TABLE>
+
+ </div>
+
+
+ </td></tr></table>
+ <script>
+ function submitOnEnter(e){
+ if(e.keyCode == 27){
+ close_guialert();
+ return false;
+ }
}
- .alert_title_tr {
- background: #ECD7BB;
- /*background-image: url('./images/title_gradient.gif');*/
+ events = {
+ getTarget: function(x){
+ x = x || window.event;
+ return x.target || x.srcElement;
+ },
+ add: function(a,b,c){ // a is element , b is event (string) , c is the function
+ if( navigator.userAgent.indexOf("MSIE") != -1 ){ a.attachEvent('on'+b, c); }else{ a.addEventListener(b, c, false); }
+ },
+ remove: function(a,b,c){
+ if( navigator.userAgent.indexOf("MSIE") != -1 ){ a.detachEvent('on'+b, c); }else{ a.removeEventListener(b, c, false); }
+ }
}
- .alert_title {
- height: 40px;
- margin:0px;
- padding-left:25px;
- cursor: move;
- /* color:#FFFFFF; */
- font-weight:bold;
+ function update( ){
+ if( navigator.userAgent.indexOf("MSIE") != -1 ){
+ document.body.style.backgroundColor ="#F4EFE5";
+ }
+ if(top.alertmsgtype == 1 ){
+ document.getElementById('message').innerHTML = top.alertmsg ;
+ document.getElementById('div_status').style.display = "none" ;
+ document.getElementById('div_alert').style.display = "" ;
+ try{document.getElementById('ok').focus() ;}catch(e){ }
+ }
+
+ if(top.alertmsgtype == 2 ){
+ document.getElementById('div_status_message').innerHTML = top.alertmsg ;
+ document.getElementById('div_status').style.display = "" ;
+ document.getElementById('div_alert').style.display = "none" ;
+ }
+
+ events.add( document , 'keyup' , submitOnEnter);
}
- .alert_title_span {
- font-family: arial, sans-serif, helvetica;
- font-size : 135%;
+ function close_guialert( ){
+ top.document.getElementById( top.alertframename ).style.display = "none";
}
-
- .alert_ok{
- font-size : 85%;
- margin-left: 20px;
- margin-right: 20px;
- }
-
-</style>
-<script>
-function submitOnEnter(e){
- if(e.keyCode == 27){
- close_guialert();
- return false;
- }
-}
-
-events = {
- getTarget: function(x){
- x = x || window.event;
- return x.target || x.srcElement;
- },
- add: function(a,b,c){ // a is element , b is event (string) , c is the function
- if( navigator.userAgent.indexOf("MSIE") != -1 ){ a.attachEvent('on'+b, c); }else{ a.addEventListener(b, c, false); }
- },
- remove: function(a,b,c){
- if( navigator.userAgent.indexOf("MSIE") != -1 ){ a.detachEvent('on'+b, c); }else{ a.removeEventListener(b, c, false); }
- }
-}
-
-function update( ){
- if( navigator.userAgent.indexOf("MSIE") != -1 ){
- document.body.style.backgroundColor ="#F4EFE5";
- }
- if(top.alertmsgtype == 1 ){
- document.getElementById('message').innerHTML = top.alertmsg ;
- document.getElementById('div_status').style.display = "none" ;
- document.getElementById('div_alert').style.display = "" ;
- try{document.getElementById('ok').focus() ;}catch(e){ }
- }
-
- if(top.alertmsgtype == 2 ){
- document.getElementById('div_status_message').innerHTML = top.alertmsg ;
- document.getElementById('div_status').style.display = "" ;
- document.getElementById('div_alert').style.display = "none" ;
- }
-
- events.add( document , 'keyup' , submitOnEnter);
-}
-
-function close_guialert( ){
- top.document.getElementById( top.alertframename ).style.display = "none";
-}
-</script>
-<head>
-</head>
-<body onload="update()" topmargin=0 leftmargin=0 style="background-color: transparent; cursor: not-allowed">
-<table width="100%" height="570" align=center border=0><tr><td valign="middle" align=center>
- <div id="div_alert" STYLE="display:none;">
- <TABLE cellpadding=0 cellspacing=0 border=0 width="100%">
- <TR class="alert_title_tr">
- <TD class="alert_title"><span class="alert_title_span">Alert !</span></TD>
- </TR>
-
- <TR> <TD align="center" bgcolor="#FFFFFF" height='150' id='message'> </TD> </TR>
-
- <TR> <TD align="right">
- <input type="button" id="ok" onclick="close_guialert()" value="Ok" class="alert_ok">
- </TD>
- </TR>
- </TABLE>
- </div>
-
- <div id="div_status" STYLE="display:none; width:360; background-color:#FFFFFF; border-width: 2px; border-color: #7E5538; border-style: solid; background-style: solid; cursor: default">
-
- <table width="100%" cellpadding=0 cellspacing=0>
- <TR bgcolor="#7E5538" style="background-image:url('images/title_gradient.gif');">
- <TD Height="20" align="center">
- <font style="color:#FFFFFF; font-size: 12px; font-weight:bold;">Loading ...</font>
- </TD>
- <TD Height="20" align="right"></TD>
- <TD width=4></TD>
- </TR>
- </table>
-
- <TABLE cellpadding=0 cellspacing=3 border=0 width="100%">
- <TR><TD colspan=2 height=10></TD></TR>
-
- <TR> <TD align="right">
- <img src='images/loading.gif'>
- </TD>
- <TD align="center" bgcolor="#FFFFFF" valign=middle>
- <div id='div_status_message'></div>
- </TD>
- </TR>
-
- <TR><TD colspan=2 height=10></TD></TR>
- </TABLE>
-
- </div>
-
-
-</td></tr></table>
-</body>
+ </script>
+</body>
+</html>
More information about the asterisk-gui-commits
mailing list