Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #41 (permalink)  
Старый 10.09.2012, 16:13
Аспирант
Отправить личное сообщение для zevilz Посмотреть профиль Найти все сообщения от zevilz
 
Регистрация: 24.05.2012
Сообщений: 93

хром. на ie у меня нет возможности на линуксе проверить
Вот разметка в сокращенном виде:
<div id="toppanel" tabindex="-1">
	<div id="panel">
		<div class="content_panel clearfix_panel">
			<input type='text' id='fld1' size='10' name='req_username' value=''>
			<input type='password' id='fld2' size='10' name='req_password' value=''>
		</div>
	</div>

	<div class="login_tab">
		<span id="toggle">
			<a id="open" class="open">Открыть панель</a>
			<a id="close" style="display: none;" class="close">Закрыть панель</a>
		</span>
	</div> 
</div>

Последний раз редактировалось zevilz, 10.09.2012 в 16:17.
Ответить с цитированием
  #42 (permalink)  
Старый 10.09.2012, 16:20
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

ну в хроме мой пример работает, в IE несколько другое восприятие nextSibling (решаемо)
Ответить с цитированием
  #43 (permalink)  
Старый 10.09.2012, 16:24
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

а ну я понял, попробуйте так
function Focus_and_Blur(opt){
      
      var elem = opt.elem, focusForElem;
        
       var body = document.body;
        
       body.setAttribute('tabindex',-1); 
      
      if (elem.addEventListener){ 
      
      elem.addEventListener('focus' , onFocus,true);
      
      body.addEventListener('focus',onDocumentFocus,true); 
    
      } else {
      
      elem.onfocusin = onFocus;
      body.onfocusin = onDocumentFocus;
    
      }
      
      function onFocus(e) {
      
        focusForElem = true;
        event.cancelBubble = true;
        opt.focus.call(this,e);
      }
      
        function onDocumentFocus (e) {
        
          if (focusForElem) {
            focusForElem = false;
            opt.blur.call(elem,e)
          }
        }
      
      };
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #44 (permalink)  
Старый 10.09.2012, 16:54
Аспирант
Отправить личное сообщение для zevilz Посмотреть профиль Найти все сообщения от zevilz
 
Регистрация: 24.05.2012
Сообщений: 93

даже панель просто не открывается
Ответить с цитированием
  #45 (permalink)  
Старый 10.09.2012, 16:58
Аспирант
Отправить личное сообщение для zevilz Посмотреть профиль Найти все сообщения от zevilz
 
Регистрация: 24.05.2012
Сообщений: 93

<!DOCTYPE HTML>
<html>
<head>
<style>
#toppanel {
	position:fixed;
	z-index: 999;
	margin:0px;}
#toppanel a {cursor:pointer;}
#toppanel:focus {outline: none;}
#panel {
	position: relative;
	z-index: 3;
	display: none;}
#toppanel .login_tab {
	position: relative;
	top: 0;
	z-index: 999;}
</style>
</head>
<body>

<div id="toppanel" tabindex="-1">
	<div id="panel">
		<div class="content_panel clearfix_panel">
			<input type='text' id='fld1' size='10' name='req_username' value=''>
			<input type='password' id='fld2' size='10' name='req_password' value=''>
		</div>
	</div>

	<div class="login_tab">
		<span id="toggle">
			<a id="open" class="open">Открыть панель</a>
			<a id="close" style="display: none;" class="close">Закрыть панель</a>
		</span>
	</div> 
</div>

<script>
function Focus_and_Blur(opt){
      
      var elem = opt.elem, focusForElem;
        
       var body = document.body;
        
       body.setAttribute('tabindex',-1); 
      
      if (elem.addEventListener){ 
      
      elem.addEventListener('focus' , onFocus,true);
      
      body.addEventListener('focus',onDocumentFocus,true); 
    
      } else {
      
      elem.onfocusin = onFocus;
      body.onfocusin = onDocumentFocus;
    
      }
      
      function onFocus(e) {
      
        focusForElem = true;
        event.cancelBubble = true;
        opt.focus.call(this,e);
      }
      
        function onDocumentFocus (e) {
        
          if (focusForElem) {
            focusForElem = false;
            opt.blur.call(elem,e)
          }
        }
      
      };
      Focus_and_Blur({
        elem:document.getElementById('toppanel'),
        focus:function () {
		$("div#panel").slideDown("slow");
		$("#toggle a").toggle();},
        blur: function () {
		$("div#panel").slideUp("slow");
		$("#toggle a").toggle();},}
      });
</script>
</body>
</html>

Последний раз редактировалось zevilz, 10.09.2012 в 17:32.
Ответить с цитированием
  #46 (permalink)  
Старый 10.09.2012, 17:04
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

хех, а вы функцию вызывать не пробывали?
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #47 (permalink)  
Старый 10.09.2012, 17:09
Аспирант
Отправить личное сообщение для zevilz Посмотреть профиль Найти все сообщения от zevilz
 
Регистрация: 24.05.2012
Сообщений: 93

Сообщение от cyber Посмотреть сообщение
хех, а вы функцию вызывать не пробывали?
Вот так вот:
$(document).ready(function() {...
Ответить с цитированием
  #48 (permalink)  
Старый 10.09.2012, 17:10
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

а в примере выше?
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #49 (permalink)  
Старый 10.09.2012, 17:33
Аспирант
Отправить личное сообщение для zevilz Посмотреть профиль Найти все сообщения от zevilz
 
Регистрация: 24.05.2012
Сообщений: 93

Отредактировал предыдущий. Не работает. Или я чего забыл?
Ответить с цитированием
  #50 (permalink)  
Старый 10.09.2012, 17:35
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

короче я понял в чем прикол, когда вернусь с треши покажу, если не засну
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с панелью вкладок в окне Eugent ExtJS 0 27.07.2012 15:19
Проблема с обработкой ескольких .hover() anocean jQuery 3 15.06.2012 22:43
Проблема с Popup окном vovuslik jQuery 5 12.06.2010 16:12
Проблема с дизайном после отправки xmlhttprequest, Проблема с дизайном после отправки cyberx AJAX и COMET 3 01.05.2010 17:07
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47