Страница 1 из 11
Форум про uCoz » Общие темы » Просьба/Услуга » Как создать ajax окно в правом углу
Как создать ajax окно в правом углу
tolyan163rus
Дата: Суббота, 19.03.2016, 23:43 | Сообщение # 1
Заблокированные
Сообщений:6
Награды: 0


Как создать его в html чтоб работал. сам скрипт: http://kloun-na.ucoz.com/load/19-1-0-453
Код
<script>  
function mini_pravila_saita_webo4ka(){new _uWnd("pravila","Мини правила сайта",900,800,{customButtons: {'vopros': [true, function (){mini_pravila_saita_info_webo4ka()}]},onbeforeclose:function(){_uWnd.alert('<font color="red">Правила вам это <u><b>не хухры мухры</b></u>, и их не знание не освободит вас от бана)</font>','Окошко не хухры мухры',{w: 277,h: 77,tm: 5000});},icon:'http://s39.ucoz.net/img/icon/rt.png',min:1,max:1,autosize:1,fadespeed:777,shadow:1,},$("#mini_pravila_saita_webo4ka").html());}
function mini_pravila_saita_info_webo4ka(){new _uWnd("pravila_info","Информация",400,300,{icon:'http://s39.ucoz.net/.s/img/icon/fq.png',min:1,max:1,autosize:1,fadespeed:777,shadow:1,},$("#mini_pravila_saita_info_webo4ka").html());}
$("body").append("<style type=\"text\/css\">.xt-vopros{background-position:0 -300px;} .xt-vopros-over{background-position:-15px -300px;}<\/style>");  
</script>  

<div id="mini_pravila_saita_info_webo4ka" style="display:none">  
<fieldset><legend>О скрипте</legend>Это мини правила сайта, т.ё. укороченная версия правил сайта, так сказать, тут написаны правила, которые часто нарушают пользователи. Что бы прочитать правила полностью, пройдите по ссылке ---> <a href="/forum/0-0-0-36">Правила</a></fieldset>  
<fieldset><legend>Для ненаблюдательных))</legend>Если кто не заметил, то пункт 13 пропущен.</fieldset>  
<fieldset><legend>Источник</legend>http://bla-bla/</fieldset>  
</div>  

