Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (68838 Members, 786 Products, 5386 Topic, 13072 Comments)

tampilkan gambar dari database dengan javascript

Dibuat
Login Terakhir 10 Bulan lalu,
Telah Dilihat 1002 Kali
Alex Makasighe Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2. gan bantuin dong gimana menampilkan gambar dari database dengan javascript...
  3. jadi data yang di tampilkan berupa gambar.
  4. makasih sebelumnya
  5. maaf ya melenceng...
  6.  
  7.  
  8. script HMTLnya
  9. <script type="text/x-template" id="msg-template" style="display: none">
  10. <tbody>
  11. <tr class="msg-wgt-message-list-header">
  12. <td rowspan="2"> file gambar akan tampil disini </td>
  13. <td class="name"></td>
  14. <td class="time"></td>
  15. </tr>
  16. <tr class="msg-wgt-message-list-body">
  17. <td colspan="2"></td>
  18. </tr>
  19. <tr class="msg-wgt-message-list-separator"><td colspan="3"></td></tr><br>
  20. </tbody>
  21. </script>
  22.  
  23.  
  24. script js
  25.  
  26. chatInterval.push(setInterval(function() {
  27.  
  28. var oldscrollHeight = $container[0].scrollHeight;
  29. var oldLength = 0;
  30. $.post('<?= site_url('chat/getChats') ?>', {chatWith: $data.chatWith},
  31. function(data, textStatus, xhr) {
  32. $that.find('a.name').text(data.name);
  33. // from last
  34. var chatLength = data.chats.length;
  35. var newIndex = data.chats.length;
  36. $.each(data.chats, function(index, el) {
  37. newIndex--;
  38. var val = data.chats[newIndex];
  39. var tpl = $('#msg-template').html();
  40. var tplBody = $('<div/>').append(tpl);
  41. var id = (val.chat_id +'_'+ val.send_by +'_'+ val.send_to).toString();
  42.  
  43.  
  44. if ($that.find('#'+ id).length == 0) {
  45. tplBody.find('tbody').attr('id', id); // set class
  46. tplBody.find('td.name').text(val.name); // set name
  47. tplBody.find('td.time').text(val.time); // set time
  48.  
  49. tplBody.find('.msg-wgt-message-list-body > td').html(nl2br(val.message)); // set message
  50. $that.find('.msg-wgt-message-list').append(tplBody.html()); // append message
  51.  
  52. //Auto-scroll
  53. var newscrollHeight = $container[0].scrollHeight - 20; //Scroll height after the request
  54. if (newIndex === 0) {
  55. $container.animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
  56. }
  57. }
  58. });
  59. });
  60. }, 1000));
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!

Online