Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Widget na windowsa i poobieranie danych z serwera z pliku
Forum PHP.pl > Forum > Przedszkole
Saper82
17.03.2015, 12:12:15
Witam

Piszę widget na windowsa, są one w javasript zrobione, została mi jedna rzecz do zrobienia w nim. Widget ma do zmiennej co 5 minut pobierać dane z pliku z serwera xx.xx.pl/plik.txt.

Macie pomysł jak to ugryźć?

Czytałem coś o ajax, php że tylko tak da się to zrobić, ale nic nie mogę konkretnego znaleźć.
SpiritCode
17.03.2015, 12:43:43 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. 	var plik;
  3. 	$.get('http://xx.xx.pl/plik.txt', function(data){
  4. 		window.plik = data;
  5. 	});
  6. </script>
[HTML] pobierz, plaintext


Tylko musisz mieć jQuery załadowane.
Nie potrzebny jest w zasadzie PHP, jeśli chcesz wyciągnąć dokładnie to co jest w pliku.
Saper82
17.03.2015, 21:59:38
Nie bardzo mi to wychodzi to co podałeś.

Znalazłem inny sposób, jest to przykładowy kod, pobiera dane z pliku, ale jeśli zawartość pliku ulegnie zmianie to się nic zmienia w windgecie, dane są takie jak przy jego pierwszym uruchomieniu.
dane są pobierane z http://www.inik.pl/data.php
jest w nim wynik funkcji php time()
i w widgecie jest cały czas jedna wartość wyświetlana wzięta przy pierwszym uruchomieniu, ile razy bym nie uruchomił ponownie widgeta to nadal jest to sama wartość

macie pomysł jak temu zaradzić? Dlaczego po jego ponownym uruchomieniu nie jest pobierana nowa zawartość pliku?