<div id="mini_pravila_saita_webo4ka" style="display:none">  
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody>  
<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">№↓</td>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-left:0px; border-bottom:0px; font-weight:bold;">Правила↓</td>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-left:0px; border-bottom:0px; font-weight:bold; width:20%;">Замечание↓</td>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-left:0px; border-bottom:0px; font-weight:bold; width:20%;">Дней/Часов↓</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">1</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Мат</td>  
<td style="padding:5px; background:#eabbbb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#bf5656; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">От 1 дня</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">2</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Мат в сторону Администрации сайта и Пользователей</td>  
<td style="padding:5px; background:#eabbbb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#bf5656; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">От 7 дней</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">3</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Флуд</td>  
<td style="padding:5px; background:#fff1d7; border:1px solid #999; border-left:0px; border-bottom:0px; color:#ffa500; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">1 час</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">4</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Оффтоп</td>  
<td style="padding:5px; background:#fff1d7; border:1px solid #999; border-left:0px; border-bottom:0px; color:#ffa500; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">1 час</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">5</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Реклама сайта</td>  
<td style="padding:5px; background:#eabbbb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#bf5656; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">От 7 дней</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">6</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Спам в лс</td>  
<td style="padding:5px; background:#eabbbb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#bf5656; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">От 7 дней</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">7</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Выпрашивание о повышение в должности</td>  
<td style="padding:5px; background:#d4eabb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#8dbf56; font-weight:bold; width:20%;">---</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">---</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">8</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Выпрашивание репутации и наград</td>  
<td style="padding:5px; background:#d4eabb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#8dbf56; font-weight:bold; width:20%;">---</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">---</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">9</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Попытка взлома/Выкладывание программ для взлома</td>  
<td style="padding:5px; background:#eabbbb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#bf5656; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">Навсегда</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">10</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Создание повторных акков</td>  
<td style="padding:5px; background:#eabbbb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#bf5656; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">От 7 дней</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">11</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Регистрация ника типа "12345" "4567" "aasdgv" и .т.д.</td>  
<td style="padding:5px; background:#fff1d7; border:1px solid #999; border-left:0px; border-bottom:0px; color:#ffa500; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">12 часов</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">12</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Регистрация ника схожего с Администратором</td>  
<td style="padding:5px; background:#fff1d7; border:1px solid #999; border-left:0px; border-bottom:0px; color:#ffa500; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">12 часов</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">14</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Создание повторных тем</td>  
<td style="padding:5px; background:#d4eabb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#bf5656; font-weight:bold; width:20%;">---</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">---</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">15</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Тема не в том разделе</td>  
<td style="padding:5px; background:#d4eabb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#bf5656; font-weight:bold; width:20%;">---</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">---</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">16</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Неуважение к администрации сайта (Гл.Дизайнер,Гл.Модератор,Администратор,Гл.Администратор)</td>  
<td style="padding:5px; background:#eabbbb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#bf5656; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">От 7 дней</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">17</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Обман Пользователя,Кидание Пользователя на деньги и прочего(вне сайта бан не идет)</td>  
<td style="padding:5px; background:#eabbbb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#bf5656; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">Навсегда</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">18</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">За Враньё пользователя. А так же обман в разделе "Жалобы"</td>  
<td style="padding:5px; background:#eabbbb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#bf5656; font-weight:bold; width:20%;">бан</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">от 5 дней</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; border-bottom:0px; font-weight:bold; width:2%;">19</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px;">Более 5 смайлов в одном сообщении</td>  
<td style="padding:5px; background:#d4eabb; border:1px solid #999; border-left:0px; border-bottom:0px; color:#8dbf56; font-weight:bold; width:20%;">---</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; border-bottom:0px; width:20%;">---</td>  
</tr>  

<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; font-weight:bold; width:2%;">20</td>  
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px;">Повторные Скрипты и файлы.(Пользуйтесь Поисковиком!)</td>  
<td style="padding:5px; background:#d4eabb; border:1px solid #999; border-left:0px; color:#8dbf56; font-weight:bold; width:20%;">---</td>
<td style="padding:5px; background:#fff; border:1px solid #999; border-left:0px; width:20%;">---</td>  
</tr>  

</tbody></table>  

<br>  
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody>  
<tr>  
<td style="padding:5px; background:#eee; border:1px solid #999; font-weight:bold; width:10%;">Информация</td>  
<td style="padding:5px; background:#eabbbb; border:1px solid #999; color:#bf5656; font-weight:bold; width:30%;"><center>Бан гарантирован</center></td>  
<td style="padding:5px; background:#fff1d7; border:1px solid #999; color:#ffa500; font-weight:bold; width:30%;"><center>Бан гарантирован после трёх устных</center></td>  
<td style="padding:5px; background:#d4eabb; border:1px solid #999; color:#8dbf56; font-weight:bold; width:30%;"><center>Бан получит нельзя, но просьба не надоедать</center></td>  
</tr>  
</tbody></table>  
</div>


Сообщение отредактировал tolyan163rus - Воскресенье, 20.03.2016, 00:12
Alex_L_X
Дата: Суббота, 19.03.2016, 23:55 | Сообщение # 2
Vip
Сообщений:118
Награды: 1


Так он работает, всё нормально, после закрытия окна еще 1 аякс в правом нижнем углу.

Ищите причину в другом, где то на сайте не закрытые значения у вас

Не верите вот гляньте на демо сайте - Перейти к просмотру
**в правом контейнере снизу


