Jual Beli Produk Digital - Cepat, Aman, Dan Terpercaya Sejak 2012 (Ada 70396 Members, 829 Products, 4760 Topic, 13103 Comments)

tampilkan gambar dari database dengan javascript

Dibuat
Login Terakhir 3 Bulan lalu,
Telah Dilihat 1175 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