[HTML] pobierz, plaintext 
  1. <html>
  2. <style type="text/css">
  3. .styDefault {
  4. 	color: #999999;
  5. 	font-size: 9px;
  6. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  7. }
  8.  
  9. .styTextBox {
  10. 	color: #000000;
  11. 	font-size: 11px;
  12. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  13. 	margin:1px;
  14. 	border:1px;
  15. 	vertical-align:top;
  16. }
  17.  
  18. .styButton {
  19. 	color: #000000;
  20. 	font-size: 9px;
  21. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  22. 	margin:0px;
  23. 	margin-left:2px;
  24. 	border:1px;
  25. 	vertical-align:top;
  26. }
  27.  
  28. .styImage {
  29. 	color: #000000;
  30. 	font-size: 9px;
  31. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  32. 	margin:0px;
  33. 	margin-top:0px;
  34. 	margin-left:0px;
  35. 	border:0px;
  36. 	vertical-align:top;
  37. 	cursor:pointer;
  38. }
  39.  
  40. .styTable {
  41. 	color: #999999;
  42. 	font-size: 9px;
  43. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  44. 	color: white;
  45. 	border-width: 0px;
  46. 	border-spacing: 0px;
  47. 	border-style: outset;
  48. 	border-color: white;
  49. 	border-collapse: separate;
  50. 	table-layout:fixed;
  51. }
  52. .styBody {
  53. 	background-image: url(images\\bckgrnd.png);
  54. 	background-repeat: no-repeat;
  55. 	margin-left: 0px;
  56. 	margin-top: 0px;
  57. 	margin-right: 0px;
  58. 	margin-bottom: 0px;
  59. }
  60. </style>
  61.  
  62. <script type="text/javascript">
  63. function DoInit()
  64. {
  65.     document.body.style.width = 160;
  66.     document.body.style.height= 200;
  67.     document.body.style.margin=0;
  68. 	getmyip();
  69. }
  70.  
  71. var t;
  72. function timerFn()
  73. {
  74. 	t=setTimeout("timerFn()",1000);
  75. }
  76.  
  77.  
  78. function createXMLHttpRequest() 
  79. {
  80. 	if (window.ActiveXObject)
  81. 	{
  82. 		return(new ActiveXObject("Microsoft.XMLHTTP"));
  83. 	}
  84. 	else if (window.XMLHttpRequest) 
  85. 	{
  86. 		return(new XMLHttpRequest());
  87. 	}
  88. }
  89.  
  90.  
  91. //function to process an XMLHttpRequest
  92. function process_ajax(phpPage, divID, getOrPost, async)
  93. {
  94.     try
  95.     {
  96. 	    var xmlHttp = createXMLHttpRequest();
  97. 	    var obj = document.getElementById(divID);
  98.  
  99. 	    if(getOrPost == "get")
  100. 	    {
  101. 		    xmlHttp.open("GET",phpPage,true);
  102. 		    xmlHttp.onreadystatechange = function()
  103. 		    {
  104. 			    if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
  105. 			    {
  106. 				    obj.innerHTML = xmlHttp.responseText;
  107. 					obj.innerHTML=obj.innerHTML+"ss";
  108. 			    }
  109. 		    }
  110.  
  111. 		    xmlHttp.send(null);
  112. 	    }
  113. 	  }
  114. 	  catch(err)
  115. 	  {
  116. 	    //do nothing
  117. 	  }
  118. }
  119.  
  120. function process_ajax_sync(phpPage, getOrPost, async)
  121. {
  122.     try
  123.     {
  124. 	    var xmlHttp = createXMLHttpRequest();
  125.         var strRetVal="";
  126.  
  127. 	    if(getOrPost == "get")
  128. 	    {
  129. 		    xmlHttp.open("GET",phpPage,true);
  130. 		    xmlHttp.onreadystatechange = function()
  131. 		    {
  132. 			    if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
  133. 			    {
  134. 				    strRetVal = xmlHttp.responseText;
  135. 			    }
  136. 		    }
  137.  
  138. 		    xmlHttp.send(null);
  139. 	    }
  140. 	}
  141. 	catch(err)
  142. 	{
  143. 	    //do nothing
  144. 	}
  145.  
  146. 	return(strRetVal);
  147. }
  148.  
  149. function getmyip()
  150. {
  151. 	var queryString = "http://www.inik.pl/data.php";
  152. 	var strResult = process_ajax_sync(queryString,"get",true);
  153. 	document.forms["frmIP"].txtIP.value=strResult;
  154. }
  155.  
  156. function getipdetails()
  157. {
  158. 	var queryString = "http://www.inik.pl/data.php";
  159. 	process_ajax(queryString,"ip2l_result","delete",true);
  160. 	process_ajax(queryString,"ip2l_result","get",true);
  161. }
  162.  
  163.  
  164. function roll_over(img_name, img_src)
  165. {
  166.    document[img_name].src = img_src;
  167. }
  168.  
  169. function clear_all()
  170. {
  171. 	document.forms["frmIP"].txtIP.value="";
  172. 	document.getElementById("ip2l_result").innerHTML = "";
  173. }
  174. </script>
  175.  
  176. <body onLoad="DoInit();" class="styBody">
  177. <table width="158" border="0" height="193" class="styTable" cellpadding="5" cellspacing="1" >
  178. <tr style="border:none; height:10px;">
  179. <td height="30" colspan="7">
  180. <form id="frmIP" style="border:none; margin:0px; margin-top:0px; margin-bottom:0px" >
  181. <input name="txtIP" type="text" class="styTextBox" id="id_txtIP" value=""  maxlength="15" style="width:126px;"; /><img src='images\\search.png' name="imgsearch" title="Search for Location" alt="Search for Location" width="16" height="16" class="styImage" style="margin-left:2px" onmouseover="roll_over('imgsearch', 'images\\search_hover.png')" onmouseout="roll_over('imgsearch', 'images\\search.png')" onclick="getipdetails()" onkeypress="">
  182. </form>
  183. </td></tr>
  184. <tr>
  185. <td height="140" id="ip2l_result" colspan="7" style="vertical-align:top;"></td>
  186. </tr>
  187. <tr><td width="20" height="20"><img src="images\clear.png" name="imgclear" title="Clear All" alt="Clear All" class="styImage" width="16" height="16" onmouseover="roll_over('imgclear', 'images\\clear_hover.png')" onmouseout="roll_over('imgclear', 'images\\clear.png')" onclick="clear_all()"/></td>
  188. <td width="20"><img src="images\myip.png" name="imggetip" title="Get My IP Address" alt="Get My IP Address" class="styImage" width="16" height="16" onmouseover="roll_over('imggetip','images\\myip_hover.png')" onmouseout="roll_over('imggetip', 'images\\myip.png')" onclick="getmyip()"/></td>
  189. <td width="20"><a href="http://www.workmoment.com/?src=iptolocg"><img src="images\info.png"name="imginfo" title="WorkMoment Home"  alt="WorkMoment Home" class="styImage" width="16" height="16" border="0" onmouseover="roll_over('imginfo', 'images\\info_hover.png')" onmouseout="roll_over('imginfo', 'images\\info.png')"/></a></td>
  190. <td width="20">&nbsp;</td>
  191. <td width="20">&nbsp;</td>
  192. <td width="20">&nbsp;</td>
  193. <td width="20">&nbsp;</td>
  194. </tr>
  195. </table>
  196. </body>
  197. </html>
[HTML] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.