Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Ламерские вопросы Как сделать popup окно в dle

Как сделать popup окно в dle


     04.09.2011    Ламерские вопросы    7879

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

Ответил: FerrumNST



<script type="text/javascript">
function showOkno() {
$(function(){

    $('#Okno').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 550,
 buttons: {"Закрыть окно" : function() {$(this).dialog("close");
            }}
    });
});
}
</script>

--- Это будет содержимое нашего окошка
<div id="Okno" title="Заголовок окна" style="display:none; " >
Здесь содержимое
</div>

-- А это ссылка на вызов окошка
<a class="Okno" href="#" onclick="showOkno(); return false;" class="mainlevel">ССЫЛКА</a>

showOkno - функция вызова окна
Okno - Это ID нашего окошка

Документация по модальным окнам

Комментарии пользователей (10)

gusev-ai
1

16 | 15

gusev-ai - 5 сентября 2011 17:12 - Юзер.

Документация по модальным окнам думаю будет полезным

Позвони мне завтра! Буду рад видеть твой пропущенный...

Yamakasi
5

198 | 105

Yamakasi - 8 сентября 2011 22:26 - Юзер

вот есть вопрос, как сделать так:
когда заходят на сайт, то есть получается и попс с кодом тоже подгружается, а как сделать, чтобы код - текст который внутри попса не грузил при заходе на сайт, а когда лишь нажимаешь на ссылку, тогда и будет он грузить например с тпл шаблона.
просто если сделать много попсов, получится очень большой объём страницы, это сами знаете не есть хорошо, а с помощью этих попсов можно многое реализовать через эту фичу, чем создавать статические страницы!
лично сделал несколько попсов, всё работает, просто меня ужасает если будет много кнопок, то и весь код будет грузиться при загрузке шаба )))

nowheremany
192

1659 | 1292

nowheremany - 9 сентября 2011 11:01 - Эксперт

Меня ужасает как вы формулируете задачу... лично я ничего не понял.
Подразумеваю что понадобится вам либо [aviable] либо php

Благодарность принимаю тут Связь

Yamakasi
5

198 | 105

Yamakasi - 9 сентября 2011 11:16 - Юзер

Цитата: nowheremany
Меня ужасает как вы формулируете задачу... лично я ничего не понял.Подразумеваю что понадобится вам либо [aviable] либо php

дома буду выложу скрин что сделал!
а так по принципу, вот смотрите выше который дан код, он как бы на 1 окно, а если я хочу делать не 1 ссылку с поп окном, а много ну сколько мне понадобиться, и если Вы сами понимаете, все эти поп окна подгружаются в главном шаблоне, то есть в том блоке где выводятся, а если информации будет много в поп окнах, а также этих поп окон будет не мало, то получится будет подгружаться в шаблон весь исходный код, хочет юзер этого или нет, а грузить будет по любому!
а моя задача: сделать так, чтобы только при нажатии на ссылку начинает открываться поп окошко и грузить исходный код как бы с указанного tpl, тем самым мы не захламляем главную страницу!

ПафНутиЙ
1063

3392 | 2433

ПафНутиЙ - 9 сентября 2011 11:18 - Админ

А если в двух словах - нужно неограниченное число ajax подгружаемых данных )))

Каков вопрос - таков и ответ. Просто помните об этом.

nowheremany
192

1659 | 1292

nowheremany - 9 сентября 2011 12:32 - Эксперт

Я же предложил решение:
php или aviable , category, group и др тэги.

либо ещё один вариант - юзать iframe через JS

Благодарность принимаю тут Связь

Yamakasi
5

198 | 105

Yamakasi - 9 сентября 2011 13:02 - Юзер

nowheremany,
так все поп окна будут на главной и для всех!
насчёт aviable , category, group - сразу отпадает!
а по поводу php - я не силён
либо ещё один вариант - юзать iframe через JS - тут бы по подробнее.
если был бы пример хотя бы того, что Вы говорите, тогда я бы потыкал бы сам.

freehugs
1 | 1

freehugs - 9 сентября 2011 13:55 - Юзер

Скажите, там есть кнопочка "закрыть окно" , как рядом поставить свою со ссылкой к примеру?

Yamakasi
5

198 | 105

Yamakasi - 9 сентября 2011 14:09 - Юзер

***Комментарий удален***

Keyv
16 | 4

Keyv - 15 февраля 2012 07:58 - Юзер

Не работает ваш метод: выводится просто ссылка с адресом "#"
Не понятно что за
onclick="showOkno(); return false;
и что за класс mainlevel.
Уже на втором сайте вижу это решение и для того чтоб оставить комент надо зарегистрироваться.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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