Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification


4,703 questions in this forum

  1. Как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук?

    0 votes
    1 answer
  2. Как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри?

    0 votes
    1 answer
  3. Проблема с ссылками при прокрутке

    0 votes
    4 answers
  4. Вкладки с динамической подгрузкой

    0 votes
    4 answers
  5. У меня не получается активировать кнопку Enter.

    0 votes
    4 answers
  6. Запрет на изменение размеров блока

    0 votes
    2 answers
  7. 42 одинаковых скрипта c различными парам-ми на одной странице

    0 votes
    27 answers
  8. Фиксированная кнопка не появляется

    0 votes
    2 answers
  9. Для мобильных слайдер вылезающий слева - как называется?

    0 votes
    1 answer
  10. Не работает скрипт в чем может быть ошибка

    0 votes
    7 answers
  11. замыкания

    0 votes
    1 answer
  12. Вставка текста в textarea.

    0 votes
    31 answers
  13. JQuery Fancybox открыть текущее изображение

    0 votes
    3 answers
  14. параметры по умолчанию

    0 votes
    4 answers
  15. Интересная JQuery задачка

    0 votes
    4 answers
  16. Вызов функции из другой функции.

    0 votes
    2 answers
  17. jQuery show/hide меню после клика

    0 votes
    8 answers
  18. Делегирование - это хорошо?

    0 votes
    3 answers
  19. Как скрыть блок при нажатии за его пределами?

    0 votes
    3 answers
  20. Получить ссылку с xml

    0 votes
    4 answers
  21. Работа с массивами и цикл for

    0 votes
    27 answers
  22. Скрыть <audio> после воспроизведения

    0 votes
    2 answers
  23. Не определяет элемент lastChild

    0 votes
    5 answers
  24. Не всегда срабатывает скрипт

    0 votes
    1 answer
  25. Помогите включить события браузера после preventDefault()

    0 votes
    2 answers
  • Обсуждения

    • Скорей всего потому что использование атрибутов устарело. Пользуйтесь классами http://htmlbook.ru/samcss
    • Добрый день. Подскажите, пожалуйста, почему Visual Studio Code видит ошибку в атрибуте align="right" при теге <p></p>? Сам код работает, но слово align выделяется ярко-красным, что в VS code говорит об ошибке. <p>             <p align="right">                2014             </p>
    • https://codepen.io/Switch74/pen/rNJpvLQ меняете размеры бордюра с 10px под свои и в background прописываете свои картинки с нужными repeat для верхнего и нижнего по горизонтали, для левого и правого по вертикали
    • Всем привет! Задача стоит следующая. Есть 8 элементов (IMG). Т.е. одна целая картинка разрезана на 8 частей(рамка) Нужно сверстать гибкой версткой макет, где эти 8 кусочков будут одним целым( рамкой) а внутри можно будет размещать любой текс, рамка по высоте подстраивается под текс, по ширине на всю ширину окна. Кручу верчу, все никак не получается. Подскажите в какую сторону думать. Каждый Img в отдельный div и все дивы в общий контейнер? и дальше как
    • .tabs>input[type="radio"]:checked+label {   background-color: #fff;   border-bottom: 1px solid #fff; } Здесь и делаете стили для изменения нажатого таба если я правильно понял
    • все файлы должны быть в одной папке некоторые ссылки ссылаются на локальный компьютер - этого не должно быть некоторые маленькие картинки грузят очень большие файлы перепутанные ссылки - это скорее всего ваша ошибка
    • Здравствуйте! Уважаемые форумчане! Я начинающий начинать) прошу помощи,  есть макет сайта , хочу чтоб на главной странице были вкладки которые бы переключались по нажатию кнопки. но основной вопрос в том как сделать их разными. пример приведу в фото. Хочу как на фото сделать но незнаю как( а так же код выглядит таким образом      <div class="tabs">              <input type="radio" name="tab-btn" id="tab-btn-1" value="">              <label for="tab-btn-1">Свадьба</label>              <input type="radio" name="tab-btn" id="tab-btn-2" value="">              <label for="tab-btn-2">Мужу</label>              <input type="radio" name="tab-btn" id="tab-btn-3" value="">              <label for="tab-btn-3">Жене</label>              <input type="radio" name="tab-btn" id="tab-btn-4" value="">              <label for="tab-btn-4">Партнеру</label>              <input type="radio" name="tab-btn" id="tab-btn-5" value="">              <label for="tab-btn-5">Коллекции</label>              <input type="radio" name="tab-btn" id="tab-btn-6" value="">              <label for="tab-btn-6">Редкость</label>                            <div id="content-1">                <img src="images/Kolca1.png" alt="Кольца" class="kolca">                <p class="kolca11">Кольца</p>              </div>              <div id="content-2">                Содержимое 2              </div>              <div id="content-3">                Содержимое 3              </div>              <div id="content-4">                Содержимое 4              </div>              <div id="content-5">                Содержимое 5              </div>              <div id="content-6">                Содержимое 6              </div>     </div>   CSS code .tabs {   top: 1100px;   position: absolute;   left: 600px;   font-size: 50px; } .tabs>input[type="radio"] {   display: none; }   .tabs>div {   /* скрыть контент по умолчанию */   display: none;   border: 1px solid #e0e0e0;   padding: 10px 15px;   font-size: 16px; }   /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */ #tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3, #tab-btn-4:checked~#content-4, #tab-btn-5:checked~#content-5, #tab-btn-6:checked~#content-6{   display: block; }   .tabs>label {   display: inline-block;   text-align: center;   vertical-align: middle;   user-select: none;   background-color: #f5f5f5;   border: 1px solid #e0e0e0;   padding: 2px 8px;   font-size: 16px;   line-height: 1.5;   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;   cursor: pointer;   position: relative;   top: 1px;     font-family: 'Gilroy';   font-style: normal;   font-weight: 500;   font-size: 18px;   line-height: 21px;   text-align: center;   letter-spacing: 0.1em;   text-transform: uppercase; }   .tabs>label:not(:first-of-type) {   border-left: none; }   .tabs>input[type="radio"]:checked+label {   background-color: #fff;   border-bottom: 1px solid #fff; }  
×
×
  • 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