API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 14th, 2013
53
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <script language="javascript" type="text/javascript">
  6. <!--
  7. //Browser Support Code
  8. function dadosAlturaAgua(){
  9. nocache = "&nocache=" + Math.random() * 1000000;
  10. var request = false; // The variable that makes Ajax possible!
  11.  
  12. // Internet Explorer Browsers
  13. try{
  14. request = new ActiveXObject("Msxml2.XMLHTTP");
  15. } catch (e) {
  16. try{
  17. request = new ActiveXObject("Microsoft.XMLHTTP");
  18. } catch (e){
  19. try{
  20. // Opera 8.0+, Firefox, Safari
  21. request = new XMLHttpRequest();
  22. } catch (e){
  23.  
  24. // Something went wrong
  25. alert("AJAX nao suportado! Impossivel visualisar dados. Considere actualizar o browser.");
  26. return false;
  27. }
  28. }
  29. }
  30. // Create a function that will receive data sent from the server
  31. request.onreadystatechange = function(){
  32. if(request.readyState == 4){
  33. if(request.status == 200){
  34. if(request.responseText != null){
  35.  
  36. document.getElementById("inner").style.height = request.responseText;
  37. }
  38. }
  39. }
  40. }
  41. request.open("GET", "&dadosagua" + nocache, true);
  42. request.send(null);
  43. setTimeout('dadosAlturaAgua()', 5000);
  44.  
  45. }
  46.  
  47. //-->
  48. </script>
  49.  
  50. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  51.  
  52. <title>PAGINA DO TANQUE</title>
  53.  
  54. <style type="text/css">
  55. <!--
  56. body {
  57. background: #4E5869;
  58. margin: 0;
  59. padding: 0;
  60. color: #000;
  61. font-family: "Monotype Corsiva";
  62. font-size: 100%;
  63. line-height: 1.4;
  64. }
  65.  
  66.  
  67. ul, ol, dl {
  68. padding: 0;
  69. margin: 0;
  70. font-family: Verdana, Arial, Helvetica, sans-serif;
  71. }
  72. h1, h2, h3, h4, h5, h6, p {
  73. margin-top: 0;
  74. padding-right: 15px;
  75. padding-left: 15px;
  76. text-align: left;
  77. }
  78. a img {
  79. border: none;
  80. }
  81. a:hover, a:active, a:focus {
  82. text-decoration: none;
  83. text-align: right;
  84. }
  85.  
  86.  
  87. .container {
  88. width: 85%;
  89. max-width: 1260px;
  90. min-width: 780px;
  91. background: #FFF;
  92. margin-top: 0;
  93. margin-right: auto;
  94. margin-bottom: 0;
  95. margin-left: auto;
  96. }
  97.  
  98.  
  99. .header {
  100. background-color: #FFFFFF;
  101. }
  102.  
  103.  
  104. .sidebar1 {
  105. float: left;
  106. width: 17%;
  107. background-color: #FFFFFF;
  108. color: #000;
  109. border-top-color: #FFF;
  110. border-right-color: #FFF;
  111. border-bottom-color: #FFF;
  112. border-left-color: #FFF;
  113. padding-top: 10px;
  114. padding-right: 10px;
  115. padding-bottom: 10px;
  116. padding-left: 10px;
  117. position: static;
  118. }
  119. .content {
  120. padding: 10px 0;
  121. width: 54%;
  122. float: left;
  123. font-size: 14px;
  124. font-family: "Eras Medium ITC";
  125. }
  126. .sidebar2 {
  127. float: left;
  128. width: 24%;
  129. padding-top: 180px;
  130. padding-right: 0px;
  131. padding-bottom: 20px;
  132. padding-left: 0px;
  133. background-color: #FFFFFF;
  134. height: 90px;
  135. text-align: left;
  136. font-size: large;
  137. }
  138.  
  139.  
  140. .content ul, .content ol {
  141. padding: 0 15px 15px 40px;
  142. font-family: "Eras Medium ITC";
  143. }
  144.  
  145.  
  146. .footer {
  147. position: relative;
  148. clear: both;
  149. text-align: center;
  150. font-size: small;
  151. background-color: #325771;
  152. padding-top: 10px;
  153. padding-right: 0;
  154. padding-bottom: 9px;
  155. padding-left: 0;
  156. font-family: Arial, Helvetica, sans-serif;
  157. }
  158. .fltlft {
  159. float: left;
  160. margin-right: 8px;
  161. }
  162. .clearfloat {
  163. clear:both;
  164. height:0;
  165. font-size: 1px;
  166. line-height: 0px;
  167. }
  168. .container .sidebar1 .nav li div {
  169. color: #00F;
  170. }
  171. .tanque {
  172. background-image: url(SD%20CARD%20PAP%2012-04-2013/tanque.jpg);
  173. background-repeat: no-repeat;
  174. background-position: center center;
  175. }
  176. .container .content table tr td div {
  177. font-size: 25px;
  178. font-family: "Monotype Corsiva";
  179. font-style: normal;
  180. font-weight: normal;
  181. font-variant: normal;
  182. }
  183. .container .footer p {
  184. text-align: center;
  185. }
  186.  
  187. #botao {
  188. margin-left: 100px;
  189. margin-top:330px;
  190. }
  191. .hist {
  192. font-family: "Monotype Corsiva";
  193. }
  194.  
  195.  
  196. /* IFRAME1, NIVEL DA ÁGUA */
  197.  
  198. <style type="text/css">
  199.  
  200.  
  201. #outer {
  202. width: 265px;
  203. height: 255px;
  204. overflow: hidden;
  205. position: absolute;
  206. left: 36px;
  207. top: 138px;
  208. -moz-border-radius: 4px;
  209. -webkit-border-radius: 4px;
  210. border-radius: 2px;
  211. }
  212.  
  213. #inner, #inner div {
  214. width: 265px;
  215. overflow: hidden;
  216. position: absolute;
  217. left: 448px;
  218. }
  219.  
  220. #inner {
  221. border-top-width: 0;
  222. background-color: #06F;
  223. bottom: 104px;
  224. height: 0%;
  225. }
  226.  
  227.  
  228. </style>
  229.  
  230. </style>
  231. <style>
  232. .content { margin-right: -1px; }
  233. ul.nav a { zoom: 1; }
  234. </style>
  235.  
  236. <script type="text/javascript">
  237. function MM_preloadImages() { //v3.0
  238. var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  239. var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  240. if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  241. }
  242. function MM_jumpMenuGo(objId,targ,restore){ //v9.0
  243. var selObj = null; with (document) {
  244. if (getElementById) selObj = getElementById(objId);
  245. if (selObj) eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  246. if (restore) selObj.selectedIndex=0; }
  247. }
  248. </script>
  249. </head>
  250.  
  251. <body onload="dadosAlturaAgua()">
  252. <div class="container">
  253. <div align="center" class="header"><!-- end .header --><img src="SD CARD PAP 12-04-2013/border.jpg" width="1995" height="319" /></div>
  254. <div class="sidebar1">
  255. <p>&nbsp;</p>
  256. <table width="191" border="0" cellspacing="0" cellpadding="0">
  257. <tr>
  258. <td><h2 class="hist">Histórico</h2></td>
  259. </tr>
  260. </table>
  261. <form action="" method="get" name="form" id="form">
  262. <select name="jumpMenu" id="jumpMenu">
  263. <option value="Histórico/Janeiro.txt">Janeiro</option>
  264. <option value="Histórico/fevereiro.txt">Fevereiro</option>
  265. <option>Março</option>
  266. <option>Abril</option>
  267. <option>Maio</option>
  268. <option>Junho</option>
  269. <option>Julho</option>
  270. <option value="Histórico/Agosto.txt">Agosto</option>
  271. <option>Setembro</option>
  272. <option>Outubro</option>
  273. <option>Novembro</option>
  274. <option>Dezembro</option>
  275. </select>
  276. <input name="go_button" type="button" id= "go_button" onclick="MM_jumpMenuGo('jumpMenu','parent',1)" value="Ok" />
  277. </form>
  278. <p>
  279.  
  280. <p>&nbsp;</p>
  281.  
  282.  
  283.  
  284.  
  285. </div>
  286. <div align="center" class="content">
  287. <table width="537" height="45" border="0" cellpadding="0" cellspacing="0">
  288. <tr>
  289. <td height="45"><div align="left"><strong>Indicação do Nível de Água do Tanque das 700 T </strong></div></td>
  290. </tr>
  291. </table>
  292. <td width="223" height="108"><table width="425" height="420" border="0" cellpadding="0" cellspacing="0">
  293. <tr>
  294. <td width="425" class="tanque">
  295. <div id="outer">
  296. <div id="inner" style="height: 251px">
  297.  
  298. </div></td>
  299. </tr>
  300. </table></td>
  301. </div>
  302.  
  303. <div align="center" class="sidebar2">
  304. <table width="210" height="134" border="2" cellpadding="1" cellspacing="1" bordercolor="#0066FF">
  305. <tr>
  306. <td width="78" height="66"><div align="center"><strong>Nível </strong> Água</div></td>
  307. <td width="122"><div align="center"><strong>Quantidade </strong> Água (L)</div></td>
  308. </tr>
  309. <tr>
  310.  
  311. </tr>
  312. </table>
  313. <table width="210" height="104" border="3" cellpadding="0" cellspacing="1" bordercolor="#0066FF">
  314. <tr>
  315. <td width="97"><div align="center"><strong>Voltagem da Bateria</strong></div></td>
  316. </tr>
  317.  
  318. </table>
  319. <h6>&nbsp;</h6>
  320. </div>
  321.  
  322.  
  323. <div class="footer">
  324. <p align="center">Projeto realizado...</p>
  325. <p align="center">2013</p>
  326. </div>
  327. </div>
  328. </body>
  329. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!