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

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

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

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

Подскажите пожалуйста, как подключить в стандартные модальные окна 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, Модули
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    Вчера, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    Вчера, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    Вчера, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    Вчера, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    Вчера, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
наверх