Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Jquery odnośnik następny poprzedni
Forum PHP.pl > Forum > Przedszkole
arzach
14.07.2009, 11:03:17
Witam
Próbuje zrobić w jquery odnośniki następny poprzedni które będą w ajax pobierany newsy. Na chwile obecną zrobiłem tyle.

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  4.  
  5. <script>
  6.  
  7. $(document).ready(function(){
  8. start(1);
  9.  
  10. $("#nastepny").click(function(){
  11. start(2);
  12. });
  13. $("#poprzedni").click(function(){
  14. start(3);
  15. });
  16.  
  17.  
  18. });
  19.  
  20. function start(id)
  21. {
  22. $.ajax({
  23. type: "GET", 
  24. url: "odbierz.php", 
  25. data: { name: id },
  26. pobierz: function (XMLHttpRequest) { 
  27. $("#wynik").html("Trwa pobieranie newsa.");
  28. },
  29. success: function(msg) {
  30. $("#wynik").html(msg);
  31. },
  32. error: function (XMLHttpRequest, textStatus, errorThrown) {
  33. $("#wynik").html('Przepraszamy, news nie zostal pobrany.');
  34. }
  35. });
  36. }
  37.  
  38. </script>
  39. </head>
  40. <body>
  41. <p id="nastepny">Nastepny</p><p id="poprzedni">Poprzedni</p>
  42. <div id="wynik"></div>
  43.  
  44. </body>
  45. </html>
[HTML] pobierz, plaintext


I nie wiem jak pobrać id i przekazać do plik odbierz.php za pomocą tych linków. Może ktoś pomóc jak mam pobrać id news i wysłać je ajaxem.
thomas2411
14.07.2009, 11:16:24
Kod
(...)
$.ajax({
type: "GET",
url: "odbierz.php",
data: { 'id=' + id},
pobierz: function (XMLHttpRequest) {
(...)
arzach
14.07.2009, 11:21:26
Chyba mnie nie zrozumiałeś o co mi chodzi.



Przy staracie strony pobieram ostatnio dodany news.

I tu działa ładnie news się wyświetla.



News ten oczywiście ma id które nie wiem jak mam w Jquery pobrać i potem znowu wysłać do pliku odbierz.php który pobierz poprzedni news lub następny za pomocą tych odnośników.

To co ty podałes to ja wiem. Tylko nie wiem jak za pomocą tej zmiennej id mam przekazać id aktualnie wyswietlanego newsa.
Skie
14.07.2009, 11:28:51
W pliku news.php, który generuje Ci aktualnie wyświetlanego newsa (pobiera z bazy, czy jak Ty tam to robisz), wyświetl sobie jego ID w taki sposób byś mógł go pobrać JSem, np dodaj do skryptu:

[PHP] pobierz, plaintext 
  1. <?php
  2. print("<div id=current_news_ID style=display:none;>".$ID_newsa."</div>");
  3. ?>
[PHP] pobierz, plaintext


Co w kodzie wynikowym da Ci po prostu np:

[HTML] pobierz, plaintext 
  1. <div id=current_news_ID style=display:none;>1</div>
[HTML] pobierz, plaintext


Potem w JSie, zrobisz sobie tak:

Kod
currentID = parseInt($D('current_news_ID').innerHTML);


i już masz pobrane ID obecnego newsa ;-)
oczywiście to pobieranie musiałbyś zrobić w zdarzeniu onSuccess AJAX'a, żeby wszystko ładnie chodziło.

Powodzenia!
thomas2411
14.07.2009, 11:29:43
To nie dość, że zamotałeś pytanie, to jeszcze w kodzie masz id wpisane na sztywno.

Zrób tak, że linki następny poprzedni niech mają jako id, id newsa. W onclick wstaw wywołanie z danego linka opdowiednią funkcję z parametrem this.id. Wtedy będziesz miał ten id danego newsa.
Jak pobierasz dane do wyniku dla danego newsa o zadanym id i wyświetlasz to gdzieś na stronie, to masz w ajax funkcję:
Kod
.success: function(msg) {
$("#wynik").html(msg);
},


To dodaj do tego success kod, który dany id z parametru funkcji wstawi jako id danego linka czy gdzie tam to potrzebujesz.
arzach
14.07.2009, 12:58:27
Dzięki zrobiłem tak 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  4.  
  5. <script>
  6.  
  7. $(document).ready(function(){
  8. start(1, 1);
  9. $("#nastepny").click(function(){
  10. var id = $("#news_id").html();
  11. var akcja = 'nastepwny';
  12. start(id, akcja);
  13. }
  14. );
  15. $("#poprzedni").click(function(){
  16. var id = $("#news_id").html();
  17. var akcja = 'poprzedni';
  18. start(id, akcja);
  19. }
  20. );
  21. });
  22.  
  23. function start(id , akcja)
  24. {
  25. $.ajax({
  26. type: "GET", 
  27. url: "odb.php", 
  28. data: { 
  29. name: id,
  30. akcja: akcja
  31.  },
  32. pobierz: function (XMLHttpRequest) { 
  33. $("#wynik").html("Trwa pobieranie newsa.");
  34. },
  35. success: function(msg) {
  36. $("#wynik").html(msg);
  37. },
  38. error: function (XMLHttpRequest, textStatus, errorThrown) {
  39. $("#wynik").html('Przepraszamy, news nie zostal pobrany.');
  40. }
  41. });
  42. }
  43.  
  44. </script>
  45. </head>
  46. <body>
  47. <p id="nastepny">Nastepny</p><p id="poprzedni">Poprzedni</p>
  48. <div id="wynik"></div>
  49.  
  50. </body>
  51. </html>
[HTML] pobierz, plaintext

w pliku odbierz.php dałem ukryty div z id a potem za pomocą
[HTML] pobierz, plaintext 
  1. var id = $("#news_id").html();
[HTML] pobierz, plaintext

odczytałem wartość diva.

I teraz mam pytanie jak mam zrobić zęby id było pobierane tylko wtedy gdy żądnie ajax zwróci true

Chodzi o ten kawałek kodu
[HTML] pobierz, plaintext 
  1. $(document).ready(function(){
  2. start(1, 1);
  3. $("#nastepny").click(function(){
  4. var id = $("#news_id").html();
  5. var akcja = 'nastepwny';
  6. start(id, akcja);
  7. }
  8. );
  9. $("#poprzedni").click(function(){
  10. var id = $("#news_id").html();
  11. var akcja = 'poprzedni';
  12. start(id, akcja);
  13. }
  14. );
  15. });
[HTML] pobierz, plaintext


?
Skie
14.07.2009, 13:37:02
Ten kawałek kodu daj żeby się wykonywał na AJAXowe onSuccess();

Kod
var id = $("#news_id").html();


Przed rozpoczęciem wysłania zapytania daj

Kod
id = false;


(tak żeby przy każdym zapytaniu zmienna id była "resetowana")

(przy czym id musi być zmienną globalną, no chyba, że te wszystkie funkcje opakujesz w klasę - byleby funkcja onClick miała dostęp do tej zmiennej)

a potem w onClick:

Kod
if (id) {
   var akcja = 'poprzedni';
   start(id, akcja);
}


Ja bym tak to zrobił, ale będziesz musiał nanieść dużo poprawek do swojego kodu.
arzach
14.07.2009, 17:24:00
Zrobiłem tak i zmiennej id w ogóle nie pobiera.
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  4.  
  5. <script>
  6. var id = '';
  7.  
  8. $(document).ready(function(){
  9. start(1, 1);
  10.  
  11. $("#klik").click(function () {
  12. alert(id);
  13. });
  14.  
  15. });
  16.  
  17. function start(id , akcja)
  18. {
  19. $.ajax({
  20. type: "GET", 
  21. url: "od.php", 
  22. data: { 
  23. name: id,
  24. akcja: akcja
  25. },
  26. pobierz: function (XMLHttpRequest) {
  27. var id = false;   
  28. $("#wynik").html("Trwa pobieranie newsa.");
  29. },
  30. success: function(msg) {
  31. $("#wynik").html(msg);
  32. var id = $("#news_id").html();
  33. },
  34. error: function (XMLHttpRequest, textStatus, errorThrown) {
  35. $("#wynik").html('Przepraszamy, news nie zostal pobrany.');
  36. }
  37. });
  38. }
  39.  
  40. </script>
  41. </head>
  42. <body>
  43. <p id="nastepny">Nastepny</p><p id="poprzedni">Poprzedni</p>
  44. <div id="wynik"></div>
  45. <p id="klik">Pokaz id</p>
  46. </body>
  47. </html>
[HTML] pobierz, plaintext


Wie ktoś jak temu zaradzić ?
erix
14.07.2009, 17:49:16
Cytat
wogole

Czy to jest jakieś nowoodkryte plemię?

Sprawdź sobie konsolę błędów.
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.