Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX] Problem z [i]ImageMenu[/i]
Forum PHP.pl > Forum > XML, AJAX
roobik
8.08.2009, 18:35:26
Witam!
Rozbudowuję właśnie jeden z serwisów, lecz utknąłem w pewnym miejscu. Chciałbym skorzystać z TEGO menu. Wszystko działa pięknie do momentu, aż nie usunę dwóch ostatnich zdjęć - wtedy wywala "Błąd na stronie". Co powinienem zrobić, by zamiast pięciu były trzy zdjęcia?
Bardzo proszę o pomoc...
Ewentualnie może ktoś z Was zna jakiś podobnie działający skrypt w ajax'ie...
wookieb
8.08.2009, 18:38:28
A może pokaż kod JAK robisz to menu? Najlepiej LINK.
roobik
8.08.2009, 18:47:21 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>phatfusion : image menu</title>
  6.  
  7. <link rel="stylesheet" href="../_common/css/main.css" type="text/css" media="all">
  8.  
  9. <link href="imageMenu.css" rel="stylesheet" type="text/css" />
  10.  
  11. <script type="text/javascript" src="mootools.js"></script>
  12. <script type="text/javascript" src="imageMenu.js"></script>
  13.  
  14.  
  15.  
  16. </head>
  17. <body>
  18.  
  19. 	<div id="container">
  20. 		<div id="example">
  21. 			<div id="imageMenu">
  22. 			<ul>
  23. 				<li class="landscapes"><a href="http://www.aaronbirchphotography.com">Landscapes</a></li>
  24. 				<li class="people"><a href="http://www.aaronbirchphotography.com">People</a></li>
  25. 				<li class="nature"><a href="http://www.aaronbirchphotography.com">Nature</a></li>
  26.  
  27. 			</ul>
  28. 			</div>
  29.  
  30. 		<script type="text/javascript">
  31.  
  32. 			window.addEvent('domready', function(){
  33. 				var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}});
  34. 			});
  35. 		</script>
  36. 		</div>
  37.  
  38. </body>
  39. </html>
[HTML] pobierz, plaintext

W oryginale zaś jest:
[HTML] pobierz, plaintext 
  1. .
  2. .
  3. <ul>
  4. 				<li class="landscapes"><a href="http://www.aaronbirchphotography.com">Landscapes</a></li>
  5. 				<li class="people"><a href="http://www.aaronbirchphotography.com">People</a></li>
  6. 				<li class="nature"><a href="http://www.aaronbirchphotography.com">Nature</a></li>
  7. 			<li class="urban"><a href="http://www.aaronbirchphotography.com">Urban</a></li> 
  8. 				<li class="abstract"><a href="http://www.aaronbirchphotography.com">Abstract</a></li>
  9. 			</ul>
  10. .
  11. .
[HTML] pobierz, plaintext

Błąd wyskakuje po najechaniu na zdjęcia... sad.gif
wookieb
8.08.2009, 19:03:54
A jaki jest błąd?
Ja ściągnąłem przykład, usunąłem 2 elementy i wszystko ok. Na pewno masz dobrą ścieżke do mootools.js?

Pomijam to, że autor podał zły sposób użycia na stronie.
roobik
8.08.2009, 19:18:19
Ścieżka jest poprawna - tak, jak pisałem wcześniej - gdy jest 5 zdjęć, to efekt "rozjeżdżania" działa poprawnie i na dole strony nie ma błędu.
Natomiast jak zostawię trzy zdjęcia i najadę na którekolwiek, to wywala "Błąd na stronie" (z takim żółtym wykrzyknikiem). Jak kliknę na ten błąd to pokazuje mi okno, że niby w 33 wierszu pierwszy znak jest nieprawidłowy - niepoprawny argument, czy jaoś tak...
wookieb
8.08.2009, 19:21:31
A wstaw tą ścieżkę.
Kod
../_common/css/mootools.js


Mam identycznie jak ty masz i wszystko jest ok.
roobik
8.08.2009, 20:22:50
Na IE, w miejscu, gdzie jest zwykle "Gotowe" (po lewej na dole) - zwróć uwagę na to, że po najechaniu na zdjęcia (jeśli są 3) to błąd wyskakuje.
Owszem - wszystko niby działa poprawnie, ale nie do końca jak widać.
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.