Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dwukrotne wywołanie funkcji java script przez AJAX dp PHP
Forum PHP.pl > Forum > XML, AJAX
fiasko
20.09.2010, 21:11:10 
[PHP] pobierz, plaintext 
  1. <head>
  2. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  3. <meta name="robots" content="noindex, nofollow" />
  4. <title></title>
  5. <script type="text/javascript" src="../jq/ajax.js"></script>
  6.  
  7. <?php
  8. echo "
  9. <script type=\"text/javascript\">
  10.  
  11.  
  12. var ajax = new sack();
  13. var podkatid = '".$_POST[podkatname]."';
  14. function getpodkatlist(sel)
  15. {
  16.   if (typeof(sel)== 'string' ) {
  17. 	var katid = sel;
  18. 	}
  19. 	else {
  20. 	var katid = sel.options[sel.selectedIndex].value;
  21. 	}
  22.  
  23. 	document.getElementById('podkatname').options.length = 0 ; select box
  24. 	if(katid.length>0){
  25. 		ajax.requestFile = 'getpodkat.php?podd=".$_POST[podkatname]."&katid='+katid;
  26. 		ajax.onCompletion = createpodkat;	
  27. 		ajax.runAJAX();	
  28. 	}
  29. }
  30.  
  31. function createpodkat()
  32. {
  33. 	var obj = document.getElementById('podkatname');
  34. 	eval(ajax.response);	
  35. }
  36.  
  37.  
  38.  
  39. echo "
  40.  
  41. function getpodkatlist2(sel)
  42. {
  43.   if (typeof(sel)== 'string' ) {
  44. 	var katid = sel;
  45. 	}
  46. 	else {
  47. 	var katid = sel.options[sel.selectedIndex].value;
  48. 	}
  49.  
  50. 	document.getElementById('podkatname').options.length = 0 ; select box
  51. 	if(katid.length>0){
  52. 		ajax.requestFile = 'getpodkat.php?podd=".$_POST[podkatname]."&katid='+katid;
  53. 		ajax.onCompletion = createpodkat;	
  54. 		ajax.runAJAX();	
  55. 	}
  56. }
  57.  
  58. function createpodkat()
  59. {
  60. 	var obj = document.getElementById('podkatname');
  61. 	eval(ajax.response);	
  62. }
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69. </script>
  70. ";
  71. ?>
  72. </head>
[PHP] pobierz, plaintext




w Body wywołuję tak:

<body onload="getpodkatlist1(40)" ; onload="getpodkatlist2(23)">


wywołuje mi się tylko jedna z nich ale dwóch na raz nie mogę wywołać .

Dorwałem wtedy w necie kolejną funkcję do wywoływania dwóch funkcji javascript .


function onLoadHandler(init_fxn)
{
var old_init = window.onload;
var new_init = init_fxn;
window.onload = function(){
if (typeof(old_init)=="function")
{
old_init;
}
new_init;
}
return this;
}

</script>

i próbowałem to wywołać tak:

<script type="text/javascript">
new onLoadHandler(getpodkatlist('21'));
new onLoadHandler(getpodkatlist2('40'));
</script>

Gdy wywołuję powyższym handlerkiem funkcję getpodkatlist('21') lub getpodkatlist2('21') to żadna z nich nie działa. Jak wywoływałem je w Body przez onload to chociaż jedna zawsze się ładowała.

Gdy wywołuję handlerkiem testową funkcję np. jedną funkcją wołanie alertu, a drugą funkcją np. documet.write() to wszystko działa pięknie.

No i teraz sądzę, że problem jest gdzieś w ajax. Tylko nie za bardzo mam pomysł jak wywołać ajax 2 razy albo żeby odpytał plik .php ,a ajax.requestFile odebrał wynik i go zwrócił po czym żeby zrobił to samo na rzecz kolejnego obiektu tą samą metodą.

ajax.requestFile - może tu jest gdzieś problem?

