Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / список обратно не скрывается / 25 сообщений из 35, страница 1 из 2
  1  все
10.09.2014, 14:20
    #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:37
    #38742992
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
список обратно не скрывается
PHucker, разметка где?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.09.2014, 14:52
    #38743037
PHucker
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
список обратно не скрывается
skyANA,

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

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

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

Я не знаю язык Jquery т.к я новичок. И мен бы дополнить этот скрипт, чтобы он обратно скрывался. Извиняюсь и прошу помощиСкрипт - это хорошо. А где HTML разметка, для которой он применяется? Где сам список?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.09.2014, 15:09
    #38743085
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
список обратно не скрывается
Понятно, что список должен раскрываться при наведении на надпись в заголовке. А по какому принципу он должен скрываться?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.09.2014, 06:08
    #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, 08:14
    #38743753
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
список обратно не скрывается
skyANAА по какому принципу он должен скрываться?
PHuckerПри наведении.
На что?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.09.2014, 08:28
    #38743756
PHucker
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
список обратно не скрывается
krvsa,

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

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

Да-да. При наведении на название списка, список раскрывается. А когда курсор покидает этот блок, то список обратно скрывается.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.09.2014, 09:37
    #38743803
PHucker
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
список обратно не скрывается
Или так: при наведении на div="box" он раскрывался и т.д.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.09.2014, 09:40
    #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:42
    #38743811
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
список обратно не скрывается
Ну и полезные ссылки:
.hover()

песочница
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.09.2014, 09:51
    #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:57
    #38743834
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
список обратно не скрывается
PHucker, как же с Вами трудно.

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

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

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

Да не издеваюсь я :D. Просто не могу объяснить на языке JS. Думал вы понимаете меня :D :D :D
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.09.2014, 10:31
    #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:44
    #38743893
PHucker
PHucker
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
список обратно не скрывается
krvsa,

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


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