Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 09.09.2012, 13:46
Интересующийся
Отправить личное сообщение для kingrus Посмотреть профиль Найти все сообщения от kingrus
 
Регистрация: 02.02.2011
Сообщений: 28

Опять трудность, на созданном диве работает. Но у меня див создается при событии, попробуй в свой код, в начало добавь вот это
window.onload = function(){
		var div = document.createElement('div');
		div.setAttribute('id','bla');
		document.body.appendChild(div);
		}

и уже не работает...
до hover({.... я уже пробовал существование if(document.getElementById('bla')) - не помогло
Ответить с цитированием
  #12 (permalink)  
Старый 09.09.2012, 13:48
Интересующийся
Отправить личное сообщение для kingrus Посмотреть профиль Найти все сообщения от kingrus
 
Регистрация: 02.02.2011
Сообщений: 28

как раз у меня поэтому ошибка и вылазила... так как он дива того не видит
Ответить с цитированием
  #13 (permalink)  
Старый 09.09.2012, 13:52
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

в jquery уже есть метод hover он встроенный используйте его
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #14 (permalink)  
Старый 09.09.2012, 13:59
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

все работает
<!DOCTYPE HTML>
<html>
  <head>
  <style>
    .d{
      width:200px;
      height:200px;
      border:3px solid black;
    
    
    }
    
    
    
    </style>
  </head>
  <body>
    <a href='#' id='create'>create</a>
    
    <script>
      function _(selector) {
      
      return document.querySelectorAll(selector)[0];
      }

      
      _('#create').onclick = createElement;
      
        function createElement(){
         var div = document.createElement('div');
          div.className='d';
          
          document.body.appendChild(div);
          hover({
            elem:div,
            over:function (){
            
            alert('over');
            },
            
            out:function () {
            
            
            alert('out');
            }
          
          })
        
         return false;
        };
      
      
           
function hover (opt) {
	
 opt.elem.onmouseover = ElemMouseAction;	 
 opt.elem.onmouseout = ElemMouseAction;
 	
 function ElemMouseAction (evt) {
  var related, Call;
  var e = evt || event;	 
 
	if(e.type == 'mouseover'){  
	  Call = opt.over; 
	  related = e.relatedTarget || e.fromElement;
	  
	} else {
	  Call = opt.out; 
	  related =  e.relatedTarget || e.toElement;
	  
		}
		
			
	while (related && related != this) {
		related = related.parentNode;
		} 
	  
	  if(related == this) return;
	 
	  Call();
	 
	 }	

	
	}
	

    </script>

  </body>
</html>
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #15 (permalink)  
Старый 09.09.2012, 14:14
Интересующийся
Отправить личное сообщение для kingrus Посмотреть профиль Найти все сообщения от kingrus
 
Регистрация: 02.02.2011
Сообщений: 28

Спасибо огромное за такую помощь!
Все заработало просто я
hover({
	elem:document.getElementById('bla'),
	over:function () {// срабатывает при mouseover
	alert('over');	
		},
	out:function (){// срабатывает при mouseout
		
      alert('out');
		}	
	
	});

добавил в саму функцию, которая и создает див. Все отлично. Только теперь разберу, что к чему, до конца.
Еще раз спасибо!)
Ответить с цитированием
  #16 (permalink)  
Старый 09.09.2012, 14:14
Интересующийся
Отправить личное сообщение для kingrus Посмотреть профиль Найти все сообщения от kingrus
 
Регистрация: 02.02.2011
Сообщений: 28

обошелся без jqvery
Ответить с цитированием
  #17 (permalink)  
Старый 09.09.2012, 14:32
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

если нужна поддержка ие меньше 8 , функцию
function _(selector) {
      
      return document.querySelectorAll(selector)[0];
      }

не используйте
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #18 (permalink)  
Старый 09.09.2012, 14:42
Интересующийся
Отправить личное сообщение для kingrus Посмотреть профиль Найти все сообщения от kingrus
 
Регистрация: 02.02.2011
Сообщений: 28

я думаю, < 8 не будет, спасибо)
Ответить с цитированием
  #19 (permalink)  
Старый 09.09.2012, 14:47
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

ну тогда тут описано как работает этот метод http://learn.javascript.ru/searching...electorall-css
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как правильно подавить событие при подключении своего обработчика? Маэстро Firefox/Mozilla 2 03.09.2011 10:46
Отловить событие simple Events/DOM/Window 3 11.05.2011 13:20
Как фоновое изображение дочерних объектов... DDSSDD Элементы интерфейса 4 11.04.2011 17:52
Быстрый поиск объектов Shasoft Общие вопросы Javascript 7 30.07.2009 04:28
какое событие возникает во время формирования html IT-AleX Events/DOM/Window 2 20.02.2009 15:13