сообщение при добавлении товара в корзину

#
Re: сообщение при добавлении товара в корзину
Доброго времени суток!
Реализовал данный метод, автору большое спасибо!

Но, при подключении скрипта "Prototip" происходит конфликт и описанный здесь метод перестает работать.
Как решить данную проблему?

Ознакомиться с проектом можно здесь http://www.nickstakenburg.com/projects/prototip2/
Там, кстати описывается подобная проблема с совместимостью и предлагается решение, но к сожалению, оно не работает. HELP...
#
Re: сообщение при добавлении товара в корзину
А как штатный хостцмсовский прелоад спрятать, чтобы не крутился он при клике на ссылку с добавлением в корзину?
#
Re: сообщение при добавлении товара в корзину
html писал(а):
А как штатный хостцмсовский прелоад спрятать, чтобы не крутился он при клике на ссылку с добавлением в корзину?


За это отвечает

// Отображаем экран загрузки
   ShowLoadingScreen();


в файле "http://demo.hostcms.ru/hostcmsfiles/ajax/ajax.js" у функции sendRequest


Cоздание сайтов на базе HostCMS: верстка и интеграция макетов, настройка, обновление системы, консультации.
#
Re: сообщение при добавлении товара в корзину
не получается ничего - окошко не вылетает

может с тех времен уже что то изменилось ли я сделала что то не так?

создала файл 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)
{


может что пропустила?
Email: golden-puma@yandex.ru; Skype: golden_puma; Telegram: @GoldenPuma; Сайт: https://goldenpuma.ru
#
Re: сообщение при добавлении товара в корзину
сама нашла что не дописала:

// Функция обратного вызова для AddIntoCart
function callbackfunction_AddIntoCart(responseJS)
{
   // Результат принят
   sended_request = false;
  
   if (typeof responseJS != 'undefined')
   {
      // Данные.
      if (typeof responseJS.cart != 'undefined')
      {
         html = responseJS.cart;

         var little_cart = document.getElementById('little_cart');
        
         if (little_cart)
         {
            little_cart.innerHTML = html;
            dialog();
         }
         else
         {
            alert('Ошибка! Краткая корзина не найдена');
         }
      }
   }
}
Email: golden-puma@yandex.ru; Skype: golden_puma; Telegram: @GoldenPuma; Сайт: https://goldenpuma.ru
#
Re: Re: сообщение при добавлении товара в корзину
А для шестой версии кто делал данный функционал?
Модератор
#
Re: сообщение при добавлении товара в корзину
astroom-design писал(а):
А для шестой версии кто делал данный функционал?

Делал. См.: http://www.hostcms.ru/forums/2/7818/
Вы только что начали читать предложение, чтение которого вы уже заканчиваете.
Авторизация