Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Problem z menu (php + java)
Szydło
post
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 2.05.2011

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

Jako że nowy to WITAM wszystkich (IMG:style_emoticons/default/smile.gif)

Mam mały problem ze swoją stronką w której chce zrobić menu pionowe rozwijane które pobierane jest z bazy danych. Menu działa jest pobierane i wyświetlane, lecz nie działa to że menu wyświetla tylko kategorie a po kliknieciu dopiero podkategorie. Działa tylko dla pierwszego elementu pobranego z kategpri i podkategori.
Struktura menu wygląda mniej więcej tak:
Akcesoria montażowe:
-Liny i łańcuchy
-Gwoździe
-Śruby, nakrętki, podkładki, pręty gwintowane
-Złącza ciesielskie
-Wkręty
-Kołki rozporowe, szybkiego montażu, stalowe i kotwy
-Piany i kleje montażowe
-Inne
Art. Elektryczne :
-Przewody, przedłużacze
-Łączniki, gniazdka
-Żarówki, lampy, oprawy
-Inne
BHP:
-Odzież ochronną
-Tablice informacyjne
-Inne
-Obuwie ochronne

Tutaj mam kod:
[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="menu.js"></script>
  4. </head>
  5. <body>
  6. <?php
  7. $mysql_host = "localhost";
  8. $mysql_login = "szydlo12_admin";
  9. $mysql_haslo = "xxx";
  10. $mysql_baza = "xxx";
  11.  
  12.  
  13. mysql_connect( $mysql_host, $mysql_login, $mysql_haslo)
  14. 	or die("Błąd połączenia z bazą danych: " . mysql_error());
  15.  
  16. mysql_select_db($mysql_baza)
  17. or exit("Nie wybrano bazy danych");
  18. mysql_query("SET NAMES 'utf8'");
  19. $wynik = mysql_query("SELECT * FROM kategorie"); //zapytanie dla listy kategori
  20.  
  21. while ($kategorie = mysql_fetch_array($wynik)) 
  22. {	echo"<dl id=\"menu0\">";
  23. 	echo "<dt><a href=\"#\"><b>" . $kategorie[nazwa] . ":</b></a></dt>";  //link kategori
  24. 	mysql_query("SET NAMES 'utf8'");
  25. 	$wynik2 = mysql_query("SELECT * FROM podkategorie WHERE kategoria='$kategorie[nazwa]'"); //zapytanie dla listy podkategori
  26. 	while ($podkategorie = mysql_fetch_array($wynik2)) {
  27. 	echo "<dd><a href=\"index.php?podkategoria=" . $podkategorie[id] . "\">-" . $podkategorie[nazwa] . "</a><div></div></dd></dl>"; //link podkategori (lista podkategori)
  28. 	}
  29. 	}
  30. ?>
  31. <script type="text/javascript">
  32. // <![CDATA[
  33. new Menu('menu0');
  34. // ]]>
  35. </script>
  36.  
  37. </body>
  38. </html>
[PHP] pobierz, plaintext


Ten post edytował Szydło 2.05.2011, 08:18:12
Go to the top of the page
+Quote Post
blooregard
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 2 033
Pomógł: 290
Dołączył: 21.12.2007
Skąd: Łódź
Proszę dodać BBCode.
Go to the top of the page
+Quote Post
Szydło
post
Post #3





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 2.05.2011

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

Poprawiłem.... Mam nadzieję że sytuacja jest jasno opisana. W razie pytań pisać.
Go to the top of the page
+Quote Post
gac3k
post
Post #4





Grupa: Zarejestrowani
Postów: 90
Pomógł: 8
Dołączył: 28.07.2009

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

Ale z tego co piszesz to chyba bardziej problem od strony JS, bo PHP wszystko pobiera, więc może pokaż kod menu.js (IMG:style_emoticons/default/wink.gif)
I tak na szybko jeszcze, powinno wystarczyć jak jednorazowo wyślesz SET NAMES na początku, nie musisz tego powtarzać w pętli.
Go to the top of the page
+Quote Post
Szydło
post
Post #5





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 2.05.2011

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

Kod JS jest z http://www.kurshtml.edu.pl/skrypty/skrypt,..._rozwijane.html. Problem tkwi w tym że tworze tyle menu o id menu0 ile mam kategorii.
a id ma być unikalne. Trzeba mi to teraz wstawić do pętli albo przerobić cały kod JS. Łatwiej było by chyba wywoływać skrypt by był w pętli i tam generował id. Pomoże ktoś (IMG:style_emoticons/default/questionmark.gif) Kod JS:
[PHP] pobierz, plaintext 
  1. /**
  2.  * @author Sławomir Kokłowski {@link <a href="http://www.kurshtml.edu.pl}" target="_blank">http://www.kurshtml.edu.pl}</a>
  3.  * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!)
  4.  */
  5.  
  6. function Menu(id, style, otworz, wysun, czasRozwin, czasZwin, czasOtworz, czasZamknij, nieInicjalizuj)
  7. {
  8. 	if (typeof czasRozwin == 'undefined' || czasRozwin < 0) czasRozwin = 25;
  9. 	if (typeof czasZwin == 'undefined' || czasZwin < 0) czasZwin = 25;
  10. 	if (typeof czasOtworz == 'undefined' || czasOtworz < 0) czasOtworz = 250;
  11. 	if (typeof czasZamknij == 'undefined' || czasZamknij < 0) czasZamknij = 500;
  12.  
  13. 	var url = unescape(window.location.href.replace(/#.*/, ''));
  14. 	var base = window.location.protocol + '//' + window.location.host + window.location.pathname.replace(/[^\/\\]+$/, '');
  15.  
  16. 	if (style)
  17. 	{
  18. 		if (style.indexOf(':') < 0)
  19. 		{
  20. 			document.getElementById(id).className += ' ' + style;
  21. 		}
  22. 		else
  23. 		{
  24. 			style = style.replace(/(^\s+|(\s|;)+$)/g, '').split(/\s*;\s*/);
  25. 			for (var i = 0; i < style.length; i++)
  26. 			{
  27. 				style[i] = style[i].split(/\s*:\s*/);
  28. 				for (var j = 0, c, property = ''; j < style[i][0].length; j++)
  29. 				{
  30. 					c = style[i][0].charAt(j);
  31. 					property += c == '-' ? style[i][0].charAt(++j).toUpperCase() : c.toLowerCase();
  32. 				}
  33. 				eval('document.getElementById("' + id + '").style.' + property + ' = "' + style[i][1].replace(/"/g, '\\"') + '"');
  34. 			}
  35. 		}
  36. 	}
  37.  
  38. 	for (var i = 0; i < document.getElementById(id).getElementsByTagName('dt').length; i++)
  39. 	{
  40. 		var dd = new Array();
  41. 		var el = document.getElementById(id).getElementsByTagName('dt')[i].nextSibling;
  42. 		var nodeName;
  43. 		while (el && (nodeName = el.nodeName.toLowerCase()) != 'dt')
  44. 		{
  45. 			if (nodeName == 'dd')
  46. 			{
  47. 				el._dt = document.getElementById(id).getElementsByTagName('dt')[i];
  48. 				if (otworz)
  49. 				{
  50. 					el.onmouseover = function()
  51. 					{
  52. 						clearTimeout(this._dt._timoutID);
  53. 						this._dt._displayed = false;
  54. 						this._dt.onclick();
  55. 					}
  56. 					el.onmouseout = function()
  57. 					{
  58. 						clearTimeout(this._dt._timoutID);
  59. 						var dt = this._dt;
  60. 						this._dt._timoutID = setTimeout(function () { dt._displayed = true; dt.onclick(); }, czasZamknij);
  61. 					};
  62. 				}
  63. 				dd[dd.length] = el;
  64. 			}
  65. 			el = el.nextSibling;
  66. 		}
  67. 		document.getElementById(id).getElementsByTagName('dt')[i]._dd = dd;
  68. 		document.getElementById(id).getElementsByTagName('dt')[i]._timoutID = null;
  69. 		document.getElementById(id).getElementsByTagName('dt')[i]._displayed = false;
  70. 		document.getElementById(id).getElementsByTagName('dt')[i].onclick = function()
  71. 		{
  72. 			clearTimeout(this._timoutID);
  73. 			if (!this._displayed)
  74. 			{
  75. 				var el = this.parentNode.getElementsByTagName('dt')[0];
  76. 				while (el)
  77. 				{
  78. 					if (el.nodeName.toLowerCase() == 'dt' && el != this)
  79. 					{
  80. 						el._displayed = false;
  81. 						if (czasZwin) display(el, 0);
  82. 						else display(el);
  83. 					}
  84. 					el = el.nextSibling;
  85. 				}
  86. 			}
  87. 			this._displayed = !this._displayed;
  88. 			if (this._displayed && czasRozwin || !this._displayed && czasZwin) display(this, 0);
  89. 			else display(this);
  90. 		};
  91. 		if (otworz)
  92. 		{
  93. 			document.getElementById(id).getElementsByTagName('dt')[i].onmouseover = function()
  94. 			{
  95. 				clearTimeout(this._timoutID);
  96. 				var dt = this;
  97. 				this._timoutID = setTimeout(function () { dt._displayed = false; dt.onclick(); }, czasOtworz);
  98. 			};
  99. 			document.getElementById(id).getElementsByTagName('dt')[i].onmouseout = function()
  100. 			{
  101. 				clearTimeout(this._timoutID);
  102. 				var dt = this;
  103. 				this._timoutID = setTimeout(function () { dt._displayed = true; dt.onclick(); }, czasZamknij);
  104. 			};
  105. 		}
  106. 	}
  107.  
  108. 	start(document.getElementById(id).getElementsByTagName('dt')[0]);
  109.  
  110. 	function start(dt)
  111. 	{
  112. 		var hide = true;
  113. 		var el = dt;
  114. 		while (el)
  115. 		{
  116. 			var nodeName = el.nodeName.toLowerCase();
  117. 			if (nodeName == 'dt')
  118. 			{
  119. 				dt = el;
  120. 				hide = true;
  121. 			}
  122. 			if (nodeName == 'dt' || nodeName == 'dd')
  123. 			{
  124. 				if (!nieInicjalizuj && el.getElementsByTagName('a').length)
  125. 				{
  126. 					var active = el.getElementsByTagName('a')[0].href && unescape(el.getElementsByTagName('a')[0].href.replace(/#.*/, '')) == url;
  127. 					if (!active)
  128. 					{
  129. 						var rel = el.getElementsByTagName('a')[0].getAttribute('rel');
  130. 						if (rel)
  131. 						{
  132. 							var matches = (' ' + rel + ' ').match(/\s+Collection\(([^)]+)\)\s+/i);
  133. 							if (matches)
  134. 							{
  135. 								matches = matches[1].split(',');
  136. 								for (var k = 0, pos = -1; k < matches.length; k++)
  137. 								{
  138. 									if (matches[k].charAt(0) == '[' && (pos = matches[k].lastIndexOf(']')) > 0)
  139. 									{
  140. 										if (new RegExp(unescape(matches[k].substring(1, pos)), matches[k].substring(pos + 1)).test(url))
  141. 										{
  142. 											active = true;
  143. 											break;
  144. 										}
  145. 									}
  146. 									else
  147. 									{
  148. 										if (/^[\/\\]/.test(matches[k])) matches[k] = window.location.protocol + '//' + window.location.host + matches[k];
  149. 										else if (!/^[a-z0-9]+:/i.test(matches[k])) matches[k] = base + matches[k];
  150. 										if (unescape(matches[k].replace(/[\/\\]\.([\/\\])/g, '$1').replace(/[^\/\\]+[\/\\]\.\.[\/\\]/g, '').replace(/#.*/, '')) == url)
  151. 										{
  152. 											active = true;
  153. 											break;
  154. 										}
  155. 									}
  156. 								}
  157. 							}
  158. 						}
  159. 					}
  160. 					if (active)
  161. 					{
  162. 						el.className = (el.className ? el.className + ' ' : '') + 'active';
  163. 						dt._displayed = true;
  164. 						display(dt);
  165. 						hide = false;
  166. 						var el_parentNode = el.parentNode;
  167. 						while (el_parentNode != document.getElementById(id))
  168. 						{
  169. 							if (el_parentNode.nodeName.toLowerCase() == 'dd')
  170. 							{
  171. 								var el_sibling = el_parentNode.previousSibling;
  172. 								while (el_sibling)
  173. 								{
  174. 									if (el_sibling.nodeName.toLowerCase() == 'dt')
  175. 									{
  176. 										el_sibling._displayed = true;
  177. 										display(el_sibling)
  178. 										break;
  179. 									}
  180. 									el_sibling = el_sibling.previousSibling;
  181. 								}
  182. 							}
  183. 							el_parentNode = el_parentNode.parentNode;
  184. 						}
  185. 					}
  186. 				}
  187. 			}
  188. 			if (nodeName == 'dd')
  189. 			{
  190. 				if (hide) el.style.display = 'none';
  191. 				start(el.getElementsByTagName('dt')[0]);
  192. 			}
  193. 			el = el.nextSibling;
  194. 		}
  195. 	}
  196.  
  197. 	function display(dt, i)
  198. 	{
  199. 		if (typeof i == 'undefined')
  200. 		{
  201. 			for (var i = 0; i < dt._dd.length; i++)
  202. 			{
  203. 				dt._dd[i].style.display = dt._displayed ? 'block' : 'none';
  204. 				if (!dt._displayed)
  205. 				{
  206. 					for (var j = 0; j < dt._dd[i].getElementsByTagName('dt').length; j++)
  207. 					{
  208. 						dt._dd[i].getElementsByTagName('dt')[j]._displayed = false;
  209. 						display(dt._dd[i].getElementsByTagName('dt')[j]);
  210. 					}
  211. 				}
  212. 			}
  213. 		}
  214. 		else if (i < dt._dd.length)
  215. 		{
  216. 			var dir = wysun ? !dt._displayed : dt._displayed;
  217. 			var n = dir ? i : dt._dd.length - 1 - i;
  218. 			dt._dd[n].style.display = dt._displayed ? 'block' : 'none';
  219. 			if (!dt._displayed)
  220. 			{
  221. 				for (var j = 0; j < dt._dd[n].getElementsByTagName('dt').length; j++)
  222. 				{
  223. 					dt._dd[n].getElementsByTagName('dt')[j]._displayed = false;
  224. 					display(dt._dd[n].getElementsByTagName('dt')[j]);
  225. 				}
  226. 			}
  227. 			dt._timoutID = setTimeout(function() { display(dt, i + 1); }, dt._displayed ? czasRozwin : czasZwin);
  228. 		}
  229. 	}
  230. }
[PHP] pobierz, plaintext



Go to the top of the page
+Quote Post
ikzdareis
post
Post #6





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 25.04.2011

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

Spróbuj wykorzystać bibliotekę jQuery z funkcją ajax, albo poczytaj coś o XMLHttpRequest w ajax, jest o wiele prościej niż jakiś skopiowany kod.
Go to the top of the page
+Quote Post
« Następny starszy · PHP · 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: 27.09.2025 - 18:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn