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

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

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

Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Выплывающее меню в таблице.

Выплывающее меню в таблице.

Страница: 1

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

1

  • Автор: Ким Хён Чжун
  • Форумчанин
  • Ким Хён Чжун
  • Зарегистрирован: 2011-05-09
  • Приглашений: 0
  • Сообщений: 42
  • Уважение: +2
  • Позитив: +12
  • Провел на форуме:
    1 день 12 часов
  • Последний визит:
    2013-03-26 22:09:38

Вопрос вот в чем. Есть код таблицы. Вот он:

Код:
<table align="center" width="100%" cellspacing="0" cellpadding="0" border="1">
<tr>
 <td align="center">
<!-- Welcome -->
<DIV><div class=splLink><img src="http://radikal.ua/data/upload/4fa6c/ba193/3353b86ffd.png" alt="" border="0" style="width:100%;"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont >


Ваш Контент Администрации

</DIV></DIV>
 </td>
 <td align="center">
<!-- PR -->
<DIV><div class=splLink><img src="http://mpchat.com/narion/img/musor/admin.png" alt="" border="0" style="width:100%;"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<img src="http://mpchat.com/narion/img/musor/adminko.png">

</DIV></DIV>
 </td>
 <td align="center">
<!-- Links -->
<DIV><div class=splLink><img src="http://mpchat.com/narion/img/musor/news.png" alt="" border="0" style="width:100%;"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Гоу писать новостю!


</DIV></DIV>
 </td>
 <td align="center">
<!-- Story -->
<DIV><div class=splLink><img src="http://mpchat.com/narion/img/musor/navigaciya.png" alt="" border="0" style="width:100%;"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>


<a href="http://doubleseoul.rolka.su/viewtopic.php?id=5"><br>~Правила~</a>
<a href="http://doubleseoul.rolka.su/viewtopic.php?id=48"><br>~FAQ~</a>
<a href="http://doubleseoul.rolka.su/viewtopic.php?id=15"><br>~Сюжет~</a>
<a href="http://doubleseoul.rolka.su/viewtopic.php?id=13"><br>~Как начать играть?~</a>
<a href="http://doubleseoul.rolka.su/viewforum.php?id=6"><br>~Акции~</a>
<a href="http://doubleseoul.rolka.su/viewtopic.php?id=17"><br>~Разыскиваются~</a>

</DIV></DIV>
 </td>
 <td align="center">
<!-- Copy -->
<DIV><div class=splLink><img src="http://mpchat.com/narion/img/musor/piar.png" alt="" border="0" style="width:100%;"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>


Для рекламы, гости форума, могут использовать логин <b>PR</b> и пароль <b>12345.</b> <br>Участники могут оставлять рекламу и от своего имени. Вся реклама <b>т о л ь к о</b> взаимная

</DIV></DIV>
 </td>
</tr>
</table>

Все в нем хорошо, кроме одного.... Выплывающее меню появляется при клике менее чем на секунду и тут же исчезает. Как с этим бороться?

0

2

  • Автор: Totchi
  • Новичок
  • Totchi
  • Зарегистрирован: 2011-07-14
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: +1
  • Позитив: +3
  • Провел на форуме:
    22 часа 51 минуту
  • Последний визит:
    2012-01-21 20:57:06

Добрый день, товарищ Хен Джун и товарищи админы.
Вот у меня похожая проблема и я жаждаю вашей помощи.
Надеюсь на примере коллеги Джуна разобраться.

+1

3

  • Автор: Ким Хён Чжун
  • Форумчанин
  • Ким Хён Чжун
  • Зарегистрирован: 2011-05-09
  • Приглашений: 0
  • Сообщений: 42
  • Уважение: +2
  • Позитив: +12
  • Провел на форуме:
    1 день 12 часов
  • Последний визит:
    2013-03-26 22:09:38

Вопрос все еще актуален. Очень ждем помощи.

0

4

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

Все в нем хорошо, кроме одного.... Выплывающее меню появляется при клике менее чем на секунду и тут же исчезает. Как с этим бороться?

:glasses:  Убрать в самом начале HTML низ скрипт

<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

