Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Всплывающий блок

Ответить
Настройки темы
Всплывающий блок

Ветеран


Сообщения: 575
Благодарности: 8


Конфигурация

Профиль | Отправить PM | Цитировать


Изменения
Автор: Sham
Дата: 11-02-2010
Описание: "Ребята" - неэтичное обращение
Подскажите готовое решение или хороший пример реализации всплывающего блока на ajax или другом, т.е. кликая по ссылке добавить в корзину в магазине всплывает такой блок:


Отправлено: 11:07, 11-02-2010

 
mar mar вне форума

Аватара для mar

just mar


Moderator


Сообщения: 3904
Благодарности: 163

Профиль | Отправить PM | Цитировать


на ajax - это не всплывающий блок, а передача информации о заказе, добавление ее в корзину на сайте и т.д. (кстати, в зависимости от реализации можно и без обращения к серверу на этой стадии: корзину держать в куках, а к серверу обратиться только при клике на "оформить заказ" и тогда уже разбирать куки)

сам всплывающий блок может быть реализован, как скрытый блок:
PHP код: Выделить весь код

style="display:none;" 


который в нужный момент (по клику на ссылку, или кнопку) становится видимым:
PHP код: Выделить весь код

style="display:none;" 


. Это делается примерно так:

PHP код: Выделить весь код

function hideshow()

            {
                
my_div document.getElementById("ID_Вашего_слоя");
            
                if(
cat_div.style.display=='none')
                    
my_div.style.display='block';
                else
                    
my_div.style.display='none';    
                
                return 
false;
            } 

При этом в него могут быть переданы значения (с сервера, или javascript-ом) для вывода нужной информации.

Для того, чтобы получить именно всплывающий блок, в его стилях должны быть прописаны абсолютное позиционирование и значения top и left . Примерно так:
PHP код: Выделить весь код

width:521px;

position:absolute;
top:420px;
left:420px;
z-index:100;
display:none


Для такого оформления надо приготовить рисунки и внести их, например, в стили блока. Пример можно посмотеть на сайте http://sobinbank.ru/ (если ткнуть в ссылку с предложением выбрать город, или регион)

Отправлено: 11:55, 11-02-2010 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Ветеран


Сообщения: 575
Благодарности: 8

Профиль | Отправить PM | Цитировать


Цитата mar:
на ajax - это не всплывающий блок, а передача информации о заказе, добавление ее в корзину на сайте и т.д. (кстати, в зависимости от реализации можно и без обращения к серверу на этой стадии: корзину держать в куках, а к серверу обратиться только при клике на "оформить заказ" и тогда уже разбирать куки) »
сделал всплывающее окно на jquery, вставил в цикл где выводится товар, кликая добавить в корзину всплывает окно, но там всегда первое значение и цикла, хотя в html все сгенерировано разное, и также товар не добавляется в корзину.

Я так понимаю нужно при клике onCLick="showPopup('reference'); return false;" нужно передавать переменную + сразу все значения именно для этой позиции в это всплывающе окно? Подскажите синтаксис, плиз

Отправлено: 19:49, 11-02-2010 | #3

mar mar вне форума

Аватара для mar

just mar


Moderator


Сообщения: 3904
Благодарности: 163

Профиль | Отправить PM | Цитировать


Цитата venuko:
Подскажите синтаксис, плиз »
Так ведь непонятно, что у Вас за алгоритм и к чему тебуется подсказка.

Отправлено: 13:18, 12-02-2010 | #4



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Всплывающий блок

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Как сделать свой всплывающий банер re5pect Вебмастеру 5 23-01-2009 20:46
Блок IP Encore Microsoft Windows NT/2000/2003 9 12-03-2008 02:06
Блок питания Fliker-09 Прочее железо 12 13-02-2007 12:33
Всплывающий интернет pva Сетевые технологии 6 27-05-2006 08:33
Как отключить фильтр всплывающий окон? mihhail Защита компьютерных систем 6 09-10-2003 19:17




 
Переход