ВНИМАНИЕ ЭТОТ ЧАТ ПЛАТНЫЙ НО Я ЕГО ДАЮ ВАМ БЕСПЛАТНО ТАК ЧТО ЭТУ СТАТЬЮ ЗАПРЕЩЕНО СТАВИТЬ НА ДРУГИХ САЙТАХ БЕЗ МОЕГО РАЗРЕШЕНИЯ!!!!!!!!
Итак Приступим:
Шаг 1.
Разархивируйте это в корень трекера (Чтобы появилась папка yshout)
Шаг 2.
Измените код chat.php и templates/ваша_тема/chat.html на следуюшие:
chat.php
- Код: Выделить всё
<?php
$tracker_root_path = './';
require($tracker_root_path . 'include/config.php');
@include ($tracker_root_path . 'include/overall_header.php');
@include ($tracker_root_path . 'include/overall_footer.php');
$userdata = session_pagestart($user_ip);
init_userprefs($userdata);
stdhead($lang['chat']);
$template->set_filenames(array(
'body' => 'chat.html')
);
$template->assign_vars(array(
'CHAT_NICK' => $userdata['name'] )
);
stdfoot();
?>
templates/ваша_тема/chat.html
- Код: Выделить всё
<!-- INCLUDE overall_header.html -->
<script src="yshout/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
<!------------------------
String.prototype.sReplace = function(find, replace) {
return this.split(find).join(replace);
};
String.prototype.repeat = function(times) {
var rep = new Array(times + 1);
return rep.join(this);
}
var YShout = function() {
var self = this;
var args = arguments;
$(document).ready(function() {
self.init.apply(self, args);
});
}
var yShout;
YShout.prototype = {
animSpeed: 300,
p: [],
init: function(options) {
yShout = this;
var self = this;
this.initializing = true;
var dOptions = {
yPath: 'yshout/',
log: 1
};
this.options = jQuery.extend(dOptions, options);
this.postNum = 0;
this.floodAttempt = 0;
// Correct for missing trailing /
if ((this.options.yPath.length > 0) && (this.options.yPath.charAt(this.options.yPath.length - 1) != '/'))
this.options.yPath += '/';
if (this.options.yLink) {
if (this.options.yLink.charAt(0) != '#')
this.options.yLink = '#' + this.options.yLink;
$(this.options.yLink).click(function() {
self.openYShout.apply(self);
return false;
});
}
// Load YShout from a link, in-page
if (this.options.h_loadlink) {
$(this.options.h_loadlink).click(function() {
$('#yshout').css('display', 'block');
$(this).unbind('click').click(function() { return false; });
return false;
});
this.load(true);
} else
this.load();
},
load: function(hidden) {
if ($('#yshout').length == 0) return;
if (hidden) $('#yshout').css('display', 'none');
this.ajax(this.initialLoad, {
reqType: 'init',
yPath: this.options.yPath,
log: this.options.log
});
},
initialLoad: function(updates) {
if (updates.yError) alert('There appears to be a problem: \n' + updates.yError + '\n\nIf you haven\'t already, try chmodding everything inside the YShout directory to 777.');
this.d('In initialLoad');
var self = this;
this.prefs = jQuery.extend(updates.prefs, this.options.prefs);
this.initForm();
this.initRefresh();
this.initLinks();
if (this.prefs.flood) this.initFlood();
if (updates.nickname)
$('#ys-input-nickname')
.removeClass('ys-before-focus')
.addClass( 'ys-after-focus')
.val(updates.nickname);
if (updates)
this.updates(updates);
if (!this.prefs.doTruncate) {
$('#ys-posts').css('height', $('#ys-posts').height + 'px');
}
if (!this.prefs.inverse) {
var postsDiv = $('#ys-posts')[0];
postsDiv.scrollTop = postsDiv.scrollHeight;
}
this.markEnds();
this.initializing = false;
},
initForm: function() {
this.d('In initForm');
var postForm =
'<form id="ys-post-form"' + (this.prefs.inverse ? 'class="ys-inverse"' : '' ) + '><fieldset>' +
'<input id="ys-input-nickname" value="{CHAT_NICK}" type="text" accesskey="N" maxlength="' + this.prefs.nicknameLength + '" class="ys-before-focus" disabled="disabled" />' +
'<input id="ys-input-message" value="' + this.prefs.defaultMessage + '" type="text" accesskey="M" maxlength="' + this.prefs.messageLength + '" class="ys-before-focus" />' +
(this.prefs.showSubmit ? '<input id="ys-input-submit" value="' + this.prefs.defaultSubmit + '" accesskey="S" type="submit" />' : '') +
(this.prefs.postFormLink == 'cp' ? '<a title="View YShout Control Panel" class="ys-post-form-link" id="ys-cp-link" href="' + this.options.yPath + 'cp/">Admin CP</a>' : '') +
(this.prefs.postFormLink == 'history' ? '<a title="View YShout History" class="ys-post-form-link" id="ys-history-link" href="' + this.options.yPath + 'history/?log=' + this.options.log + '">View History</a>' : '') +
'</fieldset></form>';
var postsDiv = '<div id="ys-posts"></div>';
if (this.prefs.inverse) $('#yshout').html(postForm + postsDiv);
else $('#yshout').html(postsDiv + postForm);
$('#ys-posts')
.before('<div id="ys-before-posts"></div>')
.after('<div id="ys-after-posts"></div>');
$('#ys-post-form')
.before('<div id="ys-before-post-form"></div>')
.after('<div id="ys-after-post-form"></div>');
var self = this;
var defaults = {
'ys-input-nickname': self.prefs.defaultNickname,
'ys-input-message': self.prefs.defaultMessage
};
var keypress = function(e) {
var key = window.event ? e.keyCode : e.which;
if (key == 13 || key == 3) {
self.send.apply(self);
return false;
}
};
var focus = function() {
if (this.value == defaults[this.id])
$(this).removeClass('ys-before-focus').addClass( 'ys-after-focus').val('');
};
var blur = function() {
if (this.value == '')
$(this).removeClass('ys-after-focus').addClass('ys-before-focus').val(defaults[this.id]);
};
$('#ys-input-message').keypress(keypress).focus(focus).blur(blur);
$('#ys-input-nickname').keypress(keypress).focus(focus).blur(blur);
$('#ys-input-submit').click(function(){ self.send.apply(self) });
$('#ys-post-form').submit(function(){ return false });
},
initRefresh: function() {
var self = this;
if (this.refreshTimer) clearInterval(this.refreshTimer)
this.refreshTimer = setInterval(function() {
self.ajax(self.updates, { reqType: 'refresh' });
}, this.prefs.refresh); // ! 3000..?
},
initFlood: function() {
this.d('in initFlood');
var self = this;
this.floodCount = 0;
this.floodControl = false;
this.floodTimer = setInterval(function() {
self.floodCount = 0;
}, this.prefs.floodTimeout);
},
initLinks: function() {
if ($.browser.msie) return;
var self = this;
$('#ys-cp-link').click(function() {
self.openCP.apply(self);
return false;
});
$('#ys-history-link').click(function() {
self.openHistory.apply(self);
return false;
});
},
openCP: function() {
var self = this;
if (this.cpOpen) return;
this.cpOpen = true;
var url = this.options.yPath + 'cp/';
$('body').append('<div id="ys-overlay"></div><div class="ys-window" id="ys-cp"><a title="Close Admin CP" href="#" id="ys-closeoverlay-link">Close</a><a title="View History" href="#" id="ys-switchoverlay-link">View History</a><object class="ys-browser" id="cp-browser" data="' + url +'" type="text/html">Something went horribly wrong.</object></div>');
$('#ys-overlay, #ys-closeoverlay-link').click(function() {
self.reload.apply(self, [true]);
self.closeCP.apply(self);
return false;
});
$('#ys-switchoverlay-link').click(function() {
self.closeCP.apply(self);
self.openHistory.apply(self);
return false;
});
},
closeCP: function() {
this.cpOpen = false;
$('#ys-overlay, #ys-cp').remove();
},
openHistory: function() {
var self = this;
if (this.hOpen) return;
this.hOpen = true;
var url = this.options.yPath + 'history/?log='+ this.options.log;
$('body').append('<div id="ys-overlay"></div><div class="ys-window" id="ys-history"><a title="Close history" href="#" id="ys-closeoverlay-link">Close</a><a title="View Admin CP" href="#" id="ys-switchoverlay-link">View Admin CP</a><object class="ys-browser" id="history-browser" data="' + url +'" type="text/html">Something went horribly wrong.</object></div>');
$('#ys-overlay, #ys-closeoverlay-link').click(function() {
self.reload.apply(self, [true]);
self.closeHistory.apply(self);
return false;
});
$('#ys-switchoverlay-link').click(function() {
self.closeHistory.apply(self);
self.openCP.apply(self);
return false;
});
},
closeHistory: function() {
this.hOpen = false;
$('#ys-overlay, #ys-history').remove();
},
openYShout: function() {
var self = this;
if (this.ysOpen) return;
this.ysOpen = true;
url = this.options.yPath + 'example/yshout.html';
$('body').append('<div id="ys-overlay"></div><div class="ys-window" id="ys-yshout"><a title="Close YShout" href="#" id="ys-closeoverlay-link">Close</a><object class="ys-browser" id="yshout-browser" data="' + url +'" type="text/html">Something went horribly wrong.</object></div>');
$('#ys-overlay, #ys-closeoverlay-link').click(function() {
self.reload.apply(self, [true]);
self.closeYShout.apply(self);
return false;
});
},
closeYShout: function() {
this.ysOpen = false;
$('#ys-overlay, #ys-yshout').remove();
},
send: function() {
if (!this.validate()) return;
if (this.prefs.flood && this.floodControl) return;
var postNickname = $('#ys-input-nickname').val(), postMessage = $('#ys-input-message').val();
if (postMessage == '/cp')
this.openCP();
else if (postMessage == '/history')
this.openHistory();
else
this.ajax(this.updates, {
reqType: 'post',
nickname: postNickname,
message: postMessage
});
$('#ys-input-message').val('')
if (this.prefs.flood) this.flood();
},
validate: function() {
var nickname = $('#ys-input-nickname').val(),
message = $('#ys-input-message').val(),
error = false;
var showInvalid = function(input) {
$(input).removeClass('ys-input-valid').addClass('ys-input-invalid')[0].focus();
error = true;
}
var showValid = function(input) {
$(input).removeClass('ys-input-invalid').addClass('ys-input-valid');
}
if (nickname == '' || nickname == this.prefs.defaultNickname)
showInvalid('#ys-input-nickname');
else
showValid('#ys-input-nickname');
if (message == '' || message == this.prefs.defaultMessage)
showInvalid('#ys-input-message');
else
showValid('#ys-input-message');
return !error;
},
flood: function() {
var self = this;
this.d('in flood');
if (this.floodCount < this.prefs.floodMessages) {
this.floodCount++;
return;
}
this.floodAttempt++;
this.disable();
if (this.floodAttempt == this.prefs.autobanFlood)
this.banSelf('You have been banned for flooding the shoutbox!');
setTimeout(function() {
self.floodCount = 0;
self.enable.apply(self);
}, this.prefs.floodDisable);
},
disable: function () {
$('#ys-input-submit')[0].disabled = true;
this.floodControl = true;
},
enable: function () {
$('#ys-input-submit')[0].disabled = false;
this.floodControl = false;
},
findBySame: function(ip) {
if (!$.browser.safari) return;
var same = [];
for (var i = 0; i < this.p.length; i++)
if (this.p[i].adminInfo.ip == ip)
same.push(this.p[i]);
for (var i = 0; i < same.length; i++) {
$('#' + same[i].id).fadeTo(this.animSpeed, .8).fadeTo(this.animSpeed, 1);
}
},
updates: function(updates) {
if (!updates) return;
if (updates.prefs) this.prefs = updates.prefs;
if (updates.posts) this.posts(updates.posts);
if (updates.banned) this.banned();
},
banned: function() {
var self = this;
clearInterval(this.refreshTimer);
clearInterval(this.floodTimer);
if (this.initializing)
$('#ys-post-form').css('display', 'none');
else
$('#ys-post-form').fadeOut(this.animSpeed);
if ($('#ys-banned').length == 0) {
$('#ys-input-message')[0].blur();
$('#ys-posts').append('<div id="ys-banned"><span>You\'re banned. Click <a href="#" id="ys-unban-self">here</a> to unban yourself if you\'re an admin. If you\'re not, go <a href="' + this.options.yPath + 'cp/" id="ys-banned-cp-link">log in</a>!</span></div>');
$('#ys-banned-cp-link').click(function() {
self.openCP.apply(self);
return false;
});
$('#ys-unban-self').click(function() {
self.ajax(function(json) {
if (!json.error)
self.unbanned();
else if (json.error == 'admin')
alert('You can only unban yourself if you\'re an admin.');
}, { reqType: 'unbanself' });
return false;
});
}
},
unbanned: function() {
var self = this;
$('#ys-banned').fadeOut(function() { $(this).remove(); });
this.initRefresh();
$('#ys-post-form').css('display', 'block').fadeIn(this.animSpeed, function(){
self.reload();
});
},
posts: function(p) {
for (var i = 0; i < p.length; i++) {
this.post(p[i]);
}
this.truncate();
if (!this.prefs.inverse) {
var postsDiv = $('#ys-posts')[0];
postsDiv.scrollTop = postsDiv.scrollHeight;
}
},
post: function(post) {
var self = this;
var pad = function(n) { return n > 9 ? n : '0' + n; };
var date = function(ts) { return new Date(ts * 1000); };
var time = function(ts) {
var d = date(ts);
var h = d.getHours(), m = d.getMinutes();
if (self.prefs.timestamp == 12) {
h = (h > 12 ? h - 12 : h);
if (h == 0) h = 12;
}
return pad(h) + ':' + pad(m);
};
var dateStr = function(ts) {
var t = date(ts);
var Y = t.getFullYear();
var M = t.getMonth();
var D = t.getDay();
var d = t.getDate();
var day = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][D];
var mon = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][M];
return day + ' ' + mon + '. ' + d + ', ' + Y;
};
var self = this;
this.postNum++;
var id = 'ys-post-' + this.postNum;
post.id = id;
post.message = this.links(post.message);
post.message = this.smileys(post.message);
post.message = this.bbcode(post.message);
var html =
'<div id="' + id + '" class="ys-post' + (post.admin ? ' ys-admin-post' : '') + (post.banned ? ' ys-banned-post' : '') + '">' +
(this.prefs.timestamp> 0 ? '<span class="ys-post-timestamp">' + time(post.timestamp) + '</span> ' : '') +
'<span class="ys-post-nickname">' + post.nickname + this.prefs.nicknameSeparator + '</span> ' +
'<span class="ys-post-message">' + post.message + '</span> ' +
'<span class="ys-post-info' + (this.prefs.info == 'overlay' ? ' ys-info-overlay' : ' ys-info-inline') + '">' + (post.adminInfo ? '<em>IP:</em> ' + post.adminInfo.ip + ', ' : '') + '<em>Posted:</em> ' + dateStr(post.timestamp) + ' at ' + time(post.timestamp) + '.</span>' +
'<span class="ys-post-actions"><a title="Show post information" class="ys-info-link" href="#">Info</a>' + (post.adminInfo ? ' | <a title="Delete post" class="ys-delete-link" href="#">Delete</a> | ' + (post.banned ? '<a title="Unban user" class="ys-ban-link" href="#">Unban</a>' : '<a title="Ban user" class="ys-ban-link" href="#">Ban</a>') : '') + '</span>' +
'</div>';
if (this.prefs.inverse) $('#ys-posts').prepend(html);
else $('#ys-posts').append(html);
this.p.push(post);
$('#' + id)
.find('.ys-post-nickname').click(function() {
if (post.adminInfo)
self.findBySame(post.adminInfo.ip);
}).end()
.find('.ys-info-link').toggle(
function() { self.showInfo.apply(self, [id, this]); return false; },
function() { self.hideInfo.apply(self, [id, this]); return false; })
.end()
.find('.ys-ban-link').click(
function() { self.ban.apply(self, [post, id]); return false; })
.end()
.find('.ys-delete-link').click(
function() { self.del.apply(self, [post, id]); return false; });
},
showInfo: function(id, el) {
var jEl = $('#' + id + ' .ys-post-info');
if (this.prefs.info == 'overlay')
jEl.css('display', 'block').fadeIn(this.animSpeed);
else
jEl.slideDown(this.animSpeed);
el.innerHTML ='Close Info'
return false;
},
hideInfo: function(id, el) {
var jEl = $('#' + id + ' .ys-post-info');
if (this.prefs.info == 'overlay')
jEl.fadeOut(this.animSpeed);
else
jEl.slideUp(this.animSpeed);
el.innerHTML = 'Info';
return false;
},
ban: function(post, id) {
var self = this;
var link = $('#' + id).find('.ys-ban-link')[0];
switch(link.innerHTML) {
case 'Ban':
var pars = {
reqType: 'ban',
ip: post.adminInfo.ip,
nickname: post.nickname
};
this.ajax(function(json) {
if (json.error) {
switch (json.error) {
case 'admin':
self.error('You\'re not an admin. Log in through the Admin CP to ban people.');
break;
}
return;
}
//alert('p: ' + this.p + ' / ' + this.p.length);
if (json.bannedSelf)
self.banned(); // ?
else
$.each(self.p, function(i) {
if (this.adminInfo && this.adminInfo.ip == post.adminInfo.ip)
$('#' + this.id)
.addClass('ys-banned-post')
.find('.ys-ban-link').html('Unban');
});
}, pars);
link.innerHTML = 'Banning...';
return false;
break;
case 'Banning...':
return false;
break;
case 'Unban':
var pars = {
reqType: 'unban',
ip: post.adminInfo.ip
};
this.ajax(function(json) {
if (json.error) {
switch(json.error) {
case 'admin':
self.error('You\'re not an admin. Log in through the Admin CP to unban people.');
return;
break;
}
}
$.each(self.p, function(i) {
if (this.adminInfo && this.adminInfo.ip == post.adminInfo.ip)
$('#' + this.id)
.removeClass('ys-banned-post')
.find('.ys-ban-link').html('Ban');
});
}, pars);
link.innerHTML = 'Unbanning...';
return false;
break;
case 'Unbanning...':
return false;
break;
}
},
del: function(post, id) {
var self = this;
var link = $('#' + id).find('.ys-delete-link')[0];
if (link.innerHTML == 'Deleting...') return;
var pars = {
reqType: 'delete',
uid: post.uid
};
self.ajax(function(json) {
if (json.error) {
switch(json.error) {
case 'admin':
self.error('You\'re not an admin. Log in through the Admin CP to ban people.');
return;
break;
}
}
self.reload();
}, pars);
link.innerHTML = 'Deleting...';
return false;
},
banSelf: function(reason) {
var self = this;
this.ajax(function(json) {
if (json.error == false)
self.banned();
}, {
reqType: 'banself',
nickname: $('#ys-input-nickname').val()
});
},
bbcode: function(s) {
s = s.sReplace('[i]', '<i>');
s = s.sReplace('[/i]', '</i>');
s = s.sReplace('[I]', '<i>');
s = s.sReplace('[/I]', '</i>');
s = s.sReplace('[b]', '<b>');
s = s.sReplace('[/b]', '</b>');
s = s.sReplace('[B]', '<b>');
s = s.sReplace('[/B]', '</b>');
s = s.sReplace('[u]', '<u>');
s = s.sReplace('[/u]', '</u>');
s = s.sReplace('[U]', '<u>');
s = s.sReplace('[/U]', '</u>');
return s;
},
smileys: function(s) {
var yp = this.options.yPath;
var smile = function(str, smiley, image) {
return str.sReplace(smiley, '<img src="' + yp + 'smileys/' + image + '" />');
};
s = smile(s, ':twisted:', 'twisted.gif');
s = smile(s, ':cry:', 'cry.gif');
s = smile(s, ':\'(', 'cry.gif');
s = smile(s, ':shock:', 'eek.gif');
s = smile(s, ':evil:', 'evil.gif');
s = smile(s, ':lol:', 'lol.gif');
s = smile(s, ':mrgreen:', 'mrgreen.gif');
s = smile(s, ':oops:', 'redface.gif');
s = smile(s, ':roll:', 'rolleyes.gif');
s = smile(s, ':?', 'confused.gif');
s = smile(s, ':D', 'biggrin.gif');
s = smile(s, '8)', 'cool.gif');
s = smile(s, ':x', 'mad.gif');
s = smile(s, ':|', 'neutral.gif');
s = smile(s, ':P', 'razz.gif');
s = smile(s, ':(', 'sad.gif');
s = smile(s, ':)', 'smile.gif');
s = smile(s, ':o', 'surprised.gif');
s = smile(s, ';)', 'wink.gif');
return s;
},
links: function(s) {
return s.replace(/((https|http|ftp|ed2k):\/\/[\S]+)/gi, '<a href="$1" target="_blank">$1</a>');
},
truncate: function(clearAll) {
var truncateTo = clearAll ? 0 : this.prefs.truncate;
var posts = $('#ys-posts .ys-post').length;
if (posts <= truncateTo) return;
//alert(this.initializing);
if (this.prefs.doTruncate || this.initializing) {
var diff = posts - truncateTo;
for (var i = 0; i < diff; i++)
this.p.shift();
// $('#ys-posts .ys-post:gt(' + truncateTo + ')').remove();
if (this.prefs.inverse)
$('#ys-posts .ys-post:gt(' + (truncateTo - 1) + ')').remove();
else
$('#ys-posts .ys-post:lt(' + (posts - truncateTo) + ')').remove();
}
this.markEnds();
},
markEnds: function() {
$('#ys-posts')
.find('.ys-first').removeClass('ys-first').end()
.find('.ys-last').removeClass('ys-last');
$('#ys-posts .ys-post:first-child').addClass('ys-first');
$('#ys-posts .ys-post:last-child').addClass('ys-last');
},
reload: function(everything) {
var self = this;
this.initializing = true;
if (everything) {
this.ajax(function(json) {
$('#yshout').html('');
clearInterval(this.refreshTimer);
clearInterval(this.floodTimer);
this.initialLoad(json);
}, {
reqType: 'init',
yPath: this.options.yPath,
log: this.options.log
});
} else {
this.ajax(function(json) { this.truncate(true); this.updates(json); this.initializing = false; }, {
reqType: 'reload'
});
}
},
error: function(str) {
alert(str);
},
json: function(parse) {
this.d('In json: ' + parse);
var json = eval('(' + parse + ')');
if (!this.checkError(json)) return json;
},
checkError: function(json) {
if (!json.yError) return false;
this.d('Error: ' + json.yError);
return true;
},
ajax: function(callback, pars, html) {
pars = jQuery.extend({
reqFor: 'shout'
}, pars);
var self = this;
$.post(this.options.yPath + 'yshout.php', pars, function(parse) {
if (parse)
if (html)
callback.apply(self, [parse]);
else
callback.apply(self, [self.json(parse)]);
else
callback.apply(self);
});
},
d: function(message) {
$('#debug').css('display', 'block').prepend('<p>' + message + '</p>');
return message;
}
};
//------------------------>
</script>
<link rel="stylesheet" href="yshout/example/css/light.yshout.css" />
<script type="text/javascript">
new YShout();
</script>
<div id="yshout"></div>
<!-- INCLUDE overall_footer.html -->
Здесь работает Русский язык!!!
пароль от админки:TBDevSZ
Обновления смотрите ниже
