3.4 Tạo chức năng up ảnh nhanh cho IPB

[Bim 3,607]

Chúng ta thường thấy ở các diễn đàn dùng xenforo có chức năng up ảnh khá hay, ở menu bar có một liên kết up ảnh, click vào nó sẽ hiện lên 1 ajax popup chứa iframe đến trang up ảnh rất tiện lợi mà ko cần phải mở thêm một cửa sổ trình duyệt. Thật ra chức năng đó ở xenforo dùng fancybox để tạo popup, và trong cái popup đó sẽ có iframe đến trang web up ảnh.

 

Ở IPB chúng ta sẽ ko cần dùng đến fancybox mà dùng modal popup của IPB cho tiện, ko cần phải thêm jquery khác (tránh conflict với prototype).

 

 

Còn trang up ảnh các bạn dùng source nào cũng dc như Chevereto, CF image hosting, Scripteen Free Image Hosting Script,... (ở xenforo họ dùng source up ảnh lên picasa). Trang up ảnh này các bạn tự tìm kiếm download về và cài đặt nhé, ở đây mình sẽ chỉ hướng dẫn tạo popup có iframe.

 

Bây giờ sẽ tạo liên kết để khi bấm vào thì cái popup sẽ xuất hiện. Mình đặt nó trên thanh menu (chỗ Diễn đàn, thành viên, ...) Vào ACP -> Look & Feel -> Chọn skin -> Global Templates -> globalTemplate

Tìm

</if>
      </if>
      <li id='nav_other_apps' style='display: none'>

Thêm bên trên

<li><a href='#' onclick='return upanhpopup();'>Up ảnh</a></li>
<script>
function upanhpopup()
{
  new Ajax.Request( ipb.vars['base_url'] + "app=core&module=ajax&section=upanh",
       {
        method: 'post',
        encoding: ipb.vars['charset'],
        evalJSON: 'force',
        parameters:
        {
         'md5check': ipb.vars['secure_hash'],
        },
        onSuccess: function(s)
        {       
         new ipb.Popup( 'upanh_popup',
             {
              type: 'pane', modal: true,
              w: '850px', h: 700,
              initial: s.responseJSON['html'],
              hideAtStart: false, close: '.cancel'
             }
            );        
         return true;
        }
       }
      );
}
</script>

Bấm save

 

Tiếp tục tải file này về 

Hidden Content

Give reaction to this post to see the hidden content.

Giải nén và mở nó lên, thay thế đường dẫn đến trang up ảnh của bạn

$url = "http://localhost/upanh";

Save lại và copy file đó vào thư mục admin/applications/core/modules_public/ajax

 

Vậy là xong, khi bấm vào liên kết up ảnh trên thanh menu sẽ xuất hiện ajax popup có iframe đến trang up ảnh.

 

Bạn nào có source up ảnh hay thì up lên chia sẽ nhé, nhớ hướng dẫn mọi người cách cài đặt 

[zuzuzu 17]

Chẳng biết host mình nó bị gì nữa, host paid mà khi up lại bị undefined, host free thì lại chạy ngon lành.

không thì dùng imageshack cũng ngon không kém.

Thanks chị Bim nhiều lắm...........

Cơ mà không biết e làm sai chỗ nào mà click upanh nó load xong không hiện popup gì hết.

[mbluewhite 94]

Chẳng biết host mình nó bị gì nữa, host paid mà khi up lại bị undefined, host free thì lại chạy ngon lành.
không thì dùng imageshack cũng ngon không kém.
Thanks chị Bim nhiều lắm...........
Cơ mà không biết e làm sai chỗ nào mà click upanh nó load xong không hiện popup gì hết.

Tớ cũng bị, sửa bằng cách mở cái file upanh.php thêm ob_start(); phía dưới <?php

[zuzuzu 17]

Đã thêm nhưng vẫn không hiện popup ban ơi.

[Bim 3,607]

Mở upanh.php

Thêm

<?php ob_start(); ?>

ở bên trên

<h3>Up ảnh</h3>

Ko dc nữa thì down lại file đó, dùng

Hidden Content

Give reaction to this post to see the hidden content.

 chỉnh sửa chứ đừng dùng notepad hay wordpad của win

[zuzuzu 17]

Cái này để view lỗi ngon nhỉ, thử cái là tác dụng luôn . Chị Bim giỏi quá.......

[ncxn 115]

Có cái

Hidden Content

Give reaction to this post to see the hidden content.

khá ngon mà phần này

Hidden Content

Give reaction to this post to see the hidden content.

lại không có cho IPB, đúng là phân biệt đối xử.

[Trần Cao Nguyên 0]

The page you are trying to access is not available for your account. 
Download ko đc BIM ơi

[Bim 3,607]

Rất tiếc cái này lâu quá và bim đã ko còn giữ nó nữa :(