Slyweb
На разработку сайта! Скидки 50%!

Кнопка Dialog

Спрашивайте здесь о jQuery UI.

Кнопка Dialog

Сообщение Flint » 14 апр 2011, 23:53

Как установит на одной странице 2 кнопки Dialog?
Вставляю одну - работает, вставляю вторую - не работает.

Помогите новичку.
Flint
 
Сообщения: 7
Зарегистрирован: 14 апр 2011, 23:50

Re: Кнопка Dialog

Сообщение admin » 15 апр 2011, 08:28

Покажите код!
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

Re: Кнопка Dialog

Сообщение Flint » 15 апр 2011, 16:49

Код: Выделить всё
<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Extra Cream</a></li>
        <li><a href="#tabs-2">Limited Edition</a></li>
        <li><a href="#tabs-3">Kimbo Prestige</a></li>
        <li><a href="#tabs-4">Superior Blend</a></li>
    </ul>
    <div id="tabs-1">
        <h1><em><span style="text-decoration: underline;">Кофе Kimbo Extra Cream</span></em></h1>
        <img src="images/stories/kimbo/kimbo_extra_cream.jpeg" align="left" hspace="15px" />
        <p><span style="font-size: 13pt;">Продукт тщательного отбора исходного материала, <em><strong>KIMBO EXTRA CREAM</strong></em> является удачнейшим результатом комбинации сладости с кислинкой. Насыщенная кремообразность и однородная текстура формируют идеальную смесь, способную удовлетворить все вкусы.</span></p>
        <p> </p>
        <div id="dialog" title="Кофе Kimbo Extra Cream">
            <p><span style="font-size: 13pt;">Обжарка: средняя<br /> Аромат:    нежный<br /> Текстура:  густая<br /> Вкус: устойчивый<br /> Торговая марка: Kimbo<br /> Единица измерения: Пакет 1 кг</span></p>
        </div>
        <div id="opener"><span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><input value="Характеристики" class="button art-button art-button" name="task_button" type="submit" /></span></span></div>
        <p> </p>
    </div>
    <div id="tabs-2">
        <h1><em><span style="text-decoration: underline;">Кофе Kimbo Limited Edition</span></em></h1>
        <p><img src="images/stories/kimbo/Kimbo_Limited_Edition.jpg" align="left" hspace="15px" /></p>
        <p><span style="font-size: 13pt;">Смесь ценных сортов кофе с наполненным вкусом и насыщенным ароматом. Уникальный своим решительным характером, <em><strong>KIMBO LIMITED EDITION</strong></em> – это эспрессо с по-особому сладким вкусом и шоколадными нотками.</span></p>
        <div id="dialog" title="Кофе Kimbo Limited Edition">
            <p><span style="font-size: 13pt;">Обжарка: темная<br /> Аромат: яркий<br /> Текстура: насыщенная<br /> Вкус: сладкий<br /> Торговая марка: Kimbo<br /> Единица измерения: Пакет 3 кг.</span></p>
        </div>
        <div id="opener"><span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><input value="Характеристики" class="button art-button art-button" name="task_button" type="submit" /></span></span></div>
        <p> </p>
    </div>

Я подозреваю, что нужно присвоить id но как это сделать не знаю.
Flint
 
Сообщения: 7
Зарегистрирован: 14 апр 2011, 23:50

Re: Кнопка Dialog

Сообщение Flint » 16 апр 2011, 04:08

С этим разобрался. Теперь новый головняк.
Как увеличить ширину всплывающего окна?
Flint
 
Сообщения: 7
Зарегистрирован: 14 апр 2011, 23:50

Re: Кнопка Dialog

Сообщение admin » 16 апр 2011, 08:40

Вам нужно заменить все id="dialog" на class="dialog" и код
Код: Выделить всё
   $(function() {
      $("#tabs").tabs();
         $.ui.dialog.defaults.bgiframe = true;


$('.dialog').dialog({ width: 460 });
// динамически изменить при нажатии на body
$('body').click(function(){
$('.dialog').dialog('option', 'width', 260);
});
   });



Ещё здесь написано про dialog
http://slyweb.ru/jquerydoc/dialog-options.php
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02

Re: Кнопка Dialog

Сообщение Flint » 16 апр 2011, 16:24

Огромное спасибо!
Flint
 
Сообщения: 7
Зарегистрирован: 14 апр 2011, 23:50


Вернуться в Вопросы по jQuery UI

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

cron