Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Problem z funkcją Ajax.PeriodicalUpdater
Nvm
post 16.03.2010, 23:50:47
Post #1





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 16.03.2010

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


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ł.
Go to the top of the page
+Quote Post
karolrynio
post 17.03.2010, 07:59:38
Post #2





Grupa: Zarejestrowani
Postów: 144
Pomógł: 25
Dołączył: 2.02.2009

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


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.

Ten post edytował karolrynio 17.03.2010, 07:59:58
Go to the top of the page
+Quote Post
Nvm
post 17.03.2010, 08:57:46
Post #3





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 16.03.2010

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


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

Ten post edytował Nvm 17.03.2010, 09:02:13
Go to the top of the page
+Quote Post
karolrynio
post 17.03.2010, 09:30:05
Post #4





Grupa: Zarejestrowani
Postów: 144
Pomógł: 25
Dołączył: 2.02.2009

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


To może podaj jeszcze co zwraca serwer...
Go to the top of the page
+Quote Post
Nvm
post 17.03.2010, 18:37:26
Post #5





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 16.03.2010

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


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...
Go to the top of the page
+Quote Post
karolrynio
post 18.03.2010, 08:44:49
Post #6





Grupa: Zarejestrowani
Postów: 144
Pomógł: 25
Dołączył: 2.02.2009

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


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...
Go to the top of the page
+Quote Post
Nvm
post 18.03.2010, 20:42:33
Post #7





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 16.03.2010

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


Oto link do przykładowej strony:
http://nvm.netau.net/stronatestowa.php
Go to the top of the page
+Quote Post
karolrynio
post 19.03.2010, 08:15:19
Post #8





Grupa: Zarejestrowani
Postów: 144
Pomógł: 25
Dołączył: 2.02.2009

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


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ć.

Go to the top of the page
+Quote Post
Nvm
post 19.03.2010, 14:50:45
Post #9





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 16.03.2010

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


Źle zrozumiałem wykonywanie tej funkcji... Dzięki za pomoc : )
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 24.06.2025 - 18:41