Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Стандартные модальные окна DLE + доп. поля

Стандартные модальные окна DLE + доп. поля

     07.10.2014    модальные окна, доп. поля    Все вопросы » Шаблоны (TPL)    6439

вопрос
Всем привет!

Подскажите пожалуйста, как подключить в стандартные модальные окна DLE открытие дополнительных полей?

Пример:

        [xfgiven_поле]
            <a href="#" >
               <img src="{THEME}/images/иконка.png" alt="" />
            </a>
        [/xfgiven_поле]


Т. е. нужно чтоб по клику по иконке открылось окно с доп. полем.

Спасибо.

Ответа пока нет

 

11 комментариев

FastFud
Юзер

FastFud - 7 октября 2014 01:05 -

Как то так:
<div class="xf-button">[xfvalue_icon]</div>
<div class="xf-dialog">[xfvalue_title]</div>
css
.xf-dialog {display: none; width:500px;height:200px;}
jQuery
$(function(){
$('.xf-button').click(function(){
$('.xf-dialog').dialog();
});
});
Саня
Юзер

Саня - 7 октября 2014 01:20 -

FastFud,спасибо за оперативность но что-то не пашет...((((
FastFud
Юзер

FastFud - 7 октября 2014 01:26 -

Я только что проверил и вроде бы все работает. Что у вас не получилось ?
P.S - Вот пример
Саня
Юзер

Саня - 7 октября 2014 01:38 -

FastFud,вроде за работало, но, если на странице 5 новостей с заполненным полем, то открываются сразу 5 окон... как это дело обойти?
Еще раз спасибо.
FastFud
Юзер

FastFud - 7 октября 2014 01:56 -

Если не сработает завтра посмотрю щас и так голова забита.
shortstory
<div class="news-item" data-id="item{news-id}">
...
 <div class="xf-button">Нажать кнопку</div>
 <div class="xf-dialog" id="item{news-id}">[xfvalue_test]</div>
</div>
jQuery 
$(function(){
        $('.news-item').each(function(){
            var id = $(this).attr('data-id');
            $(this).find('.xf-button').click(function(){
                $('#'+id).dialog({
                    width: 500,
                    height: 200,
                    show: "fade",
                    modal: true
                });
            });
        });
    });
css 
.xf-button {padding: 15px;background: #ddd;border: 1px solid #ccc;margin: 15px;float: left;cursor: pointer;} 
.xf-dialog {display: none;}
Саня
Юзер

Саня - 7 октября 2014 03:31 -

FastFud,id новости теперь работает, теперь бы еще определить id поля. Дело в том что планируется открывать несколько полей по отдельности, а так как сейчас оно открывает разброс что попало.
И еще вопрос - как прописать заголовок окна?
FastFud
Юзер

FastFud - 7 октября 2014 10:41 -

И еще вопрос - как прописать заголовок окна?
 <div class="xf-dialog" id="item{news-id}">[xfvalue_test]</div>
Добавить title="текст" получиться так 
<div class="xf-dialog" id="item{news-id}" title="текст">[xfvalue_test]</div>
теперь бы еще определить id поля. Дело в том что планируется открывать несколько полей по отдельности, а так как сейчас оно открывает разброс что попало.
А вот тут я не совсем понял.
Саня
Юзер

Саня - 7 октября 2014 13:55 -

Цитата: FastFud
не совсем понял.
Ну вот как я сделал:
shortstory

[not-group=5]
<div class="news-item" data-id="item{news-id}">    
        [xfgiven_1]
 <div class="xf-1"></div>
 <div class="xf-dialog" id="item{news-id}">[xfvalue_1]</div>
        [/xfgiven_1]
        [xfgiven_2]
 <div class="xf-2"></div>
 <div class="xf-dialog" id="item{news-id}">[xfvalue_2]</div>
        [/xfgiven_2]
        [xfgiven_3]
 <div class="xf-3"></div>
 <div class="xf-dialog" id="item{news-id}">[xfvalue_3]</div>
        [/xfgiven_3]
    [xfgiven_4]    
 <div class="xf-4"></div>
 <div class="xf-dialog" id="item{news-id}">[xfvalue_4]</div>
    [/xfgiven_4]
</div>
[/not-group]

jQuery

$(function(){
        $('.news-item').each(function(){
            var id = $(this).attr('data-id');
            $(this).find('.xf-1').click(function(){
                $('#'+id).dialog({
                    width: 700,
                    show: "fade",
                    modal: true
                });
            });
        });
    });
$(function(){
        $('.news-item').each(function(){
            var id = $(this).attr('data-id');
            $(this).find('.xf-2').click(function(){
                $('#'+id).dialog({
                    width: 700,
                    show: "fade",
                    modal: true
                });
            });
        });
    });    
    
    $(function(){
        $('.news-item').each(function(){
            var id = $(this).attr('data-id');
            $(this).find('.xf-3).click(function(){
                $('#'+id).dialog({
                    width: 700,
                    show: "fade",
                    modal: true
                });
            });
        });
    });
$(function(){
        $('.news-item').each(function(){
            var id = $(this).attr('data-id');
            $(this).find('.xf-4').click(function(){
                $('#'+id).dialog({
                    width: 700,
                    show: "fade",
                    modal: true
                });
            });
        });
    });


Открываются в принципе все, но выбор идет как-то самопроизвольно, кликаешь по xf-1 открыть может любую другую xf-4 например...
Саня
Юзер

Саня - 8 октября 2014 00:35 -

утонул вопрос((((((
Саня
Юзер

Саня - 10 октября 2014 03:29 -

что никак не решить вопрос?
Саня
Юзер

Саня - 14 октября 2014 08:30 -

В общем методом научного тыка добился успеха))))))))))) Вот так сейчас выглядит код:
shortstory
    [not-group=5]
