Advertisement
cherryprodesign

Disqus kommentek

Mar 27th, 2016
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2. .latestcomment{
  3.     clear: both;
  4. }
  5. .comment_nev{
  6.     margin: 4px;
  7.     background-color: #222;
  8.     color: #f8f8f8;
  9.     padding: 3px;
  10. }
  11. .comment_text{
  12.     padding: 4px;
  13.     margin: 2px;
  14. }
  15. .comment_date{
  16.     font-size: 11px;
  17.     font-style: italic;
  18.     color: #222;
  19. }
  20. </style>
  21.  
  22. <div id="comments">&nbsp;</div>
  23. <script src="http://momentjs.com/downloads/moment-with-locales.min.js"></script><script>
  24.  
  25. $(document).ready(function() {
  26.  
  27.     $commentDiv = $("#comments"); // ha ezt használod, akkor abban a modulban jelennek meg a kommentek, ahol a <div id="comments">&nbsp;</div> van
  28.     $commentDiv = $('.lastcomments'); // ha ezt, akkor a blogpluszban kicseréli a kommenteket a disqus kommentekre
  29.    
  30.     $.get("https://disqus.com/api/3.0/forums/listPosts.json?forum=gphacks&limit=5&related=thread&api_key=tU4fWvA6h2LQg4HqqSYltiqaYiLQIUEOkKEmHZGL6hAWYrovl7vnCRKCgudhX7TG", function(res, code) {
  31.         //Good response?
  32.         if(res.code === 0) {
  33.             var result = "";
  34.             for(var i=0, len=res.response.length; i<len; i++) {
  35.                 var post = res.response[i];
  36.  
  37.                 var html = "<div class='latestcomment'>";
  38.                 html += "<span class=\"comment_nev\"><img style='float: left; height: 35px; width: auto; padding: 3px; margin-right: 10px;' src='" + post.author.avatar.small.permalink + "'>";
  39.                 html += "<a href='"+ post.author.profileUrl + "'>" + post.author.name + "</a></span>";
  40.                 html += "<a href='"+ post.thread.link + "'>";
  41.                 if(post.raw_message.length > 100)
  42.                     html += "<span class='comment_text'>"+post.raw_message.substring(0,100)+"..</span>";
  43.                 else
  44.                     html += "<span class='comment_text'>"+post.raw_message+"</span>";
  45.                 html += "</a>";
  46.                 tsFormatted = moment.utc(post.createdAt).locale("hu").fromNow();
  47.                 html += "<span class=\"comment_date postRef\"> " + tsFormatted + "</span>";
  48.                 html += "</div>";
  49.                
  50.                 result+=html;
  51.             }
  52.             $commentDiv.html(result);
  53.         }
  54.     });
  55. });
  56. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement