не получается ничего - окошко не вылетает
может с тех времен уже что то изменилось ли я сделала что то не так?
создала файл tooltip.js положила его в папку hostcmsfiles/js/
var d = document;
var offsetfromcursorY=15; // y offset of tooltip
var ie=d.all && !window.opera;
var ns6=d.getElementById && !d.all;
var tipobj,op;
function tooltip(el,txt) {
tipobj=d.getElementById('mess');
tipobj.innerHTML = txt;
op = 0.1;
tipobj.style.opacity = op;
tipobj.style.visibility="visible";
el.onmousemove=positiontip;
appear();
}
function hide_info(el) {
d.getElementById('mess').style.visibility='hidden';
el.onmousemove='';
}
function ietruebody(){
return (d.compatMode && d.compatMode!="BackCompat")? d.documentElement : d.body
}
function positiontip(e) {
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
var winwidth=ie? ietruebody().clientWidth : window.innerWidth-20
var winheight=ie? ietruebody().clientHeight : window.innerHeight-20
var rightedge=ie? winwidth-event.clientX : winwidth-e.clientX;
var bottomedge=ie? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY;
if (rightedge < tipobj.offsetWidth) tipobj.style.left=curX-tipobj.offsetWidth+"px";
else tipobj.style.left=curX+"px";
if (bottomedge < tipobj.offsetHeight) tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
else tipobj.style.top=curY+offsetfromcursorY+"px";
}
function appear() {
if(op < 1) {
op += 0.1;
tipobj.style.opacity = op;
tipobj.style.filter = 'alpha(opacity='+op*150+')';
t = setTimeout('appear()', 20);
}
}
в макете прописала его вызов:
<script type="text/javascript" src="/hostcmsfiles/js/tooltip.js"></script>
в макет в самый конец вставила:
<noindex><div id="mess"></div>
<div id="dialog_box"><p style="margin-top: 0;"> Товар успешно добавлен в корзину!</p>
<input type="button" value="Оформить заказ" onclick="gotocart('yes');"/><input type="button" value="Вернуться в каталог" onclick="gotocart('no');" /></div></noindex>
в CSS прописала:
/* Стили для всплывающего окна добавления в корзину */
#mess{
visibility: hidden;
position: absolute;
background: #77d100;
padding: 5px;
}
#dialog_box {
visibility: hidden;
position: fixed;
background: #2e7d00;
z-index: 102;
color:#fff;
text-align: center;
top:50%;
left:37%;
border: 15px double #fff;
padding: 20px;
}
*html #dialog_box{
position: absolute;
}
в файл /templates/template1/hostcms.js вставила следующие строчки:
var prev_comment = 0;
//Функция сообщения о добавлении в корзину
function gotocart(text){
var dialogbox = document.getElementById('dialog_box');
if(text == 'yes'){
dialogbox.style.visibility = "hidden";
location.href = "http://www.zookroha.ru/shop/cart/";
}
else
dialogbox.style.visibility = "hidden";
}
function dialog(){
var dialogbox = document.getElementById('dialog_box');
dialogbox.style.visibility = "visible"; //Показываем сообщение о том, что товар добавлен в корзину
}
// Ответ на комментарий
function cr(comment_id)
{
может что пропустила?