<div class="news-item" data-id="item{news-id}">    
        [xfgiven_1]

 <div class="xf-1"></div>
 <div class="xf1-dialog" title="хххххх" id="item{news-id}" >[xfvalue_1]</div>
        [/xfgiven_1]
        [xfgiven_2]
 <div class="xf-2l"></div>
 <div class="xf2-dialog" title="ххх"><div class="title">[xfvalue_2]</div>
        [/xfgiven_2]
    [xfgiven_3]
 <div class="xf-3"></div>
 <div class="xf3-dialog" title="хххt" id="item{news-id}">[xfvalue_3]</div>
    [/xfgiven_3]
    [xfgiven_4]        
 <div class="xf-4"></div>
 <div class="xf4-dialog" title="ххх" id="item{news-id}">[xfvalue_4]</div>
       [/xfgiven_4]
</div>
[/not-group]

jQuery

    $(function(){
        $('.news-item').each(function(){
            var id = $(this).attr('data-id');
            $(this).find('.xf-1).click(function(){
                $('.xf1-dialog#'+id).dialog ({
                    width: 700,
                    show: "fade",
                    modal: true
                });
            });
        });
    });
    $(function(){
        $('.news-item').each(function(){
            var id = $(this).attr('data-id');
            $(this).find('.xf-2').click(function(){
                $('.xf2-dialog#'+id).dialog ({
                    width: 700,
                    show: "fade",
                    modal: true
                });
            });
        });
    });
    $(function(){
        $('.news-item').each(function(){
            var id = $(this).attr('data-id');
            $(this).find('.xf-3').click(function(){
                $('.xf3-dialog#'+id).dialog ({
                    width: 700,
                    show: "fade",
                    modal: true
                });
            });
        });
    });
    $(function(){
        $('.news-item').each(function(){
            var id = $(this).attr('data-id');
            $(this).find('.xf-4').click(function(){
                $('.xf4-dialog#'+id).dialog ({
                    width: 700,
                    show: "fade",
                    modal: true
                });
            });
        });
    });


В принципе все работает отлично, как мне кажется код все таки слишком громоздкий получился. Можно ли его как-то оптимизировать?
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 17.03.2013 websot  Шаблоны (TPL)
 28.04.2013 voltamper  Шаблоны (TPL)
 15.12.2013 deffos  Общие вопросы, Шаблоны (TPL), Ламерские вопросы
 15.09.2014 G-3p  Шаблоны (TPL)
 01.12.2014 AleksMey  Шаблоны (TPL)
 17.02.2015 serg91100  Шаблоны (TPL), jQuery
 24.02.2015 akafaus  Шаблоны (TPL)
 23.03.2015 Kaleb  Шаблоны (TPL), jQuery
 25.03.2015 gigaadmin  Шаблоны (TPL), Общие вопросы по PHP, Модули
  • TeraMoune | Нужо доработать плагин связанных новосте ... 1
    Фото TeraMoune
    TeraMoune
    Нужо доработать плагин связанных новостей
    Сегодня, 13:40
    Пишите в телеграм посмотрим
  • non-stop | Как решить проблему индексации DLE в пои ... 4
    Фото non-stop
    non-stop
    Как решить проблему индексации DLE в поиске Bing?
    Сегодня, 08:43
    Проверил также количество страниц в поиске BING
    site:adressayta.com

    в поиске всего 3 страницы
    Sitemap как ни пытался скормить - не выходит. выдает ошибку
    Неприемлемая карта сайта
    Невозможно получить URL-адреса с карты сайта


    Мне кажется что причина в файле .httaccess
    тк при попытке скармливания постранично - выдает ошибку перенаправления
    URL перенаправления цели:https://........ ./index.php?do=static&page=406.&seourl=406.
  • Sud3n | Как решить проблему индексации DLE в пои ... 4
    Фото Sud3n
    Sud3n
    Как решить проблему индексации DLE в поиске Bing?
    Вчера, 20:44
    Ошибка, если посмотреть есть ли страничка в индексе
    Но версия DLE у меня старая, сомневаюсь, что дело в версии
  • Sud3n | Как решить проблему индексации DLE в пои ... 4
    Фото Sud3n
    Sud3n
    Как решить проблему индексации DLE в поиске Bing?
    Вчера, 20:42
    У меня почему-то Bing вообще не индексирует сайт после добавления в Вебмастер
  • non-stop | Как решить проблему индексации DLE в пои ... 4
    Фото non-stop
    non-stop
    Как решить проблему индексации DLE в поиске Bing?
    19-12-2024, 17:02
    Забыл написать что обновился до последней версии 17.3
    Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
    В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
  • lutskboy | Как максимально грамотно организовать до ... 1
    Фото lutskboy
    lutskboy
    Как максимально грамотно организовать добавление материалов через SQL-запросы?
    18-12-2024, 21:39
    все верно. related_ids автоматом заполняется потом.
  • derebas | Убираем xfsearch из адресной строки 7
    Фото derebas
    derebas
    Убираем xfsearch из адресной строки
    16-12-2024, 02:35
    в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
    str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
  • toxicpioner | Убираем xfsearch из адресной строки 7
    Фото toxicpioner
    toxicpioner
    Убираем xfsearch из адресной строки
    15-12-2024, 19:31
    если в доп поле есть пробел, будет выдавать просто 403 стр
  • dj-avtosh | Воспользовался хаком удаление html из ад ... 2
    Фото dj-avtosh
    dj-avtosh
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    12-12-2024, 17:26
    Нужно правило с year поднять выше всех в .htaccess
  • TeraMoune | Воспользовался хаком удаление html из ад ... 2
    Фото TeraMoune
    TeraMoune
    Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
    11-12-2024, 22:12
    У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
наверх