Сообщение отредактировал Alex_L_X - Суббота, 19.03.2016, 23:57
tolyan163rus
Дата: Воскресенье, 20.03.2016, 00:11 | Сообщение # 3
Заблокированные
Сообщений:6
Награды: 0


Alex_L_X, дело не в этом! скрипт да рабочий! просто много место занимает такой скрипт низ! хотелось бы его поместить htm, думаю так лучше. с аяксом я перебрал:)
Alex_L_X
Дата: Воскресенье, 20.03.2016, 00:18 | Сообщение # 4
Vip
Сообщений:118
Награды: 1


Можно отдельную страницу создать в неё всё закинуть, чтобы место не занимало и там кнопку вызова
tolyan163rus
Дата: Воскресенье, 20.03.2016, 00:26 | Сообщение # 5
Заблокированные
Сообщений:6
Награды: 0


Alex_L_X, не робит! пустое окно. попробуй сам

Сообщение отредактировал tolyan163rus - Воскресенье, 20.03.2016, 00:27
Kosten
Дата: Воскресенье, 20.03.2016, 00:33 | Сообщение # 6
Администраторы
Сообщений:12706
Награды: 39


Название поменял, читаем правило, "Помогите" может по разному понять, должен четкий вопрос быть, потому люди на такие посты и не заходят.

Kosten
Дата: Воскресенье, 20.03.2016, 00:38 | Сообщение # 7
Администраторы
Сообщений:12706
Награды: 39


tolyan163rus, правильно говорит Alex_L_X, создать страницу и там прописать правила. Потом на видном месте вывести ссылку. Также рекомендую модальное окно поставить и в нем прописать правила.

tolyan163rus
Дата: Воскресенье, 20.03.2016, 00:52 | Сообщение # 8
Заблокированные
Сообщений:6
Награды: 0


Kosten, я сделал по-другому создал и скопировал уж с открытого весь текст и перекинул туда, а в меню вставлю ссылку. сразу не думался потому-что спать надо идти biggrin

Сообщение отредактировал tolyan163rus - Воскресенье, 20.03.2016, 00:53
Kosten
Дата: Воскресенье, 20.03.2016, 00:55 | Сообщение # 9
Администраторы
Сообщений:12706
Награды: 39


tolyan163rus, как вы сделали, через глобальный блог, лучше через него делать, чтоб страница не привязана была не к одной категорий.

Траст
Дата: Воскресенье, 20.03.2016, 09:35 | Сообщение # 10
Пользователи
Сообщений:92
Награды: 0


tolyan163rus, вы бы хоть показывали как сделали, а то запрос сделали, а вот исход не кто так и не увидел. dry

Быстро, дешево и сердито!
tolyan163rus
Дата: Воскресенье, 20.03.2016, 10:37 | Сообщение # 11
Заблокированные
Сообщений:6
Награды: 0


Kosten, Траст, вот так:



конечно можно через блок сделать(но придётся цвета менять, так как стили мешают другие.)

Добавлено (20.03.2016, 10:37)
---------------------------------------------
Kosten, вот через блок(сменил цвета):

Прикрепления: 1238854.png(117Kb) · 5824866.png(192Kb)


Сообщение отредактировал tolyan163rus - Воскресенье, 20.03.2016, 10:06
Kosten
Дата: Воскресенье, 20.03.2016, 10:37 | Сообщение # 12
Администраторы
Сообщений:12706
Награды: 39


tolyan163rus, так это на странице сделано.
А нет, в яхо окне выведено, нормально.


Сафрон
Дата: Воскресенье, 20.03.2016, 21:12 | Сообщение # 13
Пользователи
Сообщений:161
Награды: 0


tolyan163rus, а что не через глобальный блок, создать страницу, и ее на ссылку посадить, хотя и так нормально.

Сообщение отредактировал Сафрон - Воскресенье, 20.03.2016, 21:13
Форум про uCoz » Общие темы » Просьба/Услуга » Как создать ajax окно в правом углу
Страница 1 из 11
Поиск: