Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery], ładownia treści z zew. pliku do diva
Forum PHP.pl > Forum > XML, AJAX
vahooz
28.08.2009, 12:06:39
Witam,

Problem z którym nie mogę sobie poradzić od 6 h. Wygląda to tak:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <link rel="stylesheet" type="text/css" href="./css/style.css" />
  7. <link rel="stylesheet" type="text/css" href="./css/rating.css" />
  8. <title>Test</title>
  9. <script type="text/javascript" src="./js/jquery.js"></script>
  10. <script type="text/javascript" src="./js/jquery.rating.js"></script>  
  11. <script type="text/javascript">
  12. 	function ahah(url, target) {
  13.   		document.getElementById(target).innerHTML = ' Ładuje dane...';
  14.   		if (window.XMLHttpRequest) {
  15.     		req = new XMLHttpRequest();
  16.   		} else if (window.ActiveXObject) {
  17.     		req = new ActiveXObject("Microsoft.XMLHTTP");
  18.   		}
  19.   		if (req != undefined) {
  20.     		req.onreadystatechange = function() {ahahDone(url, target);};
  21.     		req.open("GET", url, true);
  22.     		req.send("");
  23.   		}
  24. 	}  
  25. 	function ahahDone(url, target) {
  26.   		if (req.readyState == 4) {
  27.     		if (req.status == 200) { 
  28.       			document.getElementById(target).innerHTML = req.responseText;
  29.     		} else {
  30.       			document.getElementById(target).innerHTML=" AHAH Error:\n"+ req.status + "\n" +req.statusText;
  31.     		}
  32.   		}	
  33. 	}
  34. 	function load(name, div) {
  35. 		ahah(name,div);
  36. 		return false;
  37. 	}
  38.  
  39. 	$(document).ready(function() {
  40. 		load('./html_forms/ankieta.php','frame_form');
  41. 		$('#rate1').rating('www.url.php', {maxvalue:5});
  42. 	});		
  43. </script>
  44. </head>
  45. <body>
  46. 	<div>
  47. 		<form>
  48. 		<div id="rate1" class="rating">&nbsp;</div> 
  49. 		<div class="frame" id="frame_form" >&nbsp;</div>			
  50. 		</form>
  51. 	</div>
  52. </body>
  53. </html>
[HTML] pobierz, plaintext

Jak widać z powyższego kodu ładuję plik ankieta.php do div'a frame_form
Plik ankieta zawiera:
[HTML] pobierz, plaintext 
  1. <div id="rate1" class="rating">
  2. </div> 
[HTML] pobierz, plaintext

W divie <div id="rate1" class="rating"></div> ładowany jest plugin star-rank.
Div ten jest osadzony w index.php i w ankieta.php. W index.php działa a w ankieta.php nie.
Ma ktoś jakiś pomysł, sugestie?

Pozdrawiam.
erix
28.08.2009, 12:30:19
Skoro używasz jQuery, to na chorobę ręcznie inicjujesz AJAX...?

Dokumentacja: $().load/$.get/$.ajax.
vahooz
28.08.2009, 12:52:19
Cytat(erix @ 28.08.2009, 13:30:19 ) *
Skoro używasz jQuery, to na chorobę ręcznie inicjujesz AJAX...?

Dokumentacja: $().load/$.get/$.ajax.



Dzięki za odpowiedź, ale co to ma za znaczenie?
zmieniłem kod na 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">	
  2. 	$(document).ready(function() {
  3. 		$.post("./html_forms/ankieta.php", function(data){
  4. 			if(data.length >0) {
  5. 				$('#frame_form').html(data);
  6. 			}
  7. 		},"html");
  8.  
  9. 		$('#rate1').rating('www.url.php', {maxvalue:5});
  10. 	});		
  11. </script>
[HTML] pobierz, plaintext


I dalej to samo. Nie działają skrypty ani css w ankieta.php.
erix
28.08.2009, 13:26:27
Cytat
Dzięki za odpowiedź, ale co to ma za znaczenie?

Masz kupione alufelgi, komplet czterech, a Ty jeździsz na trzech + 1 stalowa. tongue.gif

Cytat
I dalej to samo. Nie działają skrypty ani css w ankieta.php.

A nie korzystasz przypadkiem z mod_rewrite...?
vahooz
28.08.2009, 13:42:15
Cytat(erix @ 28.08.2009, 14:26:27 ) *
Masz kupione alufelgi, komplet czterech, a Ty jeździsz na trzech + 1 stalowa. tongue.gif


A nie korzystasz przypadkiem z mod_rewrite...?


mod_rewrite - wyłączony.
Zauważyłem, że style nie działają do znaczników formularzy (input, texarea itp) do czcionek działają, skrypty podobnie.
Czy ja popełniłem jakiś błąd logiczny?
Wg mojej wiedzy, jak jest już dodany skrypt w <head> to on powinien działać dla całej strony głównej i również dla treści ładowanych w div'y.
(pomimo, że są z zewnętrznych plików).
erix
28.08.2009, 14:41:46
Pokaż gdzieś to na żywo.
vahooz
28.08.2009, 17:08:35
Dobra zrobiłem... problem był banalny.
Wystarczyło dodać kod inicjalizujący obiekty w zewnętrznym pliku zaraz po jego załadowaniu:
[HTML] pobierz, plaintext 
  1. 	function ahahDone(url, target) {
  2.   		if (req.readyState == 4) {
  3.     		if (req.status == 200) {     
  4.       			document.getElementById(target).innerHTML = req.responseText;
  5.       			//poniższe 2 linijki były w złym miejscu
  6.                        for($x=2;$x<9;$x++)
  7. 				  $('#rate'+$x).rating('www.url.php', {maxvalue: 5, increment: .5});			
  8.     		} else {
  9.       			document.getElementById(target).innerHTML=" AHAH Error:\n"+ req.status + "\n" +req.statusText;
  10.     		}
  11.   		}	
  12. 	}
[HTML] pobierz, plaintext


Może komuś się przyda... pozdrawiam.
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.