Справка отображается при наведении на значок вопроса без клика.

Отображаются превьюшки изображений, прикрепленных файлов, если они являются картинками.

Чтобы не повторяться рекомендую ознакомиться с принципами подключения файлов здесь.
В файле addscr.js, который подгружается при запуске программы, подключить плагин qTip (скачайте по ссылке):
IncludeJavaScript("/cb_modules/qTip/jquery.qtip.min.js");Добавьте в файл script_1.js следующие строки
IncludeCSS("/cb_modules/qTip/jquery.qtip.css");
// ==========================================================================================в папку cb_modules положите файл help.php со следующим содержимым:
// ПРЕОБРАЗОВАНИЕ ПОДСКАЗОК И СПРАВКИ
//===========================================================================================
var cl_timer_1,f_id,datatosend;
$("*").live('mouseenter', function(event) {
$(this).qtip({
overwrite: false,
style:{
classes: 'ui-tooltip-rounded ui-tooltip-shadow'
},
position: {
target: $(this),
viewport: $(window)
},
show: {
event: event.type,
ready: true
}
}, event);
});
$("[src*='images/help.gif']").each(function(){
var elem=$(this);
var str=$(this).attr("onclick");
var str_cont;
f_id = str.replace(/.*field=(\d*)[ \'\",].*/igm,"$1");
elem.qtip({
content: {
title: 'Справка',
ajax: {
url: '/cb_modules/help.php',
data: {field: f_id},
success: function(txt){
elem.qtip('api').set('content.text', txt.replace(/\n/gm,"<br>"));
}
}
},
position: {
my: 'right center',
adjust: {
x: 0, y: 0
},
at: 'left center'
},
show: {
delay: 500
},
hide: {
delay: 100,
fixed: true
},
style:{
classes: 'ui-tooltip-rounded ui-tooltip-shadow'
}
});
});
// ==========================================================================================
// ПРЕОБРАЗОВАНИЕ ССЫЛОК ДЛЯ ВЛОЖЕННЫХ ИЗОБРАЖЕНИЙ
//===========================================================================================
$("[href*='/cb/open_file.php']").each(function(){
var elem=$(this);
var str=elem.attr("href");
var reg = /.*\.(\S+)$/;
var ext=str.replace(reg,'$1');
var imgArr=new Array('jpg','jpeg','gif','png');
if (inArray(ext, imgArr)) {
elem.qtip({
content: '<img style="max-width:150px;max-height:200px;" src="'+ str +'">',
position: {
my: 'left top',
adjust: {
x: 10, y: 0
},
at: 'right center'
},
show: {
delay: 100
},
hide: {
delay:5
}
});
}
});
<?
require_once $_SERVER['DOCUMENT_ROOT'] . "/cb/include/config.php";
require_once $_SERVER['DOCUMENT_ROOT'] . "/cb/include/constants.php";
$f_id=$_GET['field'];
mysql_connect($config["dbhost"], $config["dbuser"], $config["dbpass"]);
mysql_select_db($config["dbname"]);
$sqlQuery = "SELECT * FROM `".FIELDS_TABLE."` WHERE `id`='".$f_id."' LIMIT 1";
$result = mysql_query($sqlQuery);
$row = mysql_fetch_assoc($result);
echo $row['help'];
?>