tool tip support
authordrowe67 <drowe67@01035d8c-6547-0410-b346-abe4f91aad63>
Mon, 4 Jan 2010 01:20:10 +0000 (01:20 +0000)
committerdrowe67 <drowe67@01035d8c-6547-0410-b346-abe4f91aad63>
Mon, 4 Jan 2010 01:20:10 +0000 (01:20 +0000)
git-svn-id: https://svn.code.sf.net/p/freetel/code@88 01035d8c-6547-0410-b346-abe4f91aad63

easy-asterisk-gui/Makefile
easy-asterisk-gui/network.js
easy-asterisk-gui/network.sh
easy-asterisk-gui/set_network.sh
easy-asterisk-gui/tooltip.css [new file with mode: 0644]
easy-asterisk-gui/tooltip.js [new file with mode: 0644]

index e06b264e2ccf0062da56071ecb888ac02486a253..d407d0ff050f59031a19f66f2ce8ceb6f6c6c905 100644 (file)
@@ -9,4 +9,4 @@ TESTIP=192.168.1.150
 #      rcp index.html root@$(TESTIP):/var/lib/asterisk/static-http/
 
 test:
-       rcp network.sh network.js set_network.sh root@$(TESTIP):/www/cgi-bin
+       rcp network.sh network.js set_network.sh tooltip.js tooltip.css root@$(TESTIP):/www/cgi-bin
index 6ba787b18ed960f7448544138bdbef5a2a6db7d2..c49dc88dc081c671beeacd68d9d8c00bbef8e2d5 100644 (file)
@@ -57,7 +57,7 @@ function localInit() {
     $('netmask').value = init_netmask;
     $('gateway').value = init_gateway;
     $('dns').value = init_dns;
-    $('internet').value = init_internet;    
+    $('internet').innerHTML = init_internet;    
 }
 
 function validate_form(form)
index 338692379dddc5c312e731e7eb825bf700fcd2ad..46a606e03288e23b94ca1f65274e97d359405bb3 100644 (file)
@@ -33,8 +33,13 @@ fi
 
 # Construct the web page -------------------------------
 
-echo "<script src="prototype.js"></script>"
-echo "<link href="astman.css" media="all" rel="Stylesheet" type="text/css" />"
+cat <<EOF
+<script src="prototype.js"></script>
+<link href="astman.css" media="all" rel="Stylesheet" type="text/css" />
+<script type="text/javascript" src="tooltip.js"></script>
+<link rel="stylesheet" href="tooltip.css" type="text/css" />
+EOF
+
 echo "<script>"
 echo 'var init_dhcp="'$dhcp'";'
 echo 'var init_ipaddress="'$ipaddress'";'
@@ -47,11 +52,13 @@ echo "</script>"
 
 cat << EOF
 <html>
-<title>Easy Asterisk - Network</title>
+<title>Network</title>
 <body onload="localInit()">
+<div id="t1" class="tip">Tells you if I can reach the Internet.  If not "Good" check your network settings, in particular Gateway and DNS.</div>
 <form action="/cgi-bin/set_network.sh" onsubmit="return validate_form(this)" method="get">
 <table align="center" width=600>
 <tr>
+  <tr><td colspan="2" align="left"><h2>Easy Asterisk - Network</h2></td>
   <tr>
      <td><input type="radio" id="static" name="dhcp" value="no" onClick="doStatic()">Static</td>
      <td><input type="radio" id="dhcp"   name="dhcp" value="yes" onClick="doDHCP()">DHCP</td>
@@ -60,10 +67,17 @@ cat << EOF
   <tr><td>Netmask:</td><td><input type="text" name="netmask" id="netmask" onBlur="isIP(this)"></td></tr>
   <tr><td>Gateway:</td><td><input type="text" name="gateway" id="gateway" onBlur="isIP(this)"></td></tr>
   <tr><td>DNS:</td><td><input type="text" name="dns" id="dns" onBlur="isIP(this)"></td></tr>
