Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][JQuery] Problem z otwieraniem okienka (dialog)
Forum PHP.pl > Forum > Przedszkole
krzychu0808
Witam...
Mam problem z Jquery chciałem napisać aby otwierowało mi się okienko (dialog) o danej treści w zależności od parametru href linku. Wszystko ładnie działa tylko jak dam parę linków to tylko ten pierwszy działa a reszta działa jako normalny link. Wygląda to tak:
  1. <script type="text/javascript">
  2. $(function() {
  3. $('#sprzedaj').each(function() {
  4. var $link = $(this);
  5. var $ladowanie = $('<div></div>')
  6. .html('<img src="images/2.gif">')
  7. .dialog({
  8. autoOpen: false,
  9. title: 'Pobieranie danych',
  10. width: 170,
  11. height: 120,
  12. modal: true,
  13. resizable: false,
  14. draggable: false,
  15. open: function(event, ui) { $(this).parent().children().children('.ui-dialog-titlebar-close').hide(); }
  16. });
  17. var $sprzedaj = $( "#dialog-formularz" )
  18. .dialog({
  19. autoOpen: false,
  20. title: 'Sprzedaj',
  21. width: 500,
  22. height: 400,
  23. modal: true,
  24. resizable: false,
  25. draggable: false
  26. });
  27.  
  28. $link.click(function() {
  29. $.ajax({
  30. url: 'ajax_tresc/dane_cena_produktu.php?produkt='+$link.attr('href')+'&id=1&rid_t=<?echo $_SESSION['rid_token']; ?>',
  31. beforeSend: function (data) {
  32. $ladowanie.dialog('open');
  33. },
  34. success: function(data) {
  35. $ladowanie.dialog('close');
  36. $sprzedaj.dialog('open');
  37. $("#ceny").html(data);
  38. return false;
  39. },
  40. error: function(data) { $ladowanie.dialog('close'); alert("Blad ladowania"); }
  41. });
  42. return false;
  43. });
  44. });
  45. });
  46. </script>
  47. <div id="dialog-formularz">
  48. <div id="ceny"></div>
  49. <br/><br/>
  50. Formularz
  51. </div>
  52. <a id="sprzedaj" href="1" title="sprzedaj">Sprzedaj1</a>
  53. <a id="sprzedaj" href="2" title="sprzedaj">Sprzedaj2</a>
  54. <a id="sprzedaj" href="3" title="sprzedaj">Sprzedaj3</a>


Jeżeli kliknę w link Sprzedaj1 to wszystko działa jak kliknę w Sprzedaj2 lub Sprzedaj3 to otwiera mi się strona jak normalny link.

Proszę o pomoc i wesołych świąt tak przy okazji.
mortus
W HTML-u możesz mieć tylko jeden element o danym identyfikatorze ID. Jeżeli chcesz użyć określonej metody na grupie elementów, to powinieneś nadać im taką samą klasę i tą klasą się posługiwać.
  1. <a class="sprzedaj" href="1" title="sprzedaj">Sprzedaj1</a>
  2. <a class="sprzedaj" href="2" title="sprzedaj">Sprzedaj2</a>
  3. <a class="sprzedaj" href="3" title="sprzedaj">Sprzedaj3</a>

[JAVASCRIPT] pobierz, plaintext
  1. $('.sprzedaj').each(function(){
  2. // ...
  3. });
[JAVASCRIPT] pobierz, plaintext
krzychu0808
Działa. Dziękuję bardzo za pomoc.
Pozdrawiam i wszystkiego najlepszego z okazji świąt.
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.