Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   Всплывающий блок (http://forum.oszone.net/showthread.php?t=167030)

venuko 11-02-2010 11:07 1344582

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


mar 11-02-2010 11:55 1344616

на 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/ (если ткнуть в ссылку с предложением выбрать город, или регион)

venuko 11-02-2010 19:49 1344945

Цитата:

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

сделал всплывающее окно на jquery, вставил в цикл где выводится товар, кликая добавить в корзину всплывает окно, но там всегда первое значение и цикла, хотя в html все сгенерировано разное, и также товар не добавляется в корзину.

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

mar 12-02-2010 13:18 1345392

Цитата:

Цитата venuko
Подскажите синтаксис, плиз »

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


Время: 14:30.

Время: 14:30.
© OSzone.net 2001-