ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / список обратно не скрывается
25 сообщений из 35, страница 1 из 2
  1  все
список обратно не скрывается
    #38742954
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
Есть у меня такой скрипт. Т.к я не знаю Jquery решил обратиться сюда.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<script>
$(document).ready(function(){
$("ul").hide();
$('h4 span').mouseenter(function(){
$(this).parent().next().show(300);
}); 
}); 
</script>


он список раскрывает, но обратно не могу скрыть. Пробовал так
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<script>
$(document).ready(function(){
$("ul").hide();
$('h4 span').mouseenter(function(){
$(this).parent().next().show(300);
$('.centermenu').mouseleave(function(){
$(this).parent().next().hide(300);
}); 
}); 
</script>


при открытии страницы список раскрытый. И не скрывает и не раскрывает. Заранее спасибо!
...
Рейтинг: 0 / 0
10.09.2014, 14:20
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38742992
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHucker, разметка где?
...
Рейтинг: 0 / 0
10.09.2014, 14:37
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743037
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
skyANA,

Я не знаю язык Jquery т.к я новичок. И мен бы дополнить этот скрипт, чтобы он обратно скрывался. Извиняюсь и прошу помощи
...
Рейтинг: 0 / 0
10.09.2014, 14:52
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743056
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
PHucker,

приветствую! Тут гуру намекают, что нужен код HTML+CSS+jQuery, чтобы скопировать в буфер и посмотреть где не работает.
Или ссылку на ресурс типа такого 16123736 .

PHuckerЯ не знаю язык Jquery т.к я новичок. А я его вообще не знаю :)   Какое задание? Точна нужна эта библиотека?
...
Рейтинг: 0 / 0
10.09.2014, 15:00
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743063
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHuckerskyANA,

Я не знаю язык Jquery т.к я новичок. И мен бы дополнить этот скрипт, чтобы он обратно скрывался. Извиняюсь и прошу помощиСкрипт - это хорошо. А где HTML разметка, для которой он применяется? Где сам список?
...
Рейтинг: 0 / 0
10.09.2014, 15:04
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743085
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Понятно, что список должен раскрываться при наведении на надпись в заголовке. А по какому принципу он должен скрываться?
...
Рейтинг: 0 / 0
10.09.2014, 15:09
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743727
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
skyANA,

При наведении. Извиняюсь за глупость. Вот и разметка:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
    <style>
h3 { cursor:pointer;}
</style>
</head>
<body>
<div class="box">
    <h3><span>Список №1+</span></h3>
    <ul>
        <li>Пункт №1</li>
        <li>Пункт №2</li>
        <li>Пункт №3</li>
        <li>Пункт №4</li>
    </ul>
</div>
<div class="box">
    <h3><span>Список №2+</span></h3>
    <ul>
        <li>Пункт №5</li>
        <li>Пункт №6</li>
        <li>Пункт №7</li>
        <li>Пункт №8</li>
    </ul>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
11.09.2014, 06:08
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743753
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
skyANAА по какому принципу он должен скрываться?
PHuckerПри наведении.
На что?
...
Рейтинг: 0 / 0
11.09.2014, 08:14
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743756
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
krvsa,

На название списка. Может не надо издеваться над новичком?
...
Рейтинг: 0 / 0
11.09.2014, 08:28
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743775
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
PHuckerМожет не надо издеваться над новичком?
Да ты пока даже объяснить толком ничего не можешь...

На спан навели - список появился... А со спана убрали - он закрылся. Так челе?
...
Рейтинг: 0 / 0
11.09.2014, 09:09
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743777
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
PHucker,
 
Можно вообще без скриптов
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<html>
<head>
<style>
.box {margin-top:10px;}
.box ul {display:none;}
.box span {cursor:pointer; font-weight:700;}
.box span:hover + ul{display:block;}
</style>
</head>
<body>
<div class="box">
	<span>Список №1</span>
	<ul>
		<li>Пункт №1</li>
		<li>Пункт №2</li>
		<li>Пункт №3</li>
		<li>Пункт №4</li>
	</ul>
</div>
<div class="box">
	<span>Список №2</span>
	<ul>
		<li>Пункт №5</li>
		<li>Пункт №6</li>
		<li>Пункт №7</li>
		<li>Пункт №8</li>
	</ul>
</div>
</body>
</html>

...
Рейтинг: 0 / 0
11.09.2014, 09:17
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743780
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
user89, у ТС разметка другая :)
...
Рейтинг: 0 / 0
11.09.2014, 09:20
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743785
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Пусть так... Но сама идея фигня. В этом случае список можно только увидеть и не более того...
...
Рейтинг: 0 / 0
11.09.2014, 09:23
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743802
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
krvsa,

Да-да. При наведении на название списка, список раскрывается. А когда курсор покидает этот блок, то список обратно скрывается.
...
Рейтинг: 0 / 0
11.09.2014, 09:35
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743803
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
Или так: при наведении на div="box" он раскрывался и т.д.
...
Рейтинг: 0 / 0
11.09.2014, 09:37
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743807
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHucker, почему Вам так трудно объяснить задание? Прослушали его, забыли записать, потеряли?

