Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 25.04.2016, 11:34   #1
Ol'ga
Форумчанин
 
Аватар для Ol'ga
 
Регистрация: 14.06.2008
Сообщений: 166
По умолчанию Переход с одной страницы на другую в определенное место

Здравствуйте! Я ножичек в jQuery, подскажите пожалуйста.
Мне необходимо сделать так, что бы с главной страницы сайта выходило на др страницу и запускало опр. объект. Но на 2-ой страницы сделано списком <select><option></option></select>, что должно запускаться, а на главной обычный <ul></ul>, откуда нужно перейти. С помощью jQuery на 2-ой стр красиво переключается контент. Вот мне и нужно, что бы допустим с главной в меню нажав на "Продукты" переходила на страницу portfolio.html и запускался <option value="opt2"> Продукты питания</option>.
Может сам код как нибудь изменить или какие др предложения у вас будут.
Заранее всем спасибо!
См. код ниже...
p.s Прошу прощение возможно плохо объясняю
index.html
Код HTML:
<div class="pod_menu">
            <ul>
            	<li><a href="portfolio.html"><img src="img/001_b.png" <br> Алкоголь и напитки</a></li>
            	<li><a href="portfolio.html"><img src="img/002_b.png" ><br> Продукты питания</a></li>
            	<li><a href="portfolio.html"><img src="img/003_b.png" ><br> Бытовая химия</a></li>            	
            </ul>
           </div>
portfolio.html
Код HTML:
<div class="select-area">					
 <select name="choose" id="choose" class="input-select" multiple="multiple" size="7">  						
    <option value="nul" selected>Выберите :</option>
    <option value="opt1">Алкоголь и напитки</option>
    <option value="opt2"> Продукты питания</option>
    <option value="opt3">Бытовая химия</option>    
  </select>  
</div>
<section class="jqueryOptions opt1">
  <div class="cont">
     <div class="fig"><p><h2>Алкоголь и напитки</h2></p></div>
    <p>
      > Алкоголь и напитки > Алкоголь и напитки > Алкоголь и напитки
    </p>
  </div>
</section>
<section class="jqueryOptions opt2">
  <div class="cont">
  <div class="fig"><p><h2>Продукты питания</h2></p></div>  	  
    	<p>Продукты питания</p>    		 
  	</div>
</section>
jQure
Код:
$(function() {
  $('.jqueryOptions').hide();

  $('#choose').change(function() {
    $('.jqueryOptions').slideUp();
    $('.jqueryOptions').removeClass('current-opt');
    $("." + $(this).val()).slideDown();
    $("." + $(this).val()).addClass('current-opt');
  });
});

Последний раз редактировалось Ol'ga; 25.04.2016 в 11:38.
Ol'ga вне форума Ответить с цитированием
Старый 25.04.2016, 12:09   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Это делается через якоря, в классическом HTML:
Код:
<a href="portfolio.html#products">
после перехода адрес можно будет получить через
Код:
document.location.hash
// "#products"
без хэш-ссылки значение будет пустым.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Переход из одной ячейки в другую quarkshark Microsoft Office Excel 3 25.01.2015 18:01
переход из одной формы в другую redisodix Общие вопросы Delphi 5 27.11.2014 22:44
Переход из одной программы в другую T.E.A.M. C# (си шарп) 2 13.09.2011 15:38
Переход из одной папки в другую sanya_oz PHP 3 03.01.2011 23:54
Переход из одной формы в другую Axlen Microsoft Office Access 2 22.04.2010 07:40