24
мар
2013
Добрый день! и снова сегодня я, и сегодня мы напишем как скрыть и показать диалог (список кто онлайн).
И так между тегами
Сохраним. и перед diva:
вставим:
и где:
ниже вставим еще один
Сохраним, и посмотрим что наша форма была скрыта. чтобы её открыт нам понадобится написать.
1. в style.css добавим:
сохраним и поместим в index.html кодик:
(перед тегом )
PS: картинку вы можете взять из исходника урока.
Ну и вот что у нас получилось.
Спасибо за внимание! исходник урока качаем ниже.
А еще забыл главное! ищем:
заменяем на:
Скачать
Делаем диалоги как вконтакте (Урок 02)
Добрый день! и снова сегодня я, и сегодня мы напишем как скрыть и показать диалог (список кто онлайн).
И так между тегами
<head></head>
вставим:<script language="javascript">
function expandit(id){
obj = document.getElementById(id);
if (obj.style.display=="none") obj.style.display="";
else obj.style.display="none";
}
</script>
function expandit(id){
obj = document.getElementById(id);
if (obj.style.display=="none") obj.style.display="";
else obj.style.display="none";
}
</script>
Сохраним. и перед diva:
<div id="block" class="block">
вставим:
<div id = "1" style="display:none">
и где:
</div>
</div>
</div>
</div>
</div>
</div>
</div>
ниже вставим еще один
</div>
Сохраним, и посмотрим что наша форма была скрыта. чтобы её открыт нам понадобится написать.
1. в style.css добавим:
.im_border {
background: white;
background: rgba(0, 0, 0, 0.75);
padding: 10px 10px 10px 10px;
border-radius: 3px 3px 3px 3px;
color:#FFFFFF;
width:80px;
}
.im_border a {
color:#AAA;
text-decoration: none
}
background: white;
background: rgba(0, 0, 0, 0.75);
padding: 10px 10px 10px 10px;
border-radius: 3px 3px 3px 3px;
color:#FFFFFF;
width:80px;
}
.im_border a {
color:#AAA;
text-decoration: none
}
сохраним и поместим в index.html кодик:
(перед тегом )
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle">
<div class="im_border">
<a style="cursor:pointer;" onclick="expandit('1')"><img src="images/ok.png" border="0px"></a>
<br>
<a style="cursor:pointer;" onclick="expandit('1')">Диалог</a>
</div>
</td>
</tr>
</table>
<tr>
<td align="center" valign="middle">
<div class="im_border">
<a style="cursor:pointer;" onclick="expandit('1')"><img src="images/ok.png" border="0px"></a>
<br>
<a style="cursor:pointer;" onclick="expandit('1')">Диалог</a>
</div>
</td>
</tr>
</table>
PS: картинку вы можете взять из исходника урока.
Ну и вот что у нас получилось.
Спасибо за внимание! исходник урока качаем ниже.
А еще забыл главное! ищем:
<div class="im_close" style="float:right;"><img src="./images/close.png"></div>
заменяем на:
<div class="im_close" style="float:right;cursor:pointer;" onclick="expandit('1')" title="Закрыть?"><img src="./images/close.png"></div>
|
|
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Datalife Engine
Релизы
WordPress
Joomla
Другие CMS
Web-Мастеру
Игры/Игровые CMSПоследние комментарии
-
Написал(а): JoesphJoift
В новости: Akeeba Admin Tools Pro v7.5.2 - безопасность и администрирование сайтов на Jooml ...Hi there, neighboring Californians! Just desired to place a quick note to let you know that my drywall repair venture is properly up and functional. Based precisely here in radiant California, I'm here to support homeowners throughout the coast with all their drywall demands. Whether you're handling with cracks, holes, or water damage, my team and I have the skills and proficiency to get your walls seeming good as new. So if you're in need of some repairs, don't pause to give us a call! Let's work together to keep those California homes in top-notch shape. -
Написал(а): dafaher
В новости: JRealtime Analytics v3.9.2 - компонент аналитики для JoomlaДобрый день, в первую очередь спасибо, что поделились такими ценными расширениями. Я просто хотел сообщить вам, что ссылка не работает, спасибо большое. -
Написал(а): arbuku2
В новости: DJ-Catalog2 v4.1.2 - каталог товаров для Joomladj-catalog2 v5 Когда он будет опубликован? When will it be published? -
Написал(а): SergTSY
В новости: QR Menu Maker v3.4.0 - бесконтактное меню ресторанаСсылки не рабочие.
Перезалейте, плз? -
Написал(а): anons01
В новости: Akeeba Backup Pro v9.9.2 - компонент резервного копирования для JoomlaUpload doesn't work -
Написал(а): sania4m
В новости: Aoxio v2.1 Nulled - скрипт для бронирования бизнес-услугустановка проходит , но не создается база данных -
Написал(а): Nibiru7
В новости: JRealtime Analytics v3.9.2 - компонент аналитики для Joomlaспасибо за -
Написал(а): jackxren88
В новости: Advanced Custom Fields Pro v2.7.7 - расширенные пользовательские поля для JoomlaМожет есть у кого-то решение как убрать "запрос на ключ"?