Если необходимо сделать что-то типа всплывающей подсказки:
- пользователь наводит курсор мыши на заголовок списка и видит его содержание;
- пользователь уводит курсор мыши с заголовка, список скрывается

То можно переделать Ваш скрипт вот так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
<!DOCTYPE html>
<html>  
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <style>
    .box h3 { cursor: pointer; }      
    .box ul { display: none; } /* Изначально списки скрыты */
  </style>
</head>
<body>
  <div class="box">
    <h3>
      <span>Список №1+</span>
    </h3>
    <ul>
      <li>Пункт №1</li>
      <li>Пункт №2</li>
      <li>Пункт №3</li>
      <li>Пункт №4</li>
    </ul>
  </div>
  <div class="box">
    <h3>
      <span>Список №2+</span>
    </h3>
    <ul>
      <li>Пункт №5</li>
      <li>Пункт №6</li>
      <li>Пункт №7</li>
      <li>Пункт №8</li>
    </ul>
  </div>
  <script>
    $('h3 span').hover(onTitleMouseIn, onTitleMouseOut);
    
    /**
     * При наведении курсора мыши на заголовок списка, показываем последний.
     */
    function onTitleMouseIn() {
      $(this).parent().next().show(300);
    }
    
    /**
     * При снятии наведения курсора мыши с заголовока списка, скрываем последний.
     */
    function onTitleMouseOut() {
      $(this).parent().next().hide(300);
    }
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
11.09.2014, 09:40
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743811
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Ну и полезные ссылки:
.hover()

песочница
...
Рейтинг: 0 / 0
11.09.2014, 09:42
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743822
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
skyANA,

Извиняюсь. Есть такой список:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<div id="box"> 
				<h4 class="menutitle"><span>Информация</span></h4>		
                <ul class="centermenu">
                        <li class="centermenu"></li>
                        <li class="centermenu">></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                </ul> 
				</div>
При наведении h4 span список выпадает, но обратно не скрывается и таким остается. Вот скрипт(не мой):

[/SR[SRC JS]$(document).ready(function(){
$("ul").hide();
$('h4 span').hover(function(){
$(this).parent().next().show(300);
}); 
$('.centermenu').mouseout(function(){
$('.centermenu').parent().next().hide(300);
}); 
});

C]

Думаю вы поймете все прочитав вышенаписанный скрипт
...
Рейтинг: 0 / 0
11.09.2014, 09:51
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743834
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHucker, как же с Вами трудно.

Вам меню надо сделать? Которое раскрывается, и по нему можно водить курсором мыши? И оно скрывается, когда курсор мыши покидает его?

А разметку можно изменить? А почему имено скриптом поведение меню решили сделать? Выпадающее меню можно чисто на CSS запилить, примерно как выше показано.
...
Рейтинг: 0 / 0
11.09.2014, 09:57
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743848
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
skyANAPHucker, как же с Вами трудно.
И кто над кем издевается...
...
Рейтинг: 0 / 0
11.09.2014, 10:09
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743871
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
skyANA,

:D глубоко извиняюсь)) можно и .hover'ом) ну с CSS'ом не плавно получается. Может попробуете посмотреть скрипт на практике? Там виднее.
...
Рейтинг: 0 / 0
11.09.2014, 10:26
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743875
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
krvsa,

Да не издеваюсь я :D. Просто не могу объяснить на языке JS. Думал вы понимаете меня :D :D :D
...
Рейтинг: 0 / 0
11.09.2014, 10:27
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743880
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHucker, а нам не надо на языке JS. Вы на простом человеческом языке объясните, что Вы хотите сделать.

Неужели так сложно?
...
Рейтинг: 0 / 0
11.09.2014, 10:31
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743881
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
PHuckerПросто не могу объяснить на языке JS. Думал вы понимаете меня :D :D :D
Никакого JSф от тебя и не требуют... Ждут простое "житейское" объяснение. Коего пока так и не услышали...
...
Рейтинг: 0 / 0
11.09.2014, 10:31
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743893
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
krvsa,

Самое "короче". Нужно сделать так, чтоб список раскрывался и скрывался при наведении. И надо учитывать то, что при наведении выпадал именно тот список, к которому наведен курсор. А то я пробовал другой скрипт и у меня раскрывались сразу все списки. $(this) что ли... Было еще такое: все работало при наведении на название списка(раскрывался и скрывался) только проблема была в том, что если курсор покидает поле названия списка, то список обратно скрывался и я не мог выбрать элемент из списка. Поэтому говорил что при наведении на имя списка нужно раскрыть список, а при покидании "див"а с классом или с "АЙ-ДИ" список обратно скрывался.
...
Рейтинг: 0 / 0
11.09.2014, 10:44
| Ответить | Цитировать | Написать  
25 сообщений из 35, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / список обратно не скрывается
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38742992&tid=1446725]:
 0ms
get settings:
 7ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 148ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 62ms
get tp. blocked users:
 1ms
others: 203ms
total:  455ms
созд. / загр.: 455ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]