Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JavaScript] Modal - pobieranie odpowiednich danych
Forum PHP.pl > Forum > Przedszkole
d.stp
Witam,

pobieram z bazy danych MySQL jakieś rekordy i wyświetlam od najnowszego. Przy każdym rekordzie mam button "Zobacz opis" i chciałem, żeby pokazywał się opis w okienku (modalu). Problem w tym, że zapomniałem jak zrobić, żeby pobierał się odpowiedni opis do danego rekordu i wyświetlał w tym modalu.

Kombinowałem w ten sposób:

  1. <a href="#" data-id="1">Pokaż opis</a>


I gdzieś w kodzie:

  1. <div id="basic-modal-content" data-id="1">
  2. test 1
  3. </div>
  4.  
  5. <div id="basic-modal-content" data-id="2">
  6. test 2
  7. </div>


a następnie w JS:

  1. $('a.basic').click(function (e) {
  2. var data_id = $('a.basic').data('id');
  3. alert(data_id);
  4. $('#basic-modal-content').modal();
  5. return false;
  6. });


Problem w tym, że za każdym razem w alercie wyskakuje mi "1" i wyświetla treść odpowiednią dla modala data-id "1".

Może ktoś pomóc?
nospor
nie: var data_id = $('a.basic').data('id');
a: var data_id = $(this).data('id');

nie:$('#basic-modal-content').modal();
a:$('#wlasciwy div').modal();
d.stp
thank you
nospor
you're welcome
d.stp
Dobra bo chyba za bardzo się rozpędziłem sad.gif

Zmieniłem na modal z bootstrapa i zaraz mnie krew zaleje bo nie wiem jak zrobić żeby wyświetlało odpowiednią treść do klikniętego przycisku sciana.gif

Jakiś pomysł?

  1. <!-- Modal -->
  2. <div class="modal fade" id="myModal" role="dialog">
  3. <div class="modal-dialog">
  4.  
  5. <!-- Modal content-->
  6. <div class="modal-content">
  7. <div class="modal-body">
  8. <p>Some text in the modal.</p>
  9. </div>
  10. </div>
  11.  
  12. </div>
  13. </div>
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.