na pytanie do czego jest ta funkcja odpowiadam - a no do wywoływania kategorii, a potem podkategorii z opcją zapamiętywania wyboru po wysłaniu formularza .Chcę żeby funkcja onload zwrócila mi zapamiętany wynik w opcji wyboru 
[PHP] pobierz, plaintext 
  1. <?php 
  2. echo "<pre>";
  3. print_r($_POST);
  4. echo "</pre><br>"; 
  5. $kat = mysql_query("select * from ".$prefix."kategorie where akt=1 ");  
  6.  
  7. ?>
  8.  
  9.  
  10.  
  11. działa na rzecz tego skryptu.
  12.  
  13. <form action="zapajax.php" method="post">
  14. <table>
  15. 	<tr>
  16. 		<td>Kategorie </td>
  17. 		<td><select id="katname" name="katname" onchange="getpodkatlist(this)" >
  18. 			<option value="0" >Wybierz kategorię</option>
  19.  
  20. 			<?php
  21. 			while($tabkat=mysql_fetch_assoc($kat)){
  22. 			if($_POST[katname] == $tabkat[id]){
  23. 			$zaz = 'selected="selected"';
  24. 			}
  25. 			else {
  26. 			$zaz = '';
  27. 			}
  28. 			echo '
  29. 			<option value="'.$tabkat[id].'" '.$zaz.'>'.$tabkat[nazwa].'</option>
  30. 			';  
  31. 			}
  32.  
  33.  
  34.  
  35. 			?>
  36.  
  37.  
  38. 		</select>
  39. 		</td>
  40. 	</tr>
  41. 	<tr>
  42. 		<td>Podkategorie: </td>
  43. 		<td><select id="podkatname" name="podkatname">
  44. 			<option value="0" >Wybierz najpierw kategorię</option>
  45. 		</select>
  46. 		</td>
  47. 	</tr>
  48. 	<tr>
  49. 		<td></td>
  50. 		<td>
  51. 		<input type="submit" name"zapisz" value="wyślij" >
  52. 		</td>
  53. 	</tr>
  54.  
  55. </table>
  56. </form>
[PHP] pobierz, plaintext


