Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP][JavaScript] Modal - pobieranie odpowiednich danych
d.stp
post
Post #1





Grupa: Zarejestrowani
Postów: 358
Pomógł: 0
Dołączył: 19.04.2012

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


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?
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




nie: var data_id = $('a.basic').data('id');
a: var data_id = $(this).data('id');

nie:$('#basic-modal-content').modal();
a:$('#wlasciwy div').modal();


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
d.stp
post
Post #3





Grupa: Zarejestrowani
Postów: 358
Pomógł: 0
Dołączył: 19.04.2012

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


thank you
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




you're welcome


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
d.stp
post
Post #5





Grupa: Zarejestrowani
Postów: 358
Pomógł: 0
Dołączył: 19.04.2012

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


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>
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 Aktualny czas: 19.08.2025 - 07:49