Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Динамика tooltip (https://javascript.ru/forum/dom-window/52082-dinamika-tooltip.html)

Phonixe 03.12.2014 14:55

Динамика tooltip
 
Привет ребят помогите сделать скрипт работающим.
Меня задолбал уже этот jQuery не знаю в чем ошибка.

HTML

<!-- Главный блок -->
<div class="one">
<div class="two">Блок/Полле ввода</div>

<div class="info">Информация, (tooltip примерно как в фреймворке boostrap)</div>
</div>

Оригинал на чистом js:

var elem = document.getElementsByClassName( "two" );
			
		for ( var i = 0; i < elem.length; i++ ) {
	
			if ( elem[ i ].parentNode.getElementsByClassName( 'info' )[ 0 ] ) {
	
				elem[ i ].onmouseenter = function () {
				
					this.parentNode.getElementsByClassName( 'info' )[ 0 ].css.style.display = "block";
					
				}
				
				elem[ i ].onmouseleave = function () {
				
					this.parentNode.getElementsByClassName( 'info' )[ 0 ].css.style.display = "none";
					
				}
				
			}

		}


jQuery

var elem = $( ".two" );
			
		for ( var i = 0; i < elem.length; i++ ) {
	
			if ( elem[ i ].parentNode.getElementsByClassName( 'info' )[ 0 ] ) {
	
				elem[ i ].onmouseenter = function () {
				
					...
					this.parent() // дальше parent'a ничего не читается
					
				}
				
				elem[ i ].onmouseleave = function () {
				
					...
					this.parent() // дальше parent'a ничего не читается
					
				}
				
			}

		}

danik.js 03.12.2014 14:57

Гыгы а где там jquery )))

danik.js 03.12.2014 14:59

Цитата:

Сообщение от Phonixe
this.parent()

Нет у элементов такого метода. Есть свойство .parentNode

Phonixe 03.12.2014 15:08

я не пойму как на jquery написать рабочий скрипт, заменить весь код оригинального на jquery

ruslan_mart 03.12.2014 15:11

Phonixe, на чистом JS код лучше и производительней, зачем переписывать его на jQuery? Чтобы сэкономить пару-тройку символов?

Phonixe 03.12.2014 15:14

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

danik.js 03.12.2014 15:19

Ruslan_xDD, а теперь смотрим на таблицу поддержки событий mouseenter/mouseleave и добавляем еще пачку строк некрасивого кода :)

danik.js 03.12.2014 15:20

Цитата:

Сообщение от Phonixe
.css.style

Откуда у элементов возьмется свойство css?

ruslan_mart 03.12.2014 15:24

danik.js, и чёрт с ними, лучше костыль написать, чем целую библиотеку ради пары ф-ций подключать. Просто большинство пользователей jQuery, подключают её ради использования 5-10% её функционала.

Видел даже личностей, которые подключают jQuery ради того, чтобы подключить плагин jQuery.cookie и использовать только getCookie.

Phonixe 03.12.2014 15:24

опечатка, скрипт оригинала рабочий, когда переписывл его для форума он несколько иной был, там все правильно работает ну разве что css там нет.
ну так что ребят поможете переписать на jquery?


Часовой пояс GMT +3, время: 02:48.