Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z funkcją Ajax.PeriodicalUpdater
Forum PHP.pl > Forum > XML, AJAX > AJAX
Nvm
Witam, jestem początkującym jeśli chodzi o programowanie w AJAX'ie i napotkałem pewien problem przy pisaniu skryptu. Otóż po użyciu funkcji 'Ajax.PeriodicalUpdater', która ma za zadanie odświeżanie określonego diva, strona podwaja mi część kodu, który nie znalazł się w określonym w funkcji divie. Dajmy na to, że mam formularz, a pod nim jakiegoś diva. Chcę, aby skrypt odświeżał tylko diva, a w wyniku tego co prawda skrypt odświeża tylko diva ale dostaje podwojony formularz. Pierwszy, oryginalny jest widoczny w źródle strony, zaś drugi nie. Przykładowy skrypt:
CODE
<html>
<head>
<title> Test Page </title>
<script src="http://prototypejs.org/assets/2009/8/31/prototype.js"></script>

<script>
// Klasa do od¶wieżania
new Ajax.PeriodicalUpdater('odswiez_mnie', 'index2.php',
{
method: 'get',
frequency: 15,
decay: 1
});
</script>
</head>

<body>
<div id="myDiv">
<p>This is a paragraph</p>
</div>
<div id="odswiez_mnie">
<p>This is another paragraph</p>
</div>

</body>
</html>


Będę wdzięczny, jeśli ktoś mi pomoże biggrin.gif Btw. próbowałem na różnych hostingach i skrypt nie działał.
karolrynio
A sprawdzałeś co zwraca serwer? Czy przypadkiem nie wysyłasz w odpowiedzi drugiego formularza?
Możesz to sprawdzić np. w Firefoxie instalując dodatek Firebug.
Nvm
W Firebugu widać to jako drugi formularz chociaż to jest nie możliwe bo wszystko sprawdziłem. Skrypt, który dałem w pierwszym poście jest chyba napisany poprawnie, a jednak też wyświetla go podwójnie. Ktoś ma jeszcze jakiś pomysł? : > To wygląda tak, że formularz w poleceniu jest pomijany jeśli chodzi o odświeżanie, a skrypt zamiast odświeżać tylko diva bierze też ten formularz - wtedy widzę formularz stały (który ma się nie odświeżać) i kopię całej strony poniżej... Skrypt dodaje do diva całą stronę ; s
karolrynio
To może podaj jeszcze co zwraca serwer...
Nvm
Otóż po wykonaniu skryptu
  1. <html>
  2. <head>
  3. <title> Test Page </title>
  4.  
  5. </head>
  6.  
  7. <body>[manual][/manual]
  8. <div id="myDiv">
  9. <p>This is a paragraph</p>
  10. </div>
  11. <script src="http://prototypejs.org/assets/2009/8/31/prototype.js"></script>
  12.  
  13. <script>
  14. // Klasa do odświeżania
  15. new Ajax.PeriodicalUpdater('odswiez_mnie', 'index4.php',
  16. {
  17. method: 'get',
  18. frequency: 15,
  19. decay: 1
  20. });
  21. </script>
  22. <div id="odswiez_mnie">
  23. <p>This is another paragraph</p>
  24. </div>
  25.  
  26. </body>
  27. </html>


w Firebugu widzę:
CODE
<html>
<head>
<title> Test Page </title>

</head>

<body>
<div id="myDiv">
<p>This is a paragraph</p>
</div>
<script src="http://prototypejs.org/assets/2009/8/31/prototype.js"></script>

<script>
// Klasa do od¶wieżania
new Ajax.PeriodicalUpdater('odswiez_mnie', 'index4.php',
{
method: 'get',
frequency: 15,
decay: 1
});
</script>

<div id="odswiez_mnie">
<title> Test Page </title>
<div id="myDiv">
<p>This is a paragraph</p>
</div>
<div id="odswiez_mnie">
<p>This is another paragraph</p>
</div>
</div>
</body>
</html>


Czyli w divie "odswiez_mnie" znajduje się cała strona praktycznie...
karolrynio
Moze jeszcze raz.
Masz taka strukture strony:
  1. <title> Test Page </title>
  2. <script src="http://prototypejs.org/assets/2009/8/31/prototype.js"></script>
  3.  
  4. // Klasa do odwieżania
  5. new Ajax.PeriodicalUpdater('odswiez_mnie', 'index2.php',
  6. {
  7. method: 'get',
  8. frequency: 15,
  9. decay: 1
  10. });
  11. </head>
  12. <div id="myDiv">
  13. <p>This is a paragraph</p>
  14. </div>
  15. <div id="odswiez_mnie">
  16. <p>This is another paragraph</p>
  17. </div>
  18. </body>
  19. </html>



Teraz w pliku index2.php wyświetlasz to co ma sie pokazac w divie odswiez_mnie ( nie wyswietlasz czlej strony z <html><body> tylko to co ma sie znalezc w tym divie ), a Ty dajesz cala strone z tego co zrozumialem... Daj moze linka do strony to bedzie latwiej...
Nvm
Oto link do przykładowej strony:
http://nvm.netau.net/stronatestowa.php
karolrynio
Potrzebujesz zrobić coś takiego:
  1. <title> Test Page </title>
  2. <script src="http://prototypejs.org/assets/2009/8/31/prototype.js"></script>
  3. // Klasa do odwieżania
  4. new Ajax.PeriodicalUpdater('odswiez_mnie', 'stronatestowa2.php',
  5. {
  6. method: 'get',
  7. frequency: 15,
  8. decay: 1
  9. });
  10. </head>
  11. <div id="myDiv">
  12. <p>This is a paragraph</p>
  13. </div>
  14. <div id="odswiez_mnie">
  15. <p>This is another paragraph</p>
  16. </div>
  17. </body>
  18. </html>


a w stronatestowa2.php to tylko to gdzie chcesz wyświetlić w divie odswierz_mnie np:
  1. <p>This is another paragraph</p> Bez <html><body>... tylko to co ma się wyświetlić.

Nvm
Źle zrozumiałem wykonywanie tej funkcji... Dzięki za pomoc : )
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.