Jump to content

wry

Newbie
  • Posts

    10
  • Joined

  • Last visited

wry's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Шёл третий день. Мои руки не стали прямее. Я перевтыкал этот код куда только можно, но результат не изменился. Залил пример на тестовый домен http://www.vrhd.ru/ Если со страницы http://www.vrhd.ru/ кликнуть по ссылке "Главная", то все будет ок. Если со страницы http://www.vrhd.ru/second.html кликнуть на "Главная", то будет аналогичная плавная прокрутка, а надо, чтобы открылась главная. Тут оно в архиве http://www.vrhd.ru/test.rar, если есть желающие рискнуть доделать эту задачу, я с радостью отблагодарю.
  2. Всем привет. Второй день пытаюсь решить следующую задачу: на главной странице сайта есть ссылка якорь, при клике на которую, страница плавно скролится к нужному блоку. Как сделать, чтобы ссылка на этот блок срабатывала с внешних страниц? Подробнее. Что имеем: меню с одной ссылкой-якорем <nav> <ul class="menu"> <li><a href="#scroll">Главная</a></li> <li><a href="link1.html">Внутренняя 1</a></li> <li><a href="link2.html">Внутренняя 2</a></li> </ul> </nav> вызывается через инклуд <?php include('system/menu.php') ?> Находясь на странице site.ru, при клике по "Главная" страница плавно скролится вниз к блоку id="scroll" с помощью этого скрипта $(document).ready(function(){ $('a[href*=#]').bind("click", function(e){ var anchor = $(this); $('html, body').stop().animate({ scrollTop: $(anchor.attr('href')).offset().top-100 }, 1000); e.preventDefault(); }); return false; }); При попытке перейти с внутренней страницы сайта к нужному блоку на главной, ничего не происходит. Попробовал изменить ссылку на http://site.ru#scroll. теперь переход с внешних ссылок работает, но не работает скролл на главной. Как сделать, чтобы ссылка корректно срабатывала в обоих вариантах? Подозреваю нужно что-то исправить в коде js, но с этим языком я не знаком. Заранее благодарю за помощь.
  3. Получилось. Спасибо!
  4. Приветствую. Подскажите, пожалуйста, каким образом можно сделать вывод конкретных значений из файла php в html? За пару часов гугления получилось сделать как-то так: Товар1 - <?php include ('price.php'); echo "$tovar1"; ?> Товар2 - <?php include ('price.php'); echo "$tovar2"; ?> Все работает, но, подозреваю, вставлять include много раз на странице не совсем верное решение. Как это делать правильно? PS: c php не знаком
  5. Удалось сделать способом от by chris function getWindowWidth() { return window.innerWidth || document.body.clientWidth; } if (getWindowWidth() <= 768) { window.onload = function(){ var b1 = document.getElementById("b1"); var b2 = document.getElementById("b2"); b1.parentNode.insertBefore(b2, b1); } } Спасибо всем за участие.
  6. Меню идут не подряд. А через display: table-...; не получится.
  7. Спасибо за ответы. Great Rash, сделал так: var mediaQuery = window.matchMedia('(min-width: 500px)'); if (mediaQuery.matches) { window.onload = function(){ var b1 = document.getElementById("b1"); var b2 = document.getElementById("b2"); b1.parentNode.insertBefore(b2, b1); } } Скрипт выполняется на всех разрешениях. by chris, ваш ответ, для меня, еще менее очевиден. Я совсем не секу в JS. По задумке должно быть вот так: <ul class="menu2"> <div id="b2"> <li>1</li> <li>2</li> </div> </ul> <ul class="menu1"> <li>3</li> <li>4</li> <div id="b1"></div> </ul> <!-- При разрешении меньше 768px --> <ul class="menu1"> <li>3</li> <li>4</li> <div id="b1"></div> <li>1</li> <li>2</li> </ul>
  8. Подскажите, пожалуйста, как запустить выполнение этого скрипта, при разрешении экрана 767 и меньше. window.onload = function(){ var b1 = document.getElementById("b1"); var b2 = document.getElementById("b2"); b1.parentNode.insertBefore(b2, b1); } Я так понимаю, надо куда-то впаять строку if (screen.width <= 767), но методом тыка, в этот раз, не вышло.
  9. Разобрался. Поставил блоки по 49% и сделал синий фон общим блоком. Такие вот грабли.
  10. Всем привет. Есть адаптивный сайт, на нем два блока по 50% распределены по ширине. Выглядит это так: <div class="fiftypercent"><div id="servicemap">Тут яндекс карта</div></div><!----><div class="fiftypercent"><div id="servicezone">Тут текст</div></div> .fiftypercent{display:inline-table;width:50%;} Если это открыть через explorer или mozilla, то при сужении окна браузера эти два блока будут "прыгать", посмотреть можно здесь. Обычно такое бывает, если не убран пробел <!-- -->, но тут все на месте. Если вместо карты вставить, например, текст, все будет корректно сужаться. У карты стоит ширина 100%.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy