Jump to content
IPSViet.com

Sign in to follow this  
Bim

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

Recommended Posts

Bim    1,385

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).

 

post-6-0-48107900-1396082637_thumb.jpg

 

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  (shx)

  • Like 1

Share this post


Link to post
Share on other sites
zuzuzu    12

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........... =P~

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.

Share this post


Link to post
Share on other sites
mbluewhite    73

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........... =P~
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
  • Like 1

Share this post


Link to post
Share on other sites
Bim    1,385

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

  • Like 1

Share this post


Link to post
Share on other sites
ncxn    91

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ử.

Share this post


Link to post
Share on other sites
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×