Jump to content

volshebnyi

User
  • Posts

    205
  • Joined

  • Last visited

Everything posted by volshebnyi

  1. А без js хотелось бы...
  2. Здравствуйте! Имеется textarea - https://jsfiddle.net/f7xx5ewb/ По умолчанию у нее есть ресайз и при более чем двух строках текста (это прописано в атрибуте) появляется скролл. Подскажите, пожалуйста, как сделать так, что бы ничего не появлялось, а просто с каждой строкой опускался бордер textarea - так, как на картинке. Заранее благодарю за помощь!
  3. Спасибо огромное! В вашем варианте тоже уже не мигает. Браузер - Chrome. И еще - подскажите, пожалуйста, как корректно удалить созданные при скроле элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header').innerHTML = wrapper; var node = document.createElement("a"); node.setAttribute("href", "#"); node.className = "logo-mini"; var textnode = document.createTextNode("Текст для альта"); node.appendChild(textnode); var headerInner = document.querySelector(".header-inner"); headerInner.insertBefore(node, headerInner.childNodes[0]) когда страница прокручивается в исходное положение?
  4. Вряд ли от этого будет хуже, но там же по ссылке указано. Цитирую: "Пользовательский поиск может обрабатывать до 50 метатегов для каждой страницы, но удобнее использовать меньшее количество." Я, например, давно уже (года два) не использую этот метатег и ни разу не замечал проблем с выдачей в поисковых системах.
  5. Google не поддерживает данный метатег. Вот метатеги, которые поддерживает Google: https://support.google.com/webmasters/answer/79812?hl=ru Яндекс поддерживает: https://yandex.ru/support/webmaster/controlling-robot/html.xml#meta
  6. Спасибо огромное! В вашем варианте тоже уже не мигает. Браузер - Chrome. И еще - подскажите, пожалуйста, как корректно удалить созданные при скроле элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header').innerHTML = wrapper; var node = document.createElement("a"); node.setAttribute("href", "#"); node.className = "logo-mini"; var textnode = document.createTextNode("Текст для альта"); node.appendChild(textnode); var headerInner = document.querySelector(".header-inner"); headerInner.insertBefore(node, headerInner.childNodes[0]) когда страница прокручивается в исходное положение?
  7. Здравствуйте! Уважаемые коллеги, подскажите, пожалуйста, как решить две проблемы: 1. Есть фиксированное меню, которое должно появляться при скролле (450 px от верха документа). Вот что у меня получилось - https://jsfiddle.net/9re1o9ta/ Почему-то при прокрутке страница начинает прыгать и меню (которое должно быть зафиксировано) просто мигает. Как быть в данной ситуации? 2. В этом же меню мне необходимо при той же прокрутке (450 px от верха документа) добавить html элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header').innerHTML = wrapper; var node = document.createElement("a"); node.setAttribute("href", "#"); node.className = "logo-mini"; var textnode = document.createTextNode("Текст для альта"); node.appendChild(textnode); var headerInner = document.querySelector(".header-inner"); headerInner.insertBefore(node, headerInner.childNodes[0]) Когда я прописываю это в том же условии, то элементы создаются при каждом скроллинге. Подскажите, пожалуйста, как корректно создать HTML элементы при скролле? Заранее благодарен за помощь!
  8. Здравствуйте! Подскажите, пожалуйста, есть ли готовое решение на javascript для фильтрации данных в html таблицах с помощью чекбоксов. Есть отличное решение с помощью поля поиска: http://www.listjs.com/examples/table А вот с чекбоксами я не нашел. Заранее благодарен за помощь.
  9. В смысле - заскринил? ПДФ заскринить - ну это понятно что можно.... Может быть лучше картинками выложить?
  10. Здравствуйте! Имеется документ в формате pdf. Его необходимо разместить на сайте таким образом, что бы пользователи могли только ознакомиться (прочесть) этот документ. То есть не должно быть возможности скачать данный файл. Подскажите, возможно ли такое? Или же есть другие варианты решения подобной задачи.
  11. Так в том то и дело, что скрипт везде работает, кроме Safari...
  12. Здравствуйте! Подскажите, пожалуйста, как решить проблему - в браузере Safari некорректно отображаются плавающие элементы: Вот пример страницы В чем может быть дело? Заранее благодарен за помощь!
  13. В моем случае, нужен переход от display: none, а не от visibility: hidden...
  14. да и .slideToggle() есть в jQuery. Но дело в том, что меня интересует нативный JavaScript и CSS...
  15. Здравствуйте! Ситуация следующая: есть навигация nav, которая в мобильной версии исчезает с помощью display:none. С помощью JavaScript переключаю свойство display на block. Естественно, все это происходит резко - появление и исчезновение меню. Можно ли сделать плавное появление меню средствами CSS анимации? Погуглил - пишут что на display анимация не распространяется. Но все же, может Мастера подскажут... Заранее благодарю за помощь!
  16. Спасибо огромное! Получилось!
  17. Ну да. Хедер фиксированный.
  18. Здравствуйте! Помогите, пожалуйста, решить проблему. Ширина хедера - 1170 px. Необходимо, что бы фон для меню (малиновый прямоугольник) продолжался вправо до конца экрана. Как на изображении: Вот сам код - https://jsfiddle.net/0rzhsdnx/ Заранее благодарю за помощь!
  19. Мне, по сути, нужно, чтобы только h3 (заголовки блока) были одинаковой высоты...
  20. Здравствуйте! Имеется перечень товаров. В каждом блоке 3 составляющих. Картинка, название и свойство. Картинка имеет фиксированную высоту. А вот название и свойства, конечно же, могут состоять из разного количества строк. Так как каждый блок имеет бордер, в результате получаются все блоки разной высоты. Подскажите, пожалуйста, правильный подход к решению данного вопроса. вот пример - https://jsfiddle.net/wdb2e0hy/ Заранее благодарю за помощь.
  21. var window_width = document.body.clientWidth;if (window_width > 480) $('.slider').addClass('active');$('.slider.active;).slider();Как то так Так это же, как я понимаю, добавление класса...
  22. Здравствуйте! Вопрос в следующем: на странице есть элемент, например слайдер изображений, который не нужно загружать для мобильной версии сайта. При display: none он загрузится, но просто не будет отображаться. А можно ли как-то с помощью JavaScript отменить загрузку элемента?
  23. А как конкретно, подскажите, пожалуйста. У меня что-то не получается....
  24. Здравствуйте! Сделать адаптивным изображение, которое находится в теге img - дело нехитрое. А вот как ПРАВИЛЬНО сделать адаптивным логотип, изображение которого является свойство css background-image? Помогите, пожалуйста с решением: https://jsfiddle.net/ftsn38g6/
×
×
  • 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