X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

> Мдальное окно DLE, подскажите
modlen
modlen
Topic Starter сообщение 15.1.2013, 11:42; Ответить: modlen
Сообщение #1


Всем привет! В общем появилась необходимость вывести модальное окно, для того что бы челу было чем заняться пока идёт загрузка. Модальное окно должно появиться и в нём необходимо запустить скрипт игры. Как не странно я нашёл решение, отработал на файлике .html, всё работает! Отлично, думаю...
Вставляю в dle! НЕ РАБОТАЕТ!!
вот то что сейчас работает:
<!DOCTYPE html>
<html>
<head>
   <link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
   <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
function showWebtomat() {
$(function(){

    $('#Webtomat').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 600,
        height: 500,
    });
});
}
</script>


<a onclick="showWebtomat(); return false;"><img src=".../images/gonki.jpg" alt="" /></a>
<div id="Webtomat" title="Играй пока ждёшь загрузку" style="display:none; " >
<!--этот скрипт выполняется загружается в модальном окне при клике на картинку-->
<div id="webTomat" style="position:relative;"></div>
<script id="WebTomat-API" src="http://static.apitech.ru/webtomat/jslib/tomatAPI.js?webid=946&wt_type=game&gameid=1094" type="text/javascript"></script>
<!--конец-->
</div>
</body>
</html>

Далее всё что после </head> вставляю в шаблон fullstory.tpl. Каринка отображается, но окно не выходит...

Сообщение отредактировал modlen - 15.1.2013, 11:44


--------------------
Regvps профессиональные Linux VPS в России.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
 
Открыть тему
Ответов (1 - 9)
Hallboy222
Hallboy222
сообщение 15.1.2013, 11:44; Ответить: Hallboy222
Сообщение #2


То что здесь есть всё полностью в head вставляет?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
modlen
modlen
Topic Starter сообщение 15.1.2013, 11:46; Ответить: modlen
Сообщение #3


Hallboy222,
всё что после, а именно
<script type="text/javascript">
function showWebtomat() {
$(function(){

    $('#Webtomat').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 600,
        height: 500,
    });
});
}
</script>


<a onclick="showWebtomat(); return false;"><img src=".../images/gonki.jpg" alt="" /></a>
<div id="Webtomat" title="Играй пока ждёшь загрузку" style="display:none; " >
<!--этот скрипт выполняется загружается в модальном окне при клике на картинку-->
<div id="webTomat" style="position:relative;"></div>
<script id="WebTomat-API" src="http://static.apitech.ru/webtomat/jslib/tomatAPI.js?webid=946&wt_type=game&gameid=1094" type="text/javascript"></script>
<!--конец-->
</div>

вставляю в fullstory.tpl моего шаблона

Сообщение отредактировал modlen - 15.1.2013, 11:52


--------------------
Regvps профессиональные Linux VPS в России.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Hallboy222
Hallboy222
сообщение 15.1.2013, 11:50; Ответить: Hallboy222
Сообщение #4


То есть по Вашему мнению скрипты являются излишними? И я уточнял именно про содержимое для head.
В head вставьте:
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />
   <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js" type="text/javascript"></script>


У меня всё работает.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 15.1.2013, 11:51; Ответить: x64
Сообщение #5


насколько помню с далёких времён увлечений дельфами, модальное окно — окно переднего плана, полностью блокирующее работу родительского приложения. в html/javascript таких окон нет. но их можно эмулировать, и для этого используется полупрозрачная подложка + блочный элемент на переднем фоне, в котором отображается картинка или что-нибудь ещё. если заместо «что нибудь ещё» требуется отобразить другую html-страницу, значит, нужно использовать фреймы: вставка полноценной html-страницы в html-документ является некорректной. таким образом, в fullstory.tpl вставляется iframe, адрес которого указывает на html-страницу с игрой
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Hallboy222
Hallboy222
сообщение 15.1.2013, 11:53; Ответить: Hallboy222
Сообщение #6


(x64 @ 15.1.2013, 11:51) *
в html/javascript таких окон нет

Выше изложен код, который перевернет Ваше представление.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 15.1.2013, 11:58; Ответить: x64
Сообщение #7


Hallboy222

что в слове эмуляция непонятно?


зы: если уж на то пошло, то формально модальные окна есть, это:
window.alert()
window.confirm()
window.prompt()
но они являются модальными окнами браузера, и доступа к ним нет (доступен результат работы), т. е. нельзя, как в системе, полноценно работать с окошком

Сообщение отредактировал x64 - 15.1.2013, 12:08
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
modlen
modlen
Topic Starter сообщение 15.1.2013, 12:14; Ответить: modlen
Сообщение #8


Hallboy222,
Скрипты я не упускал из виду, изночально думал что они лишние т.к. DLE9.6 и там навреника всё есть.
Подключал и эти скрипты, результат нет!!

Возник вопрос: а способен ли файл с расширением .tpl выполнять все функции указаного выше кода???

Если есть варианты другого отображения модального окна, буду рад расмотреть и примеить на деле! ТОлько лиж бы работал!))

Сообщение отредактировал modlen - 15.1.2013, 12:15


--------------------
Regvps профессиональные Linux VPS в России.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lordie
Lordie
сообщение 15.1.2013, 12:27; Ответить: Lordie
Сообщение #9


x64, в целом, вы не совсем правы, т.к. FF, да и в определенной мере - IE, поддерживают гораздо более широкую работу с такими окнами через некоторые не столь известные методы wink.gif
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
modlen
modlen
Topic Starter сообщение 15.1.2013, 14:07; Ответить: modlen
Сообщение #10


Всем спасибо, разобрался, сделал!!!! В моём DLE, при вставке скриптов тех которые предлагались выше, в движке происходили конфликты, и мод не работал. Спасибо коллеге по работе, не знал что он заниматеся сайтостроением, его знаний было достаточно для решения проблемы! Так и появляются друзья по хобби)))

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Regvps профессиональные Linux VPS в России.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) DLE xProtect
2 xoopw 5983 15.1.2024, 21:06
автор: Diana_Wesley
Открытая тема (нет новых ответов) Обновить сайт на CMS DLE
1 Sawich 1665 2.9.2023, 10:10
автор: WoWeb
Открытая тема (нет новых ответов) Изготовление красивых сайтов на DLE под ключ | Доступные цены
от 2000 руб.
1 Admiral_ukr 1598 20.11.2022, 10:08
автор: Webmaster24
Открытая тема (нет новых ответов) Ищу спеца по DLE вылечить сайт
4 Reactive 2640 22.10.2022, 9:01
автор: Fozik77
Открытая тема (нет новых ответов) требуется перенос с Dle на wordpres
нужен человек для переноса движка
5 Юрий82 1945 30.7.2022, 18:02
автор: Klerik84


 



RSS Текстовая версия Сейчас: 23.4.2024, 12:57
Дизайн