-  <tr><td>Internet Connection:</td><td><input type="text" name="internet" id="internet" disabled=1></td></tr>
+  <tr onMouseOver="popUp(event,'t1')" onmouseout="popUp(event,'t1')">
+      <td>Internet Connection:</td>
+      <td><div id="internet" >
+      <span style="margin-left: 4px;font-weight:bold">&nbsp;</span></div></td>
+      
+  </tr>
   <tr><td><input id="networkapply" type="submit" value="Apply"></td></tr>
 </tr>
 </table>
 </form>
 </html>
 EOF
+
+#<td><input type="text" name="internet" id="internet" disabled=1 onMouseOver="popUp(event,'t1')" ></td></tr>
index d79fe634c924c479835088b1186d961d119ec8e3..5222625e5aea087a4c0238aa3f0faf368fb51d3d 100755 (executable)
@@ -3,6 +3,18 @@
 #
 # CGI to set network parameters of an IP0X.
 
+cat <<EOF
+<html>
+<head>
+<title>set_network.sh</title>
+<meta http-equiv="REFRESH" content="0;url=http:network.sh">
+<body>
+Please wait a few seconds.....
+</body>
+</head>
+</html>
+EOF
+
 dhcp=`echo "$QUERY_STRING" | grep -oe "dhcp=[^&]*" | sed -n "s/dhcp=//p"`
 ipaddress=`echo "$QUERY_STRING" | grep -oe "ipaddress=[^&]*" | sed -n "s/ipaddress=//p"`
 netmask=`echo "$QUERY_STRING" | grep -oe "netmask=[^&]*" | sed -n "s/netmask=//p"`
@@ -45,13 +57,3 @@ if [ $dhcp == "no" ]; then
   /etc/init.d/network-static stop
   /etc/init.d/network-static start
 fi
-
-cat <<EOF
-<html>
-<head>
-<title>set_network.sh</title>
-<meta http-equiv="REFRESH" content="0;url=http:network.sh">
-</head>
-</html>
-
-EOF
\ No newline at end of file
diff --git a/easy-asterisk-gui/tooltip.css b/easy-asterisk-gui/tooltip.css
new file mode 100644 (file)
index 0000000..f426356
--- /dev/null
@@ -0,0 +1,7 @@
+.tip {font:12px/14px
+Arial,Helvetica,sans-serif; border:solid 1px
+#666666; width:270px; padding:1px;
+position:absolute; z-index:100;
+visibility:hidden; color:#333333; top:20px;
+left:90px; background-color:#ffffcc;
+layer-background-color:#ffffcc;}
diff --git a/easy-asterisk-gui/tooltip.js b/easy-asterisk-gui/tooltip.js
new file mode 100644 (file)
index 0000000..26142e8
--- /dev/null
@@ -0,0 +1,7 @@
+// Extended Tooltip Javascript
+// copyright 9th August 2002, 3rd July 2005, 24th August 2008
+// by Stephen Chapman, Felgall Pty Ltd
+
+// permission is granted to use this javascript provided that the below code is not altered
+function pw() {return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth}; function mouseX(evt) {return evt.clientX ? evt.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) : evt.pageX;} function mouseY(evt) {return evt.clientY ? evt.clientY + (document.documentElement.scrollTop || document.body.scrollTop) : evt.pageY} function popUp(evt,oi) {if (document.getElementById) {var wp = pw(); dm = document.getElementById(oi); ds = dm.style; st = ds.visibility; if (dm.offsetWidth) ew = dm.offsetWidth; else if (dm.clip.width) ew = dm.clip.width; if (st == "visible" || st == "show") { ds.visibility = "hidden"; } else {tv = mouseY(evt) + 20; lv = mouseX(evt) - (ew/4); if (lv < 2) lv = 2; else if (lv + ew > wp) lv -= ew/2; lv += 'px';tv += 'px';  ds.left = lv; ds.top = tv; ds.visibility = "visible";}}}
+