Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][PHP] Proste okienko - przekazanie informacji z bazy
d.stp
post 13.02.2015, 12:30:38
Post #1





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

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


Mam prosty modal:

  1. <div id="info" style="display: none;">
  2.  
  3. <h3 class="title">Informacje o userze</h3>
  4.  
  5. <table border="0" cellpadding="5" cellspacing="0">
  6. <tr>
  7. <td width="50%" align="right">ID Usera:</td>
  8. <td>1</td>
  9. </tr>
  10. <tr>
  11. <td width="50%" align="right">Login:</td>
  12. <td>1</td>
  13. </tr>
  14. </table>
  15.  
  16. </div>


Który po kliknięciu się otwiera:

  1. <a href="#" title="" class="open_info">Wyświetl info</a>


Pobieram sobie listę userów z bazy mysql:

  1. $get = mysql_query("SELECT * FROM users");
  2. while($user = mysql_fetch_assoc($get)) {
  3. echo '<a href="#" title="" class="open_info">Wyświetl info o '.$user['login'].'</a>';
  4. }


I JS:

  1. $('.open_info').click(function(e){
  2. $('#info').modal({
  3. autoResize: true
  4. });
  5. return false;
  6. });


I nie mam pojęcia jak w tym modalu wyświetlić dane tego użytkownika którego się kliknęło. Jakieś pomysły?

Ten post edytował d.stp 13.02.2015, 12:36:46
Go to the top of the page
+Quote Post
Aqu
post 13.02.2015, 13:00:10
Post #2





Grupa: Zarejestrowani
Postów: 279
Pomógł: 58
Dołączył: 14.07.2012

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


Możesz dla każdego usera stworzyć osobny modal. Ale lepszym rozwiązaniem byłoby coś na kształt tego z bootstrapa:
http://getbootstrap.com/javascript/#modals-related-target
Go to the top of the page
+Quote Post
werdan
post 13.02.2015, 14:07:51
Post #3





Grupa: Zarejestrowani
Postów: 354
Pomógł: 100
Dołączył: 14.11.2013
Skąd: Płock

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


Można to zrobic na kilka sposobów.

- mozesz ajaxem pociagnac zawartosc html okienka dla danego usera, podmienic zawartosc okienka i wyswietlic,
- mozesz ajaxem pociagnac dane usera, obrobic po stronie przegladarki i wyswietlic,
- mozesz od razu zaladowac dane do wyswietlenia w okienku do elementu w html, bez ajaxa
np.:
  1. <h3 class="title" data-name="Roman" data-lastname="Polanski" data-age="25" data-photo="polanski.jpg">Informacje o userze</h3>



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 Wersja Lo-Fi Aktualny czas: 26.04.2024 - 09:32