Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Как сделать чтобы при нажимании выскакивл чат в HTML-низе? <

Как сделать чтобы при нажимании выскакивл чат в HTML-низе? <

Страница: 1

Сообщений 1 страница 5 из 5

1

  • Автор: Tamu
  • Форумчанин
  • Tamu
  • Откуда: г.Минск, Беларусь
  • Зарегистрирован: 2011-02-19
  • Приглашений: 0
  • Сообщений: 61
  • Уважение: 0
  • Позитив: +7
  • Пол: Женский
  • Возраст: 25 [1999-03-19]
  • Провел на форуме:
    1 день 17 часов
  • Последний визит:
    2012-01-14 17:24:33

как так сделать чтобы при нажати, выскакивал допустим текст (в даном случае мини-чат)?

0

2

  • Автор: Deff
  • Помощник ZeroParking
  • Зарегистрирован: 2010-09-17
  • Приглашений: 0
  • Сообщений: 3019
  • Уважение: +912
  • Позитив: +117
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2014-03-14 16:00:36
Tamu написал(а):

как так сделать чтобы при нажати, выскакивал допустим текст (в даном случае мини-чат)?

<!--начало кода сворачивания чата-->
<div style="position: fixed; bottom: 1px; right: 1px; /*opacity: 1*/; z-index: 1000;"><!--ЧАТ-->
<div id="chat" style="display: none;">
  <table style="border: 1px solid gray; background: none repeat scroll 0% 0% rgb(0, 0, 0);" border="0" cellpadding="0" cellspacing="0" width="600">
   <tr>
    <td style="background: none repeat scroll 0% 0% rgb(0, 0, 0); text-align: center; border-top: 1px solid gray;">

ТУТ КОД ЧАТА

<table border="0" cellpadding="1" cellspacing="1" width="100%">
  <tr>
   <td width="206"></td>
  </tr>
</table>
</td>
   </tr>
  </table>
</div>
<div onclick="$('#chat').slideToggle(2000)" style="float:right;height: 22px; width: 400px; border: 1px solid gray; background: none repeat scroll 0% 0% #793B2C; margin-top: 1px;">
  <div style="margin-top: 4px; text-align: center;">
<img src="http://savepic.ru/2041767.jpg" border="0" height="23" width="100" style="margin-top: -5px;">
  </div>
</div>
</div><!--Конец сворачивания чата-->

0

3

  • Автор: Tamu
  • Форумчанин
  • Tamu
  • Откуда: г.Минск, Беларусь
  • Зарегистрирован: 2011-02-19
  • Приглашений: 0
  • Сообщений: 61
  • Уважение: 0
  • Позитив: +7
  • Пол: Женский
  • Возраст: 25 [1999-03-19]
  • Провел на форуме:
    1 день 17 часов
  • Последний визит:
    2012-01-14 17:24:33

эм... вам конечно спасибо... но я не так имела ввиду. а Форме ответа чтобы была типо значка "ЧАТ", а при нажатии он выскакивал... можно так?))

0

4

  • Автор: Deff
  • Помощник ZeroParking
  • Зарегистрирован: 2010-09-17
  • Приглашений: 0
  • Сообщений: 3019
  • Уважение: +912
  • Позитив: +117
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2014-03-14 16:00:36

Tamu Чуть поправил Уже вместе с Вашим кодом

Код:
<!--начало кода сворачивания чата-->
<div style="position: fixed; bottom: 1px; right: 1px; /*opacity: 1*/; z-index: 1000;"><!--ЧАТ-->
<div id="chat" style="display: none;">
  <table style="border: 1px solid gray; background: none repeat scroll 0% 0% rgb(0, 0, 0);" border="0" cellpadding="0" cellspacing="0" width="500">
   <tr>
    <td style="background: none repeat scroll 0% 0% rgb(0, 0, 0); text-align: center; border-top: 1px solid gray;">

<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="500" height="260" src="http://www2.cbox.ws/box/?boxid=2118901&amp;boxtag=t907bj&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#ababab 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="500" height="75" src="http://www2.cbox.ws/box/?boxid=2118901&amp;boxtag=t907bj&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#ababab 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>

<table border="0" cellpadding="1" cellspacing="1" width="100%">
  <tr>
   <td width="206"></td>
  </tr>
</table>
</td>
   </tr>
  </table>
</div>
<div onclick="$('#chat').slideToggle(2000)" style="float:right;height: 22px; width: 400px; border: 1px solid gray; background: none repeat scroll 0% 0% #793B2C; margin-top: 1px;">
  <div style="margin-top: 4px; text-align: center;">
<img src="http://savepic.ru/2041767.jpg" border="0" height="23" width="100" style="margin-top: -5px;">
  </div>
</div>
</div><!--Конец сворачивания чата-->

Отредактировано Deff (2011-02-25 22:01:27)

0

5

  • Автор: Tamu
  • Форумчанин
  • Tamu
  • Откуда: г.Минск, Беларусь
  • Зарегистрирован: 2011-02-19
  • Приглашений: 0
  • Сообщений: 61
  • Уважение: 0
  • Позитив: +7
  • Пол: Женский
  • Возраст: 25 [1999-03-19]
  • Провел на форуме:
    1 день 17 часов
  • Последний визит:
    2012-01-14 17:24:33

всё тоже самое...

0

Страница: 1

Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Как сделать чтобы при нажимании выскакивл чат в HTML-низе? <

Рейтинг форумов | Создать форум бесплатно