Светлана Г.

Я не очень понимаю, какие происходят события при применении .ajaxForm()...

Здравствуйте! Есть такая форма: <form action='' method='post'><input type='text' name='' value='1' class='hidden' /><button type='submit' value='Купить' class='order'>Купить</button></form> После нажатия на кнопку "Купить" она меняется на "Удалить из корзины" и наоборот. К форме применяется скрипт: $(document).ready(function(){ $('.frmOrderModal form').ajaxForm({ success: function(responseText, statusText, xhr, $form){ /*получение блока с информацией о товаре*/ var item = $form.parents('.catalogItem').first(); /*получение имени товара*/ var name = $(item).find('.name').text(); $('#modal-basket h1').text(name); /*получение изображение товара*/ var image = $(item).find('.imageWr img').attr('src'); $('#modal-basket img').attr('src', image); /*получение цены товара*/ var price = $(item).find('.price').text(); $('#modal-basket .price').text(price); /*попап о добавлении товара*/ $('#modal-basket').dialog({ dialogClass: 'addTobasketMess', modal: true, resizable: false, width: 415, show: { effect: "blind", duration: 800 } }); } });});В результате показывается модальное окно. Задача: мне нужно, чтобы модальное окно показывалось только при условии, что нажали на кнопку с надписью - Купить. Т.е. нужно проверять надпись на кнопке. Никак не могу это сделать. Пробовала брать значение $('button.order').text(); Но считываются все имеющиеся на странице значения (их несколько, т.к. это список товаров). Не знаю, как выбрать именно ту кнопку, на которую нажали.

Нет, генерация случайных классов не нужна. Вполне устроил dialogClass. Спасибо всем!

Вот! Я подозревала, что это как-то связано с LESS .

Добавить это: dialogClass: 'id' ?

О конструкторе и некоторых настройках через js знаю. Но этого не достаточно. Главное, меня интересует, как присвоить уникальный класс или ID. На сайте будет несколько подобных окон со своей стилизацией. При генерации модального окна увидела такой атрибут: aria-labelledby. Может быть можно его использовать вместо уникального идентификатора для этого окна? Вот кажется, нашла то, что гнужно: dialogClass: "zzzzzzzzzzzzz" - присваивает уникальный класс.

Здравствуйте! Использую метод .dialog() для создания модального окна. Но мне нужно оформить его под свой дизайн. Например, .ui-dialog-titlebar в моем дизайне отсутствует. Мне нужно просто переопределять стили для этого? Или, например, можно отключить как-то панель .ui-dialog-titlebar? И еще, как мне прописать этому окну свой уникальный класс или ID, если его все равно jQuery оборачивавает в свои стандартные блоки?

Но это вручную прописывается? Меня как-то смущает эта точность.

Немного не в тему... А откуда берутся такие значения? Часто смотрю чужую верстку и вижу нечто подобное..

При ширине, когда так ломается - указанные стили просто не подключаются к li.

градиенты ниже ие9 не работают вообще, они там не поддерживаются, можно для него подсунуть картинку А зачем тогда эта строчка: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f1f1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */ ?

Да, отлично. Спасибо, за помощь. Я не менял отступы, а просто подставил ваш вариант CSS и все работает отлично. Да, в моем варианте отступы были перенесены для ссылок

http://jsfiddle.net/SvetaGr/9j9eB/2/ Дополнительно: отступы у li перенести к ссылкам. Подходит?

Вот этот вариант - самый подходящий. Спасибо!

a{ display:block; }

Делала и border-image: не устраивает черная рамка шириной в 7px в IE, начиная с 10 и ниже. Хотя бы от нее как-то избавиться. Очень мрачно с ней...

Фоновое изображение: Стили такие: #modal-basket{position:relative;width:70%;padding:10px;background:url(design/order-modal.gif) no-repeat;background-size:100% 100%;Результат:

background-size не подходит - рамка меняет свою ширину при изменении ширины блока.

Пока так, но не работает даже в IE10 - только черная рамка. Надо что-то делать с этой ужасной 7px черной рамкой. border-style: solid;border-width: 7px;-moz-border-image: url(order-modal.gif) 7 7 7 7 round;-webkit-border-image: url(order-modal.gif) 7 7 7 7 round;-o-border-image: url(order-modal.gif) 7 7 7 7 round;border-image: url(order-modal.gif) 7 7 7 7 fill round;

js для чего?

Каким лучше способом сверстать такое модальное окошко? Оно должно быть резиновым.

Сделала так: http://jsfiddle.net/SvetaGr/RF2xc/7/ Для градиентов использовала генератор: http://www.colorzilla.com/gradient-editor/ Но в IE9 и меньше - не работает. В чем причина?

Спасибо! Теперь понятно, в какую сторону двигаться ).

http://css3-drop-shadows.herokuapp.com/app

Вот: http://jsfiddle.net/SvetaGr/RF2xc/3/ Но не работает.