(Он есть у Вас в самом низу и более правильный

Типовая ошибка Повторного применения скрипта - один скрипт по клику открывает окно - второй(по этому же клику) - закрывает

Отредактировано Deff (2011-08-19 14:41:13)

+1

5

  • Автор: Toshiro-kun
  • Да, модератор я, угу
  • Toshiro-kun
  • Зарегистрирован: 2010-03-08
  • Приглашений: 0
  • Сообщений: 3766
  • Уважение: +1013
  • Позитив: +9
  • Пол: Мужской
  • Возраст: 34 [1990-08-29]
  • Провел на форуме:
    1 месяц 5 дней
  • Последний визит:
    2012-08-11 15:49:22

Ким Хён Чжун

Код:
<table align="center" width="100%" cellspacing="0" cellpadding="0" border="1">
<tr>
 <td width="20%" align="center">
<!-- Welcome -->
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://radikal.ua/data/upload/4fa6c/ba193/3353b86ffd.png"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div>
 </td>
 <td width="20%" align="center">
<!-- Admins -->
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://mpchat.com/narion/img/musor/admin.png" ></div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"><img src="http://mpchat.com/narion/img/musor/adminko.png"></DIV></DIV>
</div>
 </td>
 <td width="20%" align="center">
<!-- News -->
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://mpchat.com/narion/img/musor/news.png" ></div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div>

 </td>
 <td width="20%" align="center">
<!-- Links -->
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://mpchat.com/narion/img/musor/navigaciya.png"></div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"><a href="http://doubleseoul.rolka.su/viewtopic.php?id=5"><br>~Правила~</a>
<a href="http://doubleseoul.rolka.su/viewtopic.php?id=48"><br>~FAQ~</a>
<a href="http://doubleseoul.rolka.su/viewtopic.php?id=15"><br>~Сюжет~</a>
<a href="http://doubleseoul.rolka.su/viewtopic.php?id=13"><br>~Как начать играть?~</a>
<a href="http://doubleseoul.rolka.su/viewforum.php?id=6"><br>~Акции~</a>
<a href="http://doubleseoul.rolka.su/viewtopic.php?id=17"><br>~Разыскиваются~</a></DIV></DIV>
</div>
 </td>
 <td width="20%" align="center">
<!-- PR -->
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://mpchat.com/narion/img/musor/piar.png" ></div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Для рекламы, гости форума, могут использовать логин <b>PR</b> и пароль <b>12345.</b> <br>Участники могут оставлять рекламу и от своего имени. Вся реклама <b>т о л ь к о</b> взаимная</DIV></DIV>
</div>
 </td>
</tr>
</table>

HTML-верх

Код:
<style> 
div .splLink {width: 150px; height: 65px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 60px; }
.spll div .splCont {height: auto; width: 180px;  padding: 5px; z-index: 1000;  border: 1px solid #002000; font-size: 12px; background: #; font-family: Georgia; text-align: center; color: #020000; }
</style>

HTML-низ

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

саму таблицу полностью исправил. Если у вас нет кодов в низу в верху - добавить если есть то не нужно

+1

6

  • Автор: Ким Хён Чжун
  • Форумчанин
  • Ким Хён Чжун
  • Зарегистрирован: 2011-05-09
  • Приглашений: 0
  • Сообщений: 42
  • Уважение: +2
  • Позитив: +12
  • Провел на форуме:
    1 день 12 часов
  • Последний визит:
    2013-03-26 22:09:38

Итого, что я имею.
Исправил код таблицы. Добавил скрипты вверх и вниз.
Результатом было немного съехавшая таблица, точнее ее графы, но при клике на меню - вылезало окошко, тут же убиралось, но вылезало снова и застывало.
Затем по предыдущему совету убрал лишний скрипт внизу. Результат.. выплывающее меню снова мгновенно исчезает.

Хотелось бы, что бы оно всплывало и сразу замирало, не мигая (немного напряжно для глаз и хочется автоматически кликнуть еще раз). И загнать надписи обратно, по центру таблицы. ) Заранее спасибо. )

0

7

  • Автор: Totchi
  • Новичок
  • Totchi
  • Зарегистрирован: 2011-07-14
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: +1
  • Позитив: +3
  • Провел на форуме:
    22 часа 51 минуту
  • Последний визит:
    2012-01-21 20:57:06

убрать ненужный скрипт и все работает.
благодарю.

0

8

  • Автор: Ким Хён Чжун
  • Форумчанин
  • Ким Хён Чжун
  • Зарегистрирован: 2011-05-09
  • Приглашений: 0
  • Сообщений: 42
  • Уважение: +2
  • Позитив: +12
  • Провел на форуме:
    1 день 12 часов
  • Последний визит:
    2013-03-26 22:09:38

Все. Работает. Разобрались. ) Всем спасибо. )

0

9

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

<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>

Toshiro-kun не нужна и вредна эта строка!!!
В самом начале любой страницы на mybb стоит код!

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Эта более современная версия и её использует, в частности скрипт рекламы сервиса - вы же - повторной загрузкой более старой библиотеки с большой вероятностью вызовите глюки в некоторых скриптах
(*В частности слайд шоу м спойлера

0

10

  • Автор: Toshiro-kun
  • Да, модератор я, угу
  • Toshiro-kun
  • Зарегистрирован: 2010-03-08
  • Приглашений: 0
  • Сообщений: 3766
  • Уважение: +1013
  • Позитив: +9
  • Пол: Мужской
  • Возраст: 34 [1990-08-29]
  • Провел на форуме:
    1 месяц 5 дней
  • Последний визит:
    2012-08-11 15:49:22

Deff
ммм, хорошо не надо так не надо, буду знать, просто использовал всегда именно такой вариант ни кто не жаловался. все равно благодарю)

+1

Страница: 1

Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Выплывающее меню в таблице.

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