Sign in to follow this  
Followers 0
Bim

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

9 posts in this topic

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ề upanh.zip

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)

1 person likes this

Share this post


Link to post
Share on other sites

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

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
1 person likes this

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 notepad++  chỉnh sửa chứ đừng dùng notepad hay wordpad của win

1 person likes this

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0