На форуме InfoScript.ru вы можете: задать вопросы по php, вопросы по javascript, вопросы по системе uCoz, заказать графику для вашего сайта и просто пообщаться с хорошими людьми
  • Страница 1 из 1
  • 1
Модератор форума: frenkmalcov  
Сворачивание ajax окон, как на вебтопе
7soft Дата: Понедельник, 30.08.2010, 14:43 | Сообщение # 1
Offline
Супер чел
Script Creator
Сообщений:420
Награды:15
Замечания:0%
Репутация
231
Хочу сделать так, чтобы при сворачивании ajax окон они не перемещались в левый верхний угол экрана, а появлялись на панели внизу (как на вебтопе). Панель я сделал свою, а все javascript'ы взял с вебтопа. Но там много лишнего, например панель с вебтопа и значки, которые можно по всему окну перетаскивать. Помогите убрать всё ненужное, и оставить только то, что связано с ajax окнами.

Вот полный скрипт вебтоповской панели:

Code

<link type="text/css" rel="Stylesheet" href="http://7soft.org.ru/webtop/1.css"> <!-- CSS стили, которые вроде бы и не нужны, но я могу ошибаться -->

<script type="text/javascript" src="http://s33.ucoz.net/src/u.js"></script> <!-- Стандартный u.js, не знаю почему, но если его убрать, работать не будет((( -->

<script type="text/javascript" src="http://7soft.org.ru/webtop/desk.js"></script> <!-- Сама панель и всё остальное -->

<script type="text/javascript" src="http://7soft.org.ru/webtop/header_IE.js"></script><!-- Вспомогательный скрипт (меню) -->

<script type="text/javascript" src="http://s2.unet.com/jsmin/desksign_ru.js?v=4"></script> <!-- Перевод на русский язык -->

<style type="text/css">@import url('http://7soft.org.ru/style_ajax.css') all;</style>   <!-- Вид ajax окон -->

И скрипт моей панели:

Code
<br><br>
<div id="start" style="z-index:40; display: none; position: fixed; bottom: 39px; left: 0px; width:403;"><!-- меню сайта -->
    <table border="0" cellpadding="0" cellspacing="0" width="403"><tbody><tr><td style="background-image: url("http://7soft.org.ru/ajax/07.png"); background-position: right; color: rgb(255, 255, 255);" align="center" height="65" width="403"><b><?if($USER_AVATAR_URL$)?><img title="$USERNAME$" src="$USER_AVATAR_URL$" style="padding-top: 0px; padding-right: 46px;" align="right" height="45" width="48"><?else?><img title="$USERNAME$" src="http://7soft.org.ru/gost.gif" style="padding-top: 0px; padding-right: 46px;" align="right" height="45" width="48"><?endif?><!-- </bt> --></b></td></tr></tbody></table>
    <table border="0" cellpadding="0" cellspacing="0" height="370" width="403"><tbody><tr><td width="268" align="left" style="background-image: url("http://7soft.org.ru/images/7_1.png"); padding-left:10px;"><br>
<div style="text-align:left;"><div style="text-align:left;">
    <?if($USER_AGENT$=='ie' || $USER_AGENT$=='opera')?><script type="text/javascript" src="http://7soft.org.ru/js/menu_IE.js"></script><?endif?>
    <style type="text/css">
    @import url('/css/menu.css') all;
    </style>
    <ul id="menu">
    <li><a href="$HOME_PAGE_LINK$"><img src="http://7soft.org.ru/ajax/menu/home.png" border="0" alt="Главная" align="left" />  <span style="font-weight:bold;">Главная</span></a></li>
    <li><a href="http://7soft.org.ru/index/0-2/"><img src="http://7soft.org.ru/ajax/menu/info.png" border="0" alt="Информация" align="left" />  <span style="font-weight:bold;">Информация</span></a></li>
    <li><a href="http://7soft.org.ru/load/"><img src="http://7soft.org.ru/ajax/menu/files.png" border="0" alt="Каталог файлов" align="left" /> <span style="font-weight:bold;">Каталог файлов</span></a>
    <ul>
    <li><a href="http://7soft.org.ru/load/comp/11"><span style="font-weight:bold;">Всё для компьютера</span></a>
    <ul id="navmenu-v">
    <li><a href="http://7soft.org.ru/load/comp/portable/1"><span style="font-weight:bold;">Portable</span></a></li>
    <li><a href="http://7soft.org.ru/load/comp/system/2"><span style="font-weight:bold;">Система</span></a></li>
    <li><a href="http://7soft.org.ru/load/comp/safety/3"><span style="font-weight:bold;">Безопасность</span></a></li>
    <li><a href="http://7soft.org.ru/load/comp/internet/4"><span style="font-weight:bold;">Интернет</span></a></li>
    <li><a href="http://7soft.org.ru/load/comp/media/5"><span style="font-weight:bold;">Мультимедиа</span></a></li>
    <li><a href="http://7soft.org.ru/load/comp/graphics/6"><span style="font-weight:bold;">Графика</span></a></li>
    <li><a href="http://7soft.org.ru/load/comp/games/7"><span style="font-weight:bold;">Игры</span></a></li>
    <li><a href="http://7soft.org.ru/load/comp/themes/8"><span style="font-weight:bold;">Интерфейс</span></a></li>
    </ul>
    </li>
    <li><a href="http://7soft.org.ru/load/mobile/10"><span style="font-weight:bold;">Всё для телефона</span></a>
    <ul>
    <li><a href="http://7soft.org.ru/load/mobile/java/12"><span style="font-weight:bold;">Java игры</span></a></li>
    <li><a href="http://7soft.org.ru/load/mobile/programmy_dlja_telefona/13"><span style="font-weight:bold;">Программы</span></a></li>
    </ul>
    </li>
    <li><a href="http://7soft.org.ru/load/web/14"><span style="font-weight:bold;">Всё для вебмастера</span></a>
    <ul>
    <li><a href="http://7soft.org.ru/load/web/ucoz/16"><span style="font-weight:bold;">Скрипты Ucoz</span></a></li>
    <li><a href="http://7soft.org.ru/load/web/javascript/15"><span style="font-weight:bold;">Javascript</span></a></li>
    <li><a href="http://7soft.org.ru/load/web/images/17"><span style="font-weight:bold;">Графика</span></a></li>
    <li><a href="http://7soft.org.ru/load/web/soft/18"><span style="font-weight:bold;">Программы</span></a></li>
    <li><a href="http://7soft.org.ru/load/web/css/19"><span style="font-weight:bold;">CSS</span></a></li>
    </ul>
    </li>
    </ul>
    </li>
    <li><a href="http://7soft.org.ru/publ/"><img src="http://7soft.org.ru/ajax/menu/publ.png" border="0" alt="Главная" align="left" />  <span style="font-weight:bold;">Каталог статей</span></a>
    <ul>
    <li><a href="http://7soft.org.ru/publ/anti_vzlom/1"><span style="font-weight:bold;">Безопасность</span></a></li>
    <li><a href="http://7soft.org.ru/publ/windows/4"><span style="font-weight:bold;">Windows</span></a></li>
    </ul>
    </li>
    <li><a href="http://7soft.org.ru/photo/"><img src="http://7soft.org.ru/ajax/menu/photo.png" border="0" alt="Главная" align="left" />  <span style="font-weight:bold;">Фотоальбомы</span></a>
    <ul>
    <li><a href="http://7soft.org.ru/photo/oboi_dlja_rabochego_stola/3"><span style="font-weight:bold;">Обои</span></a></li>
    <li><a href="http://7soft.org.ru/photo/pictures/2"><span style="font-weight:bold;">Картинки</span></a></li>
    <li><a href="http://7soft.org.ru/photo/windows/4"><span style="font-weight:bold;">Windows</span></a></li>
    </ul></li>
    <li><a href="http://7soft.org.ru/index/0-20"><img src="http://7soft.org.ru/ajax/menu/tools.png" border="0" alt="Главная" align="left" />  <span style="font-weight:bold;">Приложения</span></a> </li>
    <li><a href="http://7soft.org.ru/stuff/"><img src="http://7soft.org.ru/ajax/menu/games.png" border="0" alt="Главная" align="left" />  <span style="font-weight:bold;">Игры</span></a> </li>
    <li><a href="http://7soft.org.ru/forum/"><img src="http://7soft.org.ru/ajax/menu/forum.png" border="0" alt="Главная" align="left" />  <span style="font-weight:bold;">Форум</span></a> </li>
    <li><a href="http://7soft.org.ru/gb/"><img src="http://7soft.org.ru/ajax/menu/guestbook.png" border="0" alt="Главная" align="left" />  <span style="font-weight:bold;">Гостевая книга</span></a> </li>
    <li><a href="http://7soft.org.ru/index/0-3/"><img src="http://7soft.org.ru/ajax/menu/send.png" border="0" alt="Главная" align="left" />  <span style="font-weight:bold;">Обратная связь</span></a> </li>
    </ul>
    </div>
    <script type="text/javascript">
    $.each($("#menu a"), function(){if(this.href == location.href.split('?')[0].split('#')[0]) this.className = "current";});
    </script></div>
    </td><td width="135" align="left" valign="top" style="background-image: url("http://7soft.org.ru/images/7_2.png"); background-position: right; padding-left:10px;">
<?if($USER_LOGGED_IN$)?>
    <ul class="uz">
    <li title="Мой профиль" class="m1"><img src="http://7soft.org.ru/images/user.png"> <a class="m1" href="javascript://" onclick="profile1();">Профиль</a></li>
    <li title="<?if($IS_NEW_PM$)?>$UNREAD_PM$ нов<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>ых<?else?><?if($UNREAD_PM$%10=1)?>ое<?else?>ых<?endif?><?endif?> сообщени<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>й<?else?><?if($UNREAD_PM$%10=1)?>е<?else?>я<?endif?><?endif?><?else?>Нет новых сообщений<?endif?>" class="m1"><?if($IS_NEW_PM$)?><img src="http://7soft.org.ru/images/newpm.gif" ><?else?><img src="http://7soft.org.ru/images/nopm.gif" ><?endif?> <a class="m1" href="javascript://" onclick="pm1();">Сообщения (<b>$UNREAD_PM$</b>)</a></li>
    <li title="Отправить личное сообщение" class="m1"><img src="http://7soft.org.ru/images/send.png" > <a class="m1" href="javascript://" onclick="send1();">Отправить ЛС</a></li>
    <li title="Настройки профиля" class="m1"><img src="http://7soft.org.ru/images/change.png"> <a class="m1" href="javascript://" onclick="change1();">Настройки</a></li>
    <li title="Все пользователи сайта" class="m1"><img src="http://7soft.org.ru/images/users.png"> <a class="m1" href="javascript://" onclick="users1();">Пользователи</a></li>
    <li title="Мои закладки" class="m1"><img src="http://7soft.org.ru/images/bookmarks.png"> <a class="m1" href="javascript://" onclick="bookmarks1();">Закладки</a></li>
    <li title="Мои комментарии к материалам" class="m1"><img src="http://7soft.org.ru/images/comments.png"> <a class="m1" href="/index/34-$USER_ID$">Комментарии</a></li>
    <li title="Мои посты на форуме" class="m1"><img src="http://7soft.org.ru/images/posts.png"> <a class="m1" href="/forum/0-0-1-3-$USER_ID$">Посты</a></li>
    <li title="Завершить работу" class="m1"><img src="http://7soft.org.ru/images/logout.png" width="16" height="16"> <a class="m1" href="$LOGOUT_LINK$">Выйти</a></li>
    </ul>
<script type="text/javascript">function profile1(){$('#start').toggle(); new _uWnd('profile1','Мой профиль',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="http://7soft.org.ru/index/8-$_USER_ID$" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }</script>
    <script type="text/javascript">function pm1(){$('#start').toggle(); new _uWnd('pm1','Мои сообщения',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="http://7soft.org.ru/index/14" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }</script>
<script type="text/javascript">function send1(){$('#start').toggle(); new _uWnd('send1','Отправить личное сообщение',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="http://7soft.org.ru/index/14-0-0-1" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }</script>
<script type="text/javascript">function change1(){$('#start').toggle(); new _uWnd('change1','Изменить личные данные',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="http://7soft.org.ru/index/11" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }</script>
<script type="text/javascript">function users1(){$('#start').toggle(); new _uWnd('users1','Пользователи сайта',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="http://7soft.org.ru/index/15" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }</script>
<script type="text/javascript">function bookmarks1(){$('#start').toggle(); new _uWnd('bookmarks1','Мои закладки',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="http://7soft.org.ru/board/0-0-$_USER_ID$-0-17" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }</script>
<?else?><ul class="uz">
    <li class="m1"><a class="m1" href="$LOGIN_LINK$" title="Вход на сайт" onclick="$('#start').toggle();">Вход</a></li>
    <li class="m1"><a class="m1" href="$REGISTER_LINK$" title="Регистрация" onclick="$('#start').toggle();">Регистрация</a></li></ul>
    <?endif?></td>
    </tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" height="16" width="403"><tbody><tr><td style="background-image: url("http://7soft.org.ru/ajax/12.png");" height="16" width="403"></td></tr></tbody></table>
    <!-- меню сайта --></div>
<table style="z-index:40; position: fixed; bottom: 0px; left: 0px; width: 100%; background-image: url('http://7soft.org.ru/ajax/vista2.png');" border="0" cellpadding="0" cellspacing="0" height="29" width="100%">
<tbody><tr><td style="padding-left: 20px;" height="41" valign="top">
<a class="pusk" href="javascript:void();" onclick="$('#start').toggle();"></a></td>
    <td style="padding-top: 0px; padding-right: 20px;" align="right">
    <script type="text/javascript" src="http://7soft.org.ru/js/en.js"></script><a title="Перевести страницу" class="panelka" href="javascript:getTranslation();"><img src="http://7soft.org.ru/Britain-trans.png" border="none"></a>  <a class="panelka" title="ESET Online Scanner" href="javascript://" onclick="openLayerB('nod',0,'http://7soft.org.ru/ajax/nod.xml','ESET Online Scanner',400,400,'0','1','1',0,'justify'); return false;"><img id="panelka" class="panelka" src="http://7soft.org.ru/nod32.png" alt="ESET Nod32 Online Scanner" border="none" height="24" width="24"></a>  $POWERED_BY$    <span style="vertical-align: super; color: rgb(255, 255, 255);"><b><span id="hours"></span></b></span></td></tr>
</tbody></table>
    <style>
    #toTop {
    width: 25px;
    border: none;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 5px;
    right: 185px;
    cursor: pointer;
    color: #666666;
    text-decoration: none;
    }
    </style>
<a href="#" id="toTop" style="z-index:45;"><img style="z-index:45;" src="http://7soft.org.ru/top/to_top.png" border="0" align="absmiddle" title="Вверх" /></a>
<script src="http://7soft.org.ru/top/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>

<script type="text/javascript" src="http://7soft.org.ru/js/clock.js"></script>
<?if(!$USER_LOGGED_IN$)?>
<div id="ball" style="z-index:99999; position:fixed; width:412px; height:146px; right:50px; bottom:20px; margin-top:-105px; margin-left:-412px; font-weight:normal; text-decoration:none;">
    <table width="412" height="146" cellpadding="10px">
    <tr><td valign="top" background="http://7soft.org.ru/images/baloon.png">
    <table><tr><td style="padding:20px 0px 20px 20px;">
    <img border="0" src="http://7soft.org.ru/ajax/menu/info.png" width="40" height="40"></td><td style="padding:15px; 15px; 15px; 0px;">
    <span style="font-weight:bold; font-size: 14px; color:#446aac;"> <b>Здравствуйте, гость.</b></span> <br>
    <span style="font-weight:bold; font-size: 11px;">Мы просим Вас <a href="$REGISTER_LINK$">зарегистрироваться</a> на нашем сайте, или <a href="$LOGIN_LINK$">войти</a> под своим логином.</span>
    </td><td align="right" valign="top" style="padding-top:20px; padding-right:20px;"><a class="closeball" onclick='document.getElementById("ball").style.display = "none";return false;'><img src="http://7soft.org.ru/images/cross1.png" onmouseover="this.src='http://7soft.org.ru/images/cross2.png'" onmouseout="this.src='http://7soft.org.ru/images/cross1.png'" alt="Закрыть" border="none"></a></td></tr></table>
    </td></tr></table>
</div><?else?><?if($IS_NEW_PM$)?><div id="ball" style="z-index:99999; position:fixed; width:412px; height:146px; right:50px; bottom:20px; margin-top:-105px; margin-left:-412px; font-weight:normal; text-decoration:none;">
    <table width="412" height="146" cellpadding="10px">
    <tr><td valign="top" background="http://7soft.org.ru/images/baloon.png">
    <table><tr><td style="padding:20px 0px 20px 20px;">
    <div style="float:right;"><img border="0" src="http://7soft.org.ru/ajax/menu/info.png" width="40" height="40"></div> </td><td style="padding:15px; 15px; 15px; 0px;">
    <span style="font-weight:bold; font-size: 14px; color:#446aac;"> <b>$UNREAD_PM$ нов<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>ых<?else?><?if($UNREAD_PM$%10=1)?>ое<?else?>ых<?endif?><?endif?> сообщени<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>й<?else?><?if($UNREAD_PM$%10=1)?>е<?else?>я<?endif?><?endif?></b></span> <br>
    <span style="font-weight:bold; font-size: 11px;">
    Вам было прислано $UNREAD_PM$ нов<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>ых<?else?><?if($UNREAD_PM$%10=1)?>ое<?else?>ых<?endif?><?endif?> сообщени<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>й<?else?><?if($UNREAD_PM$%10=1)?>е<?else?>я<?endif?><?endif?>. Чтобы прочитать <?if($UNREAD_PM$=1)?>его<?else?>их<?endif?>, нажмите <a href="/index/14">сюда</a>.</span>
    </td><td valign="top" style="padding-top:20px;"><td align="right" valign="top" style="padding-top:20px; padding-right:20px;"><a class="closeball" onclick='document.getElementById("ball").style.display = "none";return false;'><img src="http://7soft.org.ru/images/cross1.png" onmouseover="this.src='http://7soft.org.ru/images/cross2.png'" onmouseout="this.src='http://7soft.org.ru/images/cross1.png'" alt="Закрыть" border="none"></a></td></td></tr></table>
    </td></tr></table>
</div><?endif?><?endif?>




7soft [B] контакте


Сообщение отредактировал 7soft - Понедельник, 30.08.2010, 16:21
 
antisept Дата: Вторник, 31.08.2010, 17:01 | Сообщение # 2
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
7soft, ниче не понятно. Нужно вообще все убрать и оставить только нижнюю панель на которой будут ajax окна?

Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
7soft Дата: Вторник, 31.08.2010, 18:51 | Сообщение # 3
Offline
Супер чел
Script Creator
Сообщений:420
Награды:15
Замечания:0%
Репутация
231
Нужно, чтобы при сворачивании окон, они появлялись на моей панели (как на вебтоповской), и по возможности оставить меню, появляющееся при нажатии правой кнопки мыши (Восстановить/Свернуть/Развернуть/Закрыть). Сама панель с вебтопа не нужна. Ярлыки также не нужны.

Добавлено (31.08.2010, 18:51)
---------------------------------------------
Ещё допускается вариант заменить в панели с вебтопа изображения и меню на мои.




7soft [B] контакте
 
  • Страница 1 из 1
  • 1
Поиск: