Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67421 Members, 783 Products, 5280 Topic, 12953 Comments)

tampilkan gambar dari database dengan javascript

Dibuat
Login Terakhir 19 Hari lalu,
Telah Dilihat 915 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 !!!