Ajax wywołuję ten plik getpodkat.php

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. if(isset($_GET['katid'])) {
  4.  
  5.  include("../include/config.php");
  6.  include("../include/conector.php");
  7.  
  8.  
  9.  $podkat = mysql_query("select * from ".$prefix."podkategorie where id_kat= '".mysql_real_escape_string($_GET['katid'])."'");
  10.  if ($_GET['katid'] == 0 ) {
  11.  		$op_podkat = iconv('ISO-8859-2', 'UTF-8', 'Wybierz podkategorię');
  12.   		echo "obj.options[obj.options.length] = new Option('".$op_podkat."','0');
  13. 		";}
  14.  
  15. 		while($tabpodkat=mysql_fetch_assoc($podkat))
  16.      	{
  17.      	if ($tabpodkat[id] == $_GET['podd'] )
  18. 		{
  19. 		$selected = 'seleted=\"selected\"';
  20. 		}
  21.  
  22.      	 $tabpodkat[nazwa] = iconv('ISO-8859-2', 'UTF-8', $tabpodkat[nazwa]);
  23. 		echo "obj.options[obj.options.length] = new Option('".$tabpodkat[nazwa]."','".$tabpodkat[id]."' , '".$selected."');
  24. 		";
  25. 	    $selected = '';
  26. 		}
  27.  
  28. }
  29. ?>
[PHP] pobierz, plaintext


Na pytanie po co wywołuje tą funkcję dwa razy - odpowiadam bo chcę dać do wyboru użytkownikom dopisania się do kilku kategorii w katalogu.
#luq
20.09.2010, 21:46:20
Cytat
Kod
<body onload="getpodkatlist1(40)"; onload="getpodkatlist2(23)">


sciana.gif Dlaczego tak!?
fiasko
21.09.2010, 12:41:22
Cytat
Cytat
Kod
<body onload="getpodkatlist1(40)"; onload="getpodkatlist2(23)">


Dlaczego tak!?



Aj no bo tak też nie działało do końca poprawnie. W jednym i w drugim przypadku była wywołana tylko jedna funkcja.

[PHP] pobierz, plaintext 
  1. <body onload="getpodkatlist1(40) ; getpodkatlist2(23)">
[PHP] pobierz, plaintext


Chwytałem się każdego pomysła guitar.gif Po za tym jeszcze zbyt słabo znam javascript
nospor
21.09.2010, 12:45:07
a po czym stwierdzasz ze wykonuje się tylko raz?
fiasko
21.09.2010, 12:55:23
Bo nie dostaje wyników z drugiej listy rozwijalnej wywołując zdarzenie onload. Gdy natomiast używam zdarzenia onchange="getpodkatlist(this)" onchange="getpodkatlist2(this)" zarówno w jednym jak i w drugim przypadku lista rozwijalna subkategorii się ładuje. Do zmiennej kadid wędruje id kategorii. kadid może myć załadowana na dwa sposoby - poprzez zdarzenie onload i wtedy dostaje od razu id kategorii lub też po przez onchange i wtedy id jest wyłuskane z obiektu. Mogę też wywołać każdą funkcję pojedyńczo po przez zdarzenie onload i też śmiga. Dlatego sądzę że jest problem z wywołaniem dwóch funkcji na raz.



nospor
21.09.2010, 12:58:17
Moze obie funkcji piszą do tego samego miejsca i łądując dwie naraz jedna nadpisuje drugą smile.gif
fiasko
21.09.2010, 13:30:01
Obie funkcje korzystają z tego samego pliku. Ale moim zdaniem nie powinno mieć to znaczenia. Każda z nich odbiera swoje wyniki bo ma inne wartości wsadowe . Gdyby nadpisywała działanie poprzedniej to w jednej i w drugiej załadowałoby się chociaż to samo. Robiłem testy na to wywołując w jednej i w drigiej te same kategorie z tym samym id. Tak wiec powinny się załadować obydwie gdyby nadpisywała któraś. A tak nie jest.

Wydaje mi się że to Ajax jest wywoływany tylko raz. bo funkcje działają ok.

Problem zaczyna się tu 

[PHP] pobierz, plaintext 
  1. ajax.requestFile = 'getpodkat.php?podd=".$_POST[podkatname]."&katid='+katid;
[PHP] pobierz, plaintext


Nie ma jakiegoś sposobu aby zdarzenia wywołać po kolei podczas wczytywania ? Najpierw jedna funkcja potem druga.


Sądzę, że trzeba zrobić to tak :
określić czy Ajax zwrócił wynik poprawnie po czym wywołać kolejną funkcję wewnątrz poprzedniej. Spróbuję coś wydziergać.
nospor
21.09.2010, 13:32:42
Nie mowie o nadpisywaniu wewnatrz funkcji a o nadpisywaniu juz po wywolaniu. Funkcje generują jakiś kod js a on zapewne gdzies pisze swoje wyniki. Jesli piszesz w to samo miejsce to się nadpisze.

Ale nie ma co gdybać - zainstaluj sobie FireBuga dla FireFox i wszystko będziesz widział.
fiasko
21.09.2010, 13:44:31
Mam to. Ale nie widać tam wszystkiego po wywołaniu.

Zaraz napisze sobie testowe funkcje i sprawdzę co tam się dzieje.

Zaraz napisze sobie testowe funkcje i sprawdzę co tam się dzieje.
nospor
21.09.2010, 13:52:21
wchodzisz w konsole FireBug i widzisz wszystkie żądania ajax. Jesli zobaczysz tylko jedno to faktycznie dwa na raz ci nie dzialają smile.gif
Jesli zobaczysz dwa..... winksmiley.jpg
fiasko
21.09.2010, 16:20:56
Tak wygląda cały kod:

[PHP] pobierz, plaintext 
  1. <?php
  2. include("../include/config.php");
  3. include("../include/conector.php");
  4.  
  5. ?>
  6.  
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  8. <html>
  9. <head>
  10. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  11. <meta name="robots" content="noindex, nofollow" />
  12. <title></title>
  13. <script type="text/javascript" src="../jq/ajax.js"></script>
  14.  
  15. <?php
  16. echo "
  17. <script type=\"text/javascript\">
  18.  
  19.  
  20. var ajax = new sack();
  21. var podkatid = '".$_POST[podkatname]."';
  22. function getpodkatlist(sel)
  23. {
  24.   if (typeof(sel)== 'string' ) {
  25. 	var katid = sel;
  26. 	}
  27. 	else {
  28. 	var katid = sel.options[sel.selectedIndex].value;
  29. 	}
  30.  
  31. 	document.getElementById('podkatname').options.length = 0 ; 
  32. 	if(katid.length>0){
  33. 		ajax.requestFile = 'getpodkat.php?podd=".$_POST[podkatname]."&katid='+katid;
  34. 		ajax.onCompletion = createpodkat;	
  35. 		ajax.runAJAX();	
  36. 	}
  37. }
  38.  
  39. function createpodkat()
  40. {
  41. 	var obj = document.getElementById('podkatname');
  42. 	eval(ajax.response);	
  43. }
  44.  
  45.  
  46.  
  47. function getpodkatlist3(sel)
  48. {
  49.   if (typeof(sel)== 'string' ) {
  50. 	var katid = sel;
  51. 	}
  52. 	else {
  53. 	var katid = sel.options[sel.selectedIndex].value;
  54. 	}
  55.  
  56. 	document.getElementById('podkatname3').options.length = 0 ; 
  57. 	if(katid.length>0){
  58. 		ajax.requestFile = 'getpodkat.php?podd=".$_POST[podkatname3]."&katid='+katid;
  59. 		ajax.onCompletion = createpodkat3;	
  60. 		ajax.runAJAX();	
  61. 	}
  62. }
  63.  
  64. function createpodkat3()
  65. {
  66. 	var obj = document.getElementById('podkatname3');
  67. 	eval(ajax.response);	
  68. }
  69.  
  70.  
  71.  
  72.  
  73. </script>
  74. ";
  75. ?>
  76. </head>
  77.  
  78.  
  79. <?php
  80. if ( (!empty($_POST[katname]))  || (!empty($_POST[katname3]))   ){
  81. echo "
  82. <body onload=\" getpodkatlist('".$_POST[katname]."') ; getpodkatlist3('".$_POST[katname3]."')    \">
  83. ";
  84.  
  85.  
  86. }
  87. else {
  88. echo "<body>";
  89. }
  90.  
  91. ?>
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98. <?php 
  99. echo "<pre>";
  100. print_r($_POST);
  101. echo "</pre><br>"; 
  102. $kat = mysql_query("select * from ".$prefix."kategorie where akt=1 ");  
  103.  
  104. ?>
  105.  
  106.  
  107.  
  108.  
  109.  
  110. <form action="zapajaxdwa.php" method="post">
  111. <table>
  112. 	<tr>
  113. 		<td>Kategorie </td>
  114. 		<td><select id="katname" name="katname" onchange="getpodkatlist(this)" >
  115. 			<option value="0" >Wybierz kategorię</option>
  116.  
  117. 			<?php
  118. 			while($tabkat=mysql_fetch_assoc($kat)){
  119. 			if($_POST[katname] == $tabkat[id]){
  120. 			$zaz = 'selected="selected"';
  121. 			}
  122. 			else {
  123. 			$zaz = '';
  124. 			}
  125. 			echo '
  126. 			<option value="'.$tabkat[id].'" '.$zaz.'>'.$tabkat[nazwa].'</option>
  127. 			';  
  128. 			}
  129.  
  130.  
  131.  
  132. 			?>
  133.  
  134.  
  135. 		</select>
  136. 		</td>
  137. 	</tr>
  138. 	<tr>
  139. 		<td>Podkategorie: </td>
  140. 		<td><select id="podkatname" name="podkatname">
  141. 			<option value="0" >Wybierz najpierw kategorię</option>
  142. 		</select>
  143. 		</td>
  144. 	</tr>
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152. 		<tr>
  153. 		<td>Kategorie 3</td>
  154. 		<td><select id="katname3" name="katname3" onchange="getpodkatlist3(this)" >
  155. 			<option value="0" >Wybierz kategorię</option>
  156.  
  157. 			<?php
  158. 			$kat3 = mysql_query("select * from ".$prefix."kategorie where akt=1 ");  
  159. 			while($tabkat3=mysql_fetch_assoc($kat3)){
  160. 			if($_POST[katname3] == $tabkat3[id]){
  161. 			$zaz3 = 'selected="selected"';
  162. 			}
  163. 			else {
  164. 			$zaz3 = '';
  165. 			}
  166. 			echo '
  167. 			<option value="'.$tabkat3[id].'" '.$zaz3.'>'.$tabkat3[nazwa].'</option>
  168. 			';  
  169. 			}
  170.  
  171.  
  172.  
  173. 			?>
  174.  
  175.  
  176. 		</select>
  177. 		</td>
  178. 	</tr>
  179. 	<tr>
  180. 		<td>Podkategorie3: </td>
  181. 		<td><select id="podkatname3" name="podkatname3">
  182. 			<option value="0" >Wybierz najpierw kategorię3</option>
  183. 		</select>
  184. 		</td>
  185. 	</tr>
  186.  
  187.  
  188. 		<tr>
  189. 		<td></td>
  190. 		<td>
  191. 		<input type="submit" name"zapisz" value="wyślij" >
  192. 		</td>
  193. 	</tr>
  194.  
  195.  
  196.  
  197. </table>
  198. </form>
  199.  
  200.  
  201.  
  202.  
  203.  
  204. </body>
  205. </html>
  206.  
[PHP] pobierz, plaintext


No to już wiem że problem tyczy się ajax. Trzeba to wywołać pokolei - jakieś pomysły ?

Zrobiłem kolejne zmiany. Teraz wywołuję funkcję po tym jak wywoła się funkcja pierwsza :


[PHP] pobierz, plaintext 
  1. <?php
  2. include("../include/config.php");
  3. include("../include/conector.php");
  4.  
  5. ?>
  6.  
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  8. <html>
  9. <head>
  10. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  11. <meta name="robots" content="noindex, nofollow" />
  12. <title></title>
  13. <script type="text/javascript" src="../jq/ajax.js"></script>
  14.  
  15. <?php
  16. echo "
  17. <script type=\"text/javascript\">
  18.  
  19.  
  20. var ajax = new sack();
  21. var podkatid = '".$_POST[podkatname]."';
  22. function getpodkatlist(sel)
  23. {
  24.   if (typeof(sel)== 'string' ) {
  25. 	var katid = sel;
  26. 	}
  27. 	else {
  28. 	var katid = sel.options[sel.selectedIndex].value;
  29. 	}
  30.  
  31. 	document.getElementById('podkatname').options.length = 0 ; 
  32. 	if(katid.length>0){
  33. 		ajax.requestFile = 'getpodkat.php?podd=".$_POST[podkatname]."&katid='+katid;
  34. 		ajax.onCompletion = createpodkat;	
  35. 		ajax.runAJAX();	
  36. 	}
  37. }
  38.  
  39. function createpodkat()
  40. {
  41. 	var obj = document.getElementById('podkatname');
  42. 	eval(ajax.response);	
  43. 	getpodkatlist3('".$_POST[katname3]."');
  44. }
  45.  
  46.  
  47.  
  48.  
  49. function getpodkatlist3(sel)
  50. {
  51.   if (typeof(sel)== 'string' ) {
  52. 	var katid = sel;
  53. 	}
  54. 	else {
  55. 	var katid = sel.options[sel.selectedIndex].value;
  56. 	}
  57.  
  58. 	document.getElementById('podkatname3').options.length = 0 ; 
  59. 	if(katid.length>0){
  60. 		ajax.requestFile = 'getpodkat.php?podd=".$_POST[podkatname3]."&katid='+katid;
  61. 		ajax.onCompletion = createpodkat3;	
  62. 		ajax.runAJAX();	
  63. 	}
  64. }
  65.  
  66. function createpodkat3()
  67. {
  68. 	var obj = document.getElementById('podkatname3');
  69. 	eval(ajax.response);	
  70.  
  71. }
  72.  
  73.  
  74.  
  75.  
  76. </script>
  77. ";
  78. ?>
  79. </head>
  80.  
  81.  
  82. <?php
  83. if ( (!empty($_POST[katname]))  || (!empty($_POST[katname3]))   ){
  84. echo "
  85. <body onload=\" getpodkatlist('".$_POST[katname]."') ; \">
  86. ";
  87.  
  88.  
  89. }
  90. else {
  91. echo "<body>";
  92. }
  93.  
  94. ?>
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101. <?php 
  102. echo "<pre>";
  103. print_r($_POST);
  104. echo "</pre><br>"; 
  105. $kat = mysql_query("select * from ".$prefix."kategorie where akt=1 ");  
  106.  
  107. ?>
  108.  
  109.  
  110.  
  111.  
  112.  
  113. <form action="zapajaxdwa.php" method="post">
  114. <table>
  115. 	<tr>
  116. 		<td>Kategorie </td>
  117. 		<td><select id="katname" name="katname" onchange="getpodkatlist(this)" >
  118. 			<option value="0" >Wybierz kategorię</option>
  119.  
  120. 			<?php
  121. 			while($tabkat=mysql_fetch_assoc($kat)){
  122. 			if($_POST[katname] == $tabkat[id]){
  123. 			$zaz = 'selected="selected"';
  124. 			}
  125. 			else {
  126. 			$zaz = '';
  127. 			}
  128. 			echo '
  129. 			<option value="'.$tabkat[id].'" '.$zaz.'>'.$tabkat[nazwa].'</option>
  130. 			';  
  131. 			}
  132.  
  133.  
  134.  
  135. 			?>
  136.  
  137.  
  138. 		</select>
  139. 		</td>
  140. 	</tr>
  141. 	<tr>
  142. 		<td>Podkategorie: </td>
  143. 		<td><select id="podkatname" name="podkatname">
  144. 			<option value="0" >Wybierz najpierw kategorię</option>
  145. 		</select>
  146. 		</td>
  147. 	</tr>
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155. 		<tr>
  156. 		<td>Kategorie 3</td>
  157. 		<td><select id="katname3" name="katname3" onchange="getpodkatlist3(this)" >
  158. 			<option value="0" >Wybierz kategorię</option>
  159.  
  160. 			<?php
  161. 			$kat3 = mysql_query("select * from ".$prefix."kategorie where akt=1 ");  
  162. 			while($tabkat3=mysql_fetch_assoc($kat3)){
  163. 			if($_POST[katname3] == $tabkat3[id]){
  164. 			$zaz3 = 'selected="selected"';
  165. 			}
  166. 			else {
  167. 			$zaz3 = '';
  168. 			}
  169. 			echo '
  170. 			<option value="'.$tabkat3[id].'" '.$zaz3.'>'.$tabkat3[nazwa].'</option>
  171. 			';  
  172. 			}
  173.  
  174.  
  175.  
  176. 			?>
  177.  
  178.  
  179. 		</select>
  180. 		</td>
  181. 	</tr>
  182. 	<tr>
  183. 		<td>Podkategorie3: </td>
  184. 		<td><select id="podkatname3" name="podkatname3">
  185. 			<option value="0" >Wybierz najpierw kategorię3</option>
  186. 		</select>
  187. 		</td>
  188. 	</tr>
  189.  
  190.  
  191. 		<tr>
  192. 		<td></td>
  193. 		<td>
  194. 		<input type="submit" name"zapisz" value="wyślij" >
  195. 		</td>
  196. 	</tr>
  197.  
  198.  
  199.  
  200. </table>
  201. </form>
  202.  
  203.  
  204.  
  205.  
  206.  
  207. </body>
  208. </html>
[PHP] 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.