Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> focus() на div 
V
    Опции темы
Shark
Дата 16.1.2011, 17:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 703
Регистрация: 18.6.2006
Где: Москва

Репутация: нет
Всего: 4



есть ссылка:
Код

<div id='menu'><a href=# class="pressit_glav">Главная</a></div>

и ajax код:
Код

$(document).ready
    (
        function()
            {
                $('.glav').hide()
                $('.pressit_glav').click
                    (    
                        function()
                            {
                                $('.glav').fadeIn("slow");   

                            }
                    )
            }
    );

при нажатии на класс pressit_glav, открывается div
Код

<div class="glav"><a href='' id='news' >Новости</a><br /><a href='#' id='photo'>Фотогалерея</a><br />Видео</div>

при нажатии на ссылку id=photo из этого div'а
срабатывает ajax код:
Код

$(document).ready    
(
    function()
        {
            $('#view_news_sid').hide()
            $('#photo').click
                (
                    function()
                        {
                            $('#view_news_sid').hide("medium");
                            $('#view_news_sid').load('tbl/default/photo.php').fadeIn("slow"); 
                        }
                )
        }                
);

тут открывает информационный div (<div id="view_news_sid"></div>)

как сделать так, чтоб при нажатии на ссылку в div class=glav, фокус становился на div id="view_news_sid" автоматически? 


Это сообщение отредактировал(а) Shark - 16.1.2011, 17:18


--------------------
Смерть - это только начало... 
Агентство недвижимости Premial
PM MAIL WWW ICQ   Вверх
skyboy
Дата 16.1.2011, 19:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 3
Всего: 260



window.location.hash = "view_news_sid". но это НЕ focus(). focus() - указание, куда будет перенаправляться ввод с клавиатуры. в div нажимаемые клавишы не перенаправляются.
PM MAIL   Вверх
Shark
Дата 16.1.2011, 20:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 703
Регистрация: 18.6.2006
Где: Москва

Репутация: нет
Всего: 4



skyboy, а если использовать это:
Код

<a name="news">News</a>
<a href="#news"></a>


поможет или нет?


--------------------
Смерть - это только начало... 
Агентство недвижимости Premial
PM MAIL WWW ICQ   Вверх
Shark
Дата 16.1.2011, 22:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 703
Регистрация: 18.6.2006
Где: Москва

Репутация: нет
Всего: 4



Код

window.location.hash = "view_news_sid"

не работает, а мой способ, работает, но если колесиком поднять страницу, то не работает почему-то уже :(

Добавлено через 1 минуту и 52 секунды
у меня странице не перезагружается... у меня обновляется только один контейнер и все.. в него и подгружаются данный, и на него мне нужно перемещение


--------------------
Смерть - это только начало... 
Агентство недвижимости Premial
PM MAIL WWW ICQ   Вверх
skyboy
Дата 16.1.2011, 23:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 3
Всего: 260



Цитата(Shark @  16.1.2011,  21:59 Найти цитируемый пост)
не работает, а мой способ

я не уверен, что понимаю, что именно тебе надо. хочешь, чтоб после подгрузки ajax'ом страница прокручивалась к началу подгруженного блока?
PM MAIL   Вверх
Shark
Дата 16.1.2011, 23:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 703
Регистрация: 18.6.2006
Где: Москва

Репутация: нет
Всего: 4



skyboy, ага... только блок существует display: none, но когда в него загружается инфа он отображается... и мне надо именно чтоб скроллинг уходил на него smile...
желательно универсальный вариант, т.к. div'ы имеют разный class= но отображаются в одном


--------------------
Смерть - это только начало... 
Агентство недвижимости Premial
PM MAIL WWW ICQ   Вверх
Dastan
Дата 17.1.2011, 13:07 (ссылка)    | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 25
Регистрация: 9.9.2010

Репутация: нет
Всего: 5



Код

<html> 
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    <script type="text/javascript">
      function load() {
          var txt = document.getElementById('txt');
          txt.innerHTML = '111111111111111<br />2222222222222222222222<br />3333333333333333';
          txt.style.display = 'block';
          txt.scrollIntoView(true);
      }
    </script>
  </head>
  <body>
    <p>
      Start text
      <br /><br />
      <div id="txt" style="display:none;"></div>
      <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
      some text
      <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
      end text.
    </p>
    <input type="button" onclick="load()" value="load" />    
  </body>
</html>

?
PM MAIL   Вверх
Shark
Дата 17.1.2011, 18:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 703
Регистрация: 18.6.2006
Где: Москва

Репутация: нет
Всего: 4



Dastan, мне совершенно не это нужно!
Пожалуйста, прочтите посты внимательнее


--------------------
Смерть - это только начало... 
Агентство недвижимости Premial
PM MAIL WWW ICQ   Вверх
Shark
Дата 17.1.2011, 20:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 703
Регистрация: 18.6.2006
Где: Москва

Репутация: нет
Всего: 4



Проблему решил так:
Код

<a href="#news">News</a>
<a href="#about">About</a>
<a href="#download">Download</a>
<a name="<?php $_GET['#']; ?>"></a>


Это сообщение отредактировал(а) Shark - 17.1.2011, 20:24


--------------------
Смерть - это только начало... 
Агентство недвижимости Premial
PM MAIL WWW ICQ   Вверх
skyboy
Дата 18.1.2011, 12:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 3
Всего: 260



Цитата(Shark @  16.1.2011,  21:59 Найти цитируемый пост)
не работает

а у меня - работает. может, у тебя к моменту изменения в window.location.hash уже было то же значение? тогда да, прокрутка не прокручивает - такой действие только при изменении значения. Можно сменить windows.location.hash на "", а потом - обратно, на нужное значение.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0865 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.