Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [jQuery], ładownia treści z zew. pliku do diva
vahooz
post
Post #1





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 28.05.2006

Ostrzeżenie: (0%)
-----

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.

Ten post edytował vahooz 28.08.2009, 12:07:46
Go to the top of the page
+Quote Post
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Skoro używasz jQuery, to na chorobę ręcznie inicjujesz AJAX...?

Dokumentacja: $().load/$.get/$.ajax.
Go to the top of the page
+Quote Post
vahooz
post
Post #3





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 28.05.2006

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
erix
post
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
Dzięki za odpowiedź, ale co to ma za znaczenie?

Masz kupione alufelgi, komplet czterech, a Ty jeździsz na trzech + 1 stalowa. (IMG:style_emoticons/default/tongue.gif)

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

A nie korzystasz przypadkiem z mod_rewrite...?
Go to the top of the page
+Quote Post
vahooz
post
Post #5





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 28.05.2006

Ostrzeżenie: (0%)
-----

Cytat(erix @ 28.08.2009, 14:26:27 ) *
Masz kupione alufelgi, komplet czterech, a Ty jeździsz na trzech + 1 stalowa. (IMG:style_emoticons/default/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).
Go to the top of the page
+Quote Post
erix
post
Post #6





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Pokaż gdzieś to na żywo.
Go to the top of the page
+Quote Post
vahooz
post
Post #7





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 28.05.2006

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.09.2025 - 22:18
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn