Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Jquery odnośnik następny poprzedni
arzach
post
Post #1





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

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.

Ten post edytował arzach 14.07.2009, 11:05:14
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 8)
thomas2411
post
Post #2





Grupa: Zarejestrowani
Postów: 108
Pomógł: 7
Dołączył: 15.05.2005
Skąd: Rzeszów

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

Kod
(...)
$.ajax({
type: "GET",
url: "odbierz.php",
data: { 'id=' + id},
pobierz: function (XMLHttpRequest) {
(...)
Go to the top of the page
+Quote Post
arzach
post
Post #3





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

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.

Ten post edytował arzach 14.07.2009, 11:22:48
Go to the top of the page
+Quote Post
Skie
post
Post #4





Grupa: Zarejestrowani
Postów: 555
Pomógł: 84
Dołączył: 20.02.2008
Skąd: Małopolska

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

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!
Go to the top of the page
+Quote Post
thomas2411
post
Post #5





Grupa: Zarejestrowani
Postów: 108
Pomógł: 7
Dołączył: 15.05.2005
Skąd: Rzeszów

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

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.
Go to the top of the page
+Quote Post
arzach
post
Post #6





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

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


?

Ten post edytował arzach 14.07.2009, 12:44:32
Go to the top of the page
+Quote Post
Skie
post
Post #7





Grupa: Zarejestrowani
Postów: 555
Pomógł: 84
Dołączył: 20.02.2008
Skąd: Małopolska

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

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.
Go to the top of the page
+Quote Post
arzach
post
Post #8





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

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

Ten post edytował arzach 14.07.2009, 17:58:50
Go to the top of the page
+Quote Post
erix
post
Post #9





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
wogole

Czy to jest jakieś nowoodkryte plemię?

Sprawdź sobie konsolę błędów.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.12.2025 - 16:59
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn