TUT [All ver] Up ảnh trong chatbox mặc định

by **Bui Minh Phong™** 29/6/2013, 8:12 pm

Chức năng này giúp các bạn up ảnh trong chatbox mà không cần phải đi ra đâu xa để up
Demo :
TUT [All ver] Up ảnh trong chatbox mặc định Mvm3

Hướng dẫn :
Bước 1 : ACP --> Display --> CSS Stylesheet

Code:: data { position: absolute; border-radius: 3px; margin-top: -5px; margin-left: 500px; display: none; } .image-uploader { padding: 4px 9px; border-radius: 3px; margin-top: 65px; margin-left: 500px; }

Save lại

Bước 2 : ACP --> Modules --> HTML pages management --> Create a new HTML page

(chú ý : mã HTML này mình lấy từ chinhphuc)

Title * : Image-Uploader
Do you wish to use your forum header and footer ? : Không
Use this page as homepage ? : Không

HTML source * :
Lần 1 : Gõ gì cũng được --> Save lại
Lần 2 : Xóa cái mình vừa đã gõ đi và thay vào code :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"><head><title>Servimg.com - Free image hosting service</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><script type="text/javascript">//<![CDATA[ function switchuploadaddress(file) {if (file) {document.getElementById('upfile').style.display='inline';document.getElementById('upurl').style.display='none';}else {document.getElementById('upfile').style.display='none';document.getElementById('upurl').style.display='inline';}}function copy_to_clip (text) {if (window.clipboardData){window.clipboardData.setData("Text", text);}else if (window.netscape){netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);if (!clip) return;var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);if (!trans) return;trans.addDataFlavor('text/unicode');var str = new Object();var len = new Object();var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);var copytext = text;str.data=copytext;trans.setTransferData("text/unicode",str,copytext.length*2);var clipid=Components.interfaces.nsIClipboard;if (!clip) return false;clip.setData(trans,null,clipid.kGlobalClipboard);}return false;}//]]></script><style type="text/css">* {margin:0;padding:0}body {font-size:75%;font-family:verdana,arial,sans-serif}#form_upload {background:#f2f2f2;border:1px solid #adadad;margin: 10px 20px 0}h2 {color: #01a2fe;font-size:1.3em;text-align:left;margin:2px 0 10px 5px}#form_upload p.champ {margin-left:20px}#form_upload p.auth_format {color:#01a2fe;font-weight:bold;font-size:1.1em;text-align:center;margin:10px 0 8px}p.submit_button {text-align:center;margin: 7px}p.connected {text-align:right;font-size:1.1em;font-style:italic margin: 5px 20px 0 0}#servimg_tabs{display:none}</style><link href="servimg.css" rel="stylesheet" type="text/css" /></head><body><div id="servimg_div"><ul id="servimg_tabs"><li id="tab_images"><a href="servimg.php?opener=logo&sid=ae9aa2d851382fc9378172334581890a">Images: <b>Root folder</b></a></li><li id="tab_images" class="activated"><a href="popup_servimg.forum?opener=logo&sid=ae9aa2d851382fc9378172334581890a">Send an image</a></li><li id="servmig_actions" style="background-color:transparent;padding:0"> </li></ul><div id="form_upload"><h2>Upload your image</h2><form name="upload" enctype="multipart/form-data" method="post" action="http://www.servimg.com/fa_upload.php"><p class="champ"><input type="radio" name="uploadtype" onclick="switchuploadaddress(true);" checked style="border:0" /><label> File </label><span id="upfile"><input type="file" name="pic_file" size="35" style="width:300px" /></span></p><p class="champ"><input type="radio" name="uploadtype" onclick="switchuploadaddress(false);" style="border:0" /><label> URL </label><span id="upurl" style="display:none"><input type="text" name="pic_url" size="35" style="width:300px;direction:ltr" /></span></p><p class="champ">Resize image ?<select name="resize_width" size="1" style="width:200px"><option value="0" selected>no</option><option value="1024">1024 px width</option><option value="800">800 px width</option><option value="640">640 px width</option><option value="320">320 px width</option></select></p><input type="hidden" name="cat_id" value="0" /><input type="hidden" name="email" value="eagle8x@hotmail.com" /><input type="hidden" name="password" value="3d8406f97de61c606ffed06d983d0b" /><input type="hidden" name="opener" value="logo" /><input type="hidden" name="fa_url" value="testzone.forumotion.com" /><p class="auth_format"><strong>Allowed formats : bmp, jpg, png, gif, tif < 2 Mo</strong></p><p class="submit_button"><input type="submit" name="submit" value="Submit" /></p></form></div><p style="text-align:right; margin: 2px 20px 0 0"><img src="http://2img.net/i/fa/servimg.png" alt="" /></p></div></body></html>

--> Save lại

Bước 3 : Quay trở lại HTML pages management và ghi nhớ id HTML mà bạn vừa tạo
VD : [You must be registered and logged in to see this link.] thì hãy nhớ /h10-

Bước 4 : ACP --> Modules --> Javascript codes management --> Create a new javascript

Title * : JS-Image-Uploader
Placement : In all the page
Javascript Code * :

Code:: $(function () { $('#frame_chatbox').parent().html('<iframe src="/chatbox" width="100%" height="100%" id="frame_chatbox" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe>'); $('#frame_chatbox').load(function(){ $('#frame_chatbox').contents().find('#divsmilies').after('<div id="image-uploader" class="fontbutton fontbutton_normal"><img src="http://icons.iconarchive.com/icons/deleket/soft-scraps/24/My-Pictures-icon.png" title="Image-uploader" /></div>'); $('#frame_chatbox').contents().find('#chatbox_footer').after('<data><iframe class="imageshackiframe image-uploader" src="/h1-" width="60%" height="100%" allowtransparency="true" frameborder="0">Update your browser for ImageShack.us!</iframe></data>'); $('#frame_chatbox').contents().find('#image-uploader').click(function(){ var pre = $('#frame_chatbox').contents().find('data').css('display'); if (pre == 'none') { $('#frame_chatbox').contents().find('data').show(); } else { $('#frame_chatbox').contents().find('data').hide(); } }); }); });

Tìm /h1- và sửa thành của bạn ở bước 3

Sau đó save lại.

Chúc các bạn thành công @};-

Tác giả : doannamthai

NGuồn: CP

by **vippro** 26/3/2014, 4:24 pm

Thống kê diễn đàn

TUT [All ver] Up ảnh trong chatbox mặc định

TUT [All ver] Up ảnh trong chatbox mặc định

Re: TUT [All ver] Up ảnh trong chatbox mặc định