Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX]Nie działa dynamiczne przeładowywanie
Forum PHP.pl > Forum > Przedszkole
k4r3r
6.06.2012, 12:14:12
Witam! Zacząłem robić stronkę i już napotkałem problem, a mianowicie: mam funkcję w AJAXIE, która wczytuje plik do danego diva. Wszystko niby pięknie, ale ta funkcja nie działa sad.gif

Pliki:

index.php:
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. 		<title>Publiczna Szkola Podstawowa nr 7 im. Mikolaja Kopernika</title>
  6. 		<link type="text/css" href="css/cupertino/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
  7. 		<link type="text/css" href="css/karer.css" rel="stylesheet" />
  8. 		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
  9. 		<script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>
  10. 		<script type="text/javascript" src="js/functions.js"></script>
  11. 		<script type="text/javascript">
  12. 			$(function(){
  13.  
  14. 				$( ".button" ).button();
  15.  
  16.  
  17. 				$('#2').click( function() { 
  18.  
  19. 				location.href='komunikaty.php';
  20.  
  21. 				} );
  22.  
  23. 				$('#3').click( function() { 
  24.  
  25. 				location.href='komunikaty.php';
  26.  
  27. 				} );
  28.  
  29. 				$("#accordion").accordion({ header: "h3" });
  30.  
  31. 				// Tabs
  32. 				$('#tabs').tabs();
  33.  
  34. 				// Dialog
  35. 				$('#dialog').dialog({
  36. 					autoOpen: false,
  37. 					width: 600,
  38. 					buttons: {
  39. 						"Ok": function() {
  40. 							$(this).dialog("close");
  41. 						},
  42. 						"Cancel": function() {
  43. 							$(this).dialog("close");
  44. 						}
  45. 					}
  46. 				});
  47.  
  48. 				// Dialog Link
  49. 				$('#dialog_link').click(function(){
  50. 					$('#dialog').dialog('open');
  51. 					return false;
  52. 				});
  53.  
  54. 				// Datepicker
  55. 				$('#datepicker').datepicker({
  56. 					inline: true
  57. 				});
  58.  
  59. 				// Slider
  60. 				$('#slider').slider({
  61. 					range: true,
  62. 					values: [17, 67]
  63. 				});
  64.  
  65. 				// Progressbar
  66. 				$("#progressbar").progressbar({
  67. 					value: 20
  68. 				});
  69.  
  70. 				//hover states on the static widgets
  71. 				$('#dialog_link, ul#icons li').hover(
  72. 					function() { $(this).addClass('ui-state-hover'); },
  73. 					function() { $(this).removeClass('ui-state-hover'); }
  74. 				);
  75.  
  76. 			});
  77. 		</script>
  78. 	</head>
  79. 	<body>
  80.  
  81. 	<div id="srodek">
  82.  
  83.  
  84. 	<div id="panel">
  85. 	<center>
  86. 	<div id="panelmargin">
  87. 	<a href="#" onClick="get('zal.php', 'box')">Test</a>
  88. 	<div id='1' class='button' onClick="get('zal.php', 'box')" >O nas</div>
  89. 	<div id='2' class='button' >Komunikaty</div>
  90. 	<div id='3' class='button' >Karta zapisu dziecka do szkoly</div>
  91. 	<div id='4' class='button' >Swietlica szkolna</div>
  92. 	<div id='5' class='button' >Podreczniki szkolne 2011/2012</div>
  93. 	<div id='6' class='button' >Wewnatrzszkolny system oceniania</div>
  94. 	<div id='7' class='button' >Sekretariat</div>
  95. 	<div id='8' class='button' >Plan lekcji</div>
  96. 	<div id='9' class='button' >Konsultacje nauczycieli</div>
  97. 	<div id='10' class='button' >Zajecia pozalekcyjne</div>
  98. 	<div id='11' class='button' >Kadra</div>
  99. 	<div id='12' class='button' >Tu jestesmy</div>
  100. 	<div id='13' class='button' >Aktualnosci</div>
  101. 	<div id='14' class='button' >Maly Samorzad Uczniowski</div>
  102. 	<div id='15' class='button' >Uroczystosci szkolne</div>
  103. 	<div id='16' class='button' >Galeria</div>
  104. 	<div id='17' class='button' >Wsp. z Niemcami</div>
  105. 	<div id='18' class='button' >Chór</div>
  106. 	<div id='19' class='button' >Konkursy</div>
  107. 	<div id='20' class='button' >Kangur 2012</div>
  108. 	<div id='21' class='button' >Najlepsi uczniowie</div>
  109. 	<div id='22' class='button' >Biblioteka</div>
  110. 	<div id='23' class='button' >Swietlica</div>
  111. 	<div id='24' class='button' >Archiwum</div>
  112. 	</div>
  113. 	</center>
  114. 	</div>
  115.  
  116. 	<div id="box">
  117. 	haha.gif
  118. 	</div>
  119.  
  120. 	</div>
  121.  
  122. 	</body>
  123. </html>
[PHP] pobierz, plaintext


zal.php:
[PHP] pobierz, plaintext 
  1. To J35t test @!#
[PHP] pobierz, plaintext


functions.js:
[PHP] pobierz, plaintext 
  1. function get(plik, target, noinfo, refresh){
  2. 	if (document.getElementById('loader').style.visibility == "hidden") {
  3. 		if (noinfo != 1) {
  4. 			if (noinfo == undefined) {noinfo = "";}
  5. 			if (target != undefined) {document.getElementById('loader').style.visibility="visible";}
  6. 		}
  7. 		var xmlHttp;
  8. 		xmlHttp=new XMLHttpRequest();
  9.  
  10. 		xmlHttp.onreadystatechange=function(){
  11. 			if(xmlHttp.readyState==4){
  12. 					resp = xmlHttp.responseText;
  13. 					if (resp == null)
  14. 						resp = "B??d, pon?w ??danie.";
  15.  
  16. 					if (target != undefined) {document.getElementById(target).innerHTML=resp;}
  17. 					if (refresh != undefined) {
  18. 						if (refresh == 'page') {
  19. 							location.reload();
  20. 						} else if (refresh.indexOf("-") != -1) {
  21. 							split = refresh.split("-");
  22. 							get(split[0], split[1], 1);
  23. 						} else if (refresh.indexOf("(") != -1 & refresh.indexOf(")") != -1) {
  24. 							setTimeout(refresh, 100);
  25. 						}
  26. 					}
  27. 					if (target != undefined) {document.getElementById('loader').style.visibility="hidden";}
  28. 			}
  29. 		}
  30. 		xmlHttp.open("GET", plik);
  31. 		xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  32. 		xmlHttp.setRequestHeader("Connection", "close");
  33. 		xmlHttp.send(null);
  34. 	}
  35. }
[PHP] pobierz, plaintext


DEMO NA STRONE psp7.yoyo.pl lub http://83.11.4.67/
k_@_m_i_l
6.06.2012, 12:20:17
Link

Poza tym, może byś łaskawie napisał co nie działa w tym ?
k4r3r
6.06.2012, 12:24:29
Klikam na diva albo linka i nic się nie dzieje wink.gif skrypt na przeładowywanie na 100% jest dobry, gdyż sam go kiedyś używałem.
k_@_m_i_l
6.06.2012, 12:28:01
Skoro używasz jQuery, to używaj $.ajax, a nie twórz xhr niepotrzebnie na nowo.
k4r3r
6.06.2012, 12:47:04
Ten skrypt znalazłem kiedyś na necie, a na AJAXIE się nie znam. Przerobiłbyś to? smile.gif
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.