Question Về hiển thị thêm bài viết

Thảo luận trong 'Troubleshoot & Other Questions' bắt đầu bởi Lil.Tee, 18/1/13.

1votes
5/5, 1 vote

  1. Lil.Tee

    Lil.Tee Member

    Bài viết:
    405
    Likes :
    116
    Ở trong các forum, các tiêu đề bài viết có dạng [​IMG]

    Giờ mình muốn, ở bên dưới hiển thị luôn bài viết đầu tiên trong chủ đề đó thì làm như thế nào ?
    Thanks.
     
    Đang tải...
  2. ku Hiệu

    ku Hiệu Lì Lắm Luôn

    Bài viết:
    1,345
    Likes :
    862
    rê chuột vào @@
     
  3. Lil.Tee

    Lil.Tee Member

    Bài viết:
    405
    Likes :
    116
    Mình muốn nó hiển thị luôn ở dưới cơ
     
  4. ku Hiệu

    ku Hiệu Lì Lắm Luôn

    Bài viết:
    1,345
    Likes :
    862
    chật và nhìn rối lắm
    tooltip đẹp thế còn gì @@
    để mai tớ xem thử
     
    Lil.Tee thích bài này.
  5. Lil.Tee

    Lil.Tee Member

    Bài viết:
    405
    Likes :
    116
    Thanks bạn nhiều :)
     
  6. darkghost

    darkghost Member

    Bài viết:
    60
    Likes :
    58
    Nay rảnh chút vào giúp bạn vụ này đây.

    Mở template thread_list và thêm đoạn code sau vào cuối cùng nhé:
    Mã:
    <script>
    loadFirstItemPreview();
    function loadFirstItemPreview() {
        var $dListItem = $('.forum_view .discussionListItems .discussionListItem');
        if($dListItem.length > 0) {
            var previewUrl = $dListItem.eq(0).find('h3.title a').attr('data-previewurl');
            $.ajax({
                type:'GET',
                url:previewUrl
                }).done(function(result){
                $dListItem.eq(0).find('h3.title').append('<div class=\"discussionFirstItem\">'+$(result)
                .find('blockquote').html()+'</div>');
            });
    }
    }
    </script>
    Sau đó vào extra.css thêm css gì đó tùy ý bạn, ví dụ:
    HTML:
    .discussionFirstItem { border:#ccc solid 1px; padding:5px 8px; width:600px; margin:8px 0 8px 15px;}
    F5 xem kết quả thôi :)
     
  7. Lil.Tee

    Lil.Tee Member

    Bài viết:
    405
    Likes :
    116
    Cảm ơn bác nhiều nha. Demo : http://vatliphothong.vn/f/17/
    Em muốn tất cả các bài viết đều hiển thị giống thế thì làm như nào ạ.
    Với lại cho hiển thị full bài viết ra thì như nào ạ.
    À với cả làm như của bác thì mathjax không hiển thị.
    Ví dụ ở http://vatliphothong.vn/f/14/ hiển thị
    Mã:
    Cho mach LC lí tưởng $C_{1}=3nF , C_{2}=6nF$ cuôn dây thuần cảm $L= 0.5 mH$. Bỏ qua điện trở của dây nối và khóa K. Ban đầu K ngắt, tụ $C_{1}$ được tích đến điên áp $10V$, còn $C_{2}$ chưa...
    Mathjax không tác động được vào các chữ nằm trong thẻ $ $.
     
  8. darkghost

    darkghost Member

    Bài viết:
    60
    Likes :
    58
    Muốn tất cả đều hiện thì bạn xóa script vừa sửa ở thread_list đi, vào thread_list_item, tìm và chèn vào trước </h3> code như sau:
    Mã:
    <div id="discussionItem-{$thread.thread_id}"></div>
                <script>
                $.ajax({
                    type:'GET',
                    url:'{xen:if $thread.hasPreview, {xen:link threads/preview, $thread}}'
                    }).done(function(result){
                    $('#discussionItem-{$thread.thread_id}').html('<div class=\"discussionFirstItem\">'+$(result)
                    .find('blockquote').html()+'</div>');
                });
                </script>
    Thiết nghĩ không nên hiện cả bài viết, có rối rắm không?
     
    nttruong and Lil.Tee like this.
  9. Lil.Tee

    Lil.Tee Member

    Bài viết:
    405
    Likes :
    116
    Cảm ơn bác, diễn đàn em là diễn đàn học tập, mỗi chủ đề là 1 bài toán, độ dài cũng ngắn thôi nên không sao ạ.
    Em làm theo bác và được thế này :
    http://vatliphothong.vn/f/17/
    Tuy nhiên không hiển thị hết bài viết, với lại Mathjax không tác động vào thẻ $ $ được bác ạ.
     
  10. darkghost

    darkghost Member

    Bài viết:
    60
    Likes :
    58
    Vụ Mathjax không tác động vào $ $ là sao hả bạn? Nói rõ chỗ này để mình xem.

    Góp ý với bạn, nếu hiển thị như hiện giờ, nên thay đổi style một chút cho dễ phân biệt title và nội dung. Ví dụ: đổi màu title qua màu xanh, còn nội dung show ra cho nhạt đi, #666 hoặc #777 chẳng hạn.
     
    nttruong and Lil.Tee like this.
  11. darkghost

    darkghost Member

    Bài viết:
    60
    Likes :
    58
    À hiểu ý bạn rồi, chờ chút mình qua 4r bạn xem nguyên do.
     
    nttruong and Lil.Tee like this.
  12. Lil.Tee

    Lil.Tee Member

    Bài viết:
    405
    Likes :
    116
    Ok bác. Hihi. Mathjax hiển thị các công thức ở trong thẻ $ $ bác ạ.
    Cảm ơn bác, em cũng định làm thế. Hihi
     
  13. darkghost

    darkghost Member

    Bài viết:
    60
    Likes :
    58
    Mình thấy nó hiển thị công thức rồi mà, chỉ có trong tooltip nếu hover chuột vào thì nó vẫn ra $ $ thôi :D
     
    nttruong and Lil.Tee like this.
  14. Lil.Tee

    Lil.Tee Member

    Bài viết:
    405
    Likes :
    116
    Tiêu đề bài viết thì vẫn hiện, còn ở dưới thì không hiện bác ạ
    [​IMG]
     
  15. Lil.Tee

    Lil.Tee Member

    Bài viết:
    405
    Likes :
    116
    Hình như chỗ hiển thị chỉ hiển thị text thôi chứ không hiển thị html à bác? Mấy chữ "Bài toán" em ghi màu xanh mà không hiển thị màu xanh :D
     
  16. darkghost

    darkghost Member

    Bài viết:
    60
    Likes :
    58
    Mạng mình bị chặn upanh.com không xem được. Mình biết nguyên nhân rồi, do mình tận dụng nó cung cấp sẵn preview nên dùng ajax lấy giá trị fill vào. Nếu tốc độ lấy về chậm hơn thằng Mathjax là nó không hiển thị. Khi chưa login thì xử lý nhanh hơn nên công thức hiển thị, login rồi thì lúc được lúc không. Để nghĩ cách xử lý.

    Vụ màu mè cũng do tận dụng preview nên trong preview thì đã đc remove hết tag html rồi :D
     
    nttruong and Lil.Tee like this.
  17. darkghost

    darkghost Member

    Bài viết:
    60
    Likes :
    58
    Theo mình thấy, đây là lời gọi hàm Mathjax:
    Mã:
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
    Nhanh nhất thì tìm và sửa đoạn này thành:
    Mã:
    setTimeout(function() {MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); },1000);
    Nếu thấy chưa ổn có thể tăng lên 2000 (tương đương 2 giây).
     
    nttruong and Lil.Tee like this.
  18. Lil.Tee

    Lil.Tee Member

    Bài viết:
    405
    Likes :
    116
    Thanks bác nhiều.
    Bác ở đâu ạ, nếu ở Hà Nội em mời bác cafe.
     
  19. Lil.Tee

    Lil.Tee Member

    Bài viết:
    405
    Likes :
    116
    Em làm như bác nhưng không được, không hiển thị công thức nữa bác ạ.
    Với lại cho hiển thị toàn bộ bài viết thì như nào bác.
     
  20. darkghost

    darkghost Member

    Bài viết:
    60
    Likes :
    58
    Add skype mình nhé: darkghostzz
     
    nttruong thích bài này.
comments powered by Disqus

Chia sẻ trang này

Đang tải...