Jump to content

Алёна Стрелкова

Newbie
  • Posts

    18
  • Joined

  • Last visited

Posts posted by Алёна Стрелкова

  1. .checkbox label:after { content:''; display:block; height:24px; width:24px; outline:2px solid #939598; position:absolute; top:0; left:0; bottom-radius:5px; outline-radius:50px; }

    у вас же размеры 24px на 24px, как туда картинка должна поместиться?


    попробуйте сделать две картинки разных, увеличить размеры label:after в высоту и менять их

  2. Алёна Стрелкова  Спасибо за помощь, но это не совсем то что мне нужно, указанные вами свойства влияют на позиционирование контента внутри flex-контейнера. Но не влияют на заполненность текста при горизонтальном скроле без явно заданной высоты.

     

    Да, я просто не правильно поняла вопрос и потому в очередной раз не смогла помочь:)

  3. Хорошо, я это понимаю. Спасибо. Только я спрашивал, а как можно сделать так, чтобы контент заполнял всю допустимую высоту и при этом тянулся в ширину без её явного указания  в явных величинах?

    А попробуйте для .scrollBox задать свойства justify-content, align-items, align-content, у него же указазан display:flex;

    Не знаю только, поможет ли это, сама начала использовать flex недавно, но надеюсь, что хоть немного помогла

  4. Чтобы заработало достаточно навести=)

    Может дело в этом: http://joxi.ru/p27OyPatzYeG27

    В том-то и дело, что нужно сначала навести..

    Так не должно быть.

    На другой странице: http://develop.artedivina.ru/NEW/catalog.html (блок "Вы смотрели") та же карусель работает правильно и начинает прокрутку сразу

    Получается, дело в том, что он сначала скрыт..

    Спасибо Вам!

  5. Здравствуйте!

    Подскажите, пожалуйста, в чём проблема

    Есть блок, который изначально скрыт, в него вложена карусель, для которой задана автопрокрутка. Но автопрокрутка начинает работать только если сначала нажать на стрелочку.

    Дело именно в том, что блок скрыт? Как это можно исправить?

     

    prim1.jpg

    prim2.jpg

    prim3.jpg

    Вот ссылка на страницу:  http://develop.artedivina.ru/NEW/korzina-new.html

  6.  

    Можно ведь сделать так, чтобы скрипт работал для form с определённым классом?

    Можно и так: найти все радио-кнопки внутри определённой формы.

    Если будет много инпутов с одним и тем же классом, как скрипт "узнает", в какой именно output выводить значение?

    У вас несколько output'ов или как?

     

    да, output-ов несколько

    и для каждого outputa-а по два inputa

    Клик здесь не подходит, есть же событие «change»

    Я бы примерно так сделал http://jsfiddle.net/99a2t2az/

    Значения атрибутов «name» и «data-js-name» должны быть идентичны.

     

    Спасибо большое! Попробую сделать так

    Значения атрибутов «name» и «data-js-name» должны быть идентичны.

     

    Получается, всё равно для каждого отдельно нужно задавать name и data-js-name

  7. Во-первых, у вас в скрипте ошибка.

    Во-вторых, вешать обработчик клика таким образом - не лучшая идея. Даже очень плохая идея.

    Представим, что у нас миллион радио-кнопок. Так же представим, что у нас нет никакого JS-фреймворка и мы пишем на чистом JS. В таком случае самое простое - это каждой радио-кнопке проставить определённый класс (а ещё лучше data-атрибут), затем нужно найти все радиокнопки на странице (document.querySelectorAll - если вас интересуют только новые браузеры, или document.getElementsByTagName - если мы поддерживаем старые версии). После того как мы получили массив элементов мы пробегаемся по нему циклом и отсортировываем только нужные нам инпуты (т.е. только те у которых стоит некий класс или присутствует нужный нам data-атрибут). И уже этим элементам назначаем обработчик клика. Только нужно не забыть назначение обработчика завернуть в замыкание, а то все элементы получат обработчик как у последнего. Делается это так:

     

    for (var i = elems.length; i >= 0; i--) { // цикл по элементам  (function(el) { // собственно замыкание    el.onclick = function() {      console.log(i); // ну или чего вы там делать по клику собрались    };  })(elems[i]);}

    А HTML нужно будет переделать, получается?

    Если будет много инпутов с одним и тем же классом, как скрипт "узнает", в какой именно output выводить значение?

    <form class="myform"><input type="radio" name="nameRadio" value="шт." checked="checked"/><input type="radio" name="nameRadio" value="п.м"/><output id="rezultatRadio">шт.</output></form>

    Можно ведь сделать так, чтобы скрипт работал для form с определённым классом?

  8. Здравствуйте!

    Подскажите, пожалуйста, как можно переделать скрипт так, чтобы указать элементы, для которых он действует, отдельно

    <input type="radio" name="nameRadio" value="шт." checked="checked"/><input type="radio" name="nameRadio" value="п.м"/><output id="rezultatRadio">шт.</output><script>window.onclick = function onclickRadio() {  var nameRadio = document.getElementsByName('nameRadio');  for (var i = 0; i < nameRadio.length; i++) {    if (nameRadio.type === 'radio' && nameRadio.checked) {        rezultatRadio = nameRadio.value;           }  }  document.getElementById('rezultatRadio').innerHTML = rezultatRadio;}</script>

    (пример совсем немного переделала, взяла отсюда: http://shpargalkablog.ru/2013/04/value-input-javascript.html )

     

    shtuki.jpg

    Нужно, чтобы при нажатии на радио-кнопку, значение её value передавалось в output (находится выше input-ов)

     

    Проблема в том, что это элемент блока товара страницы каталога, на которой этих товаров может быть очень много и писать подряд много одинаковых скриптов, в которых отличается только id и name, кажется мне не лучшей идеей

    AD_catalog_list.jpg

  9. Пациента бы в студию...

    А так, скорее всего cursor: text - http://htmlbook.ru/css/cursor

    А вообще жмем F12 и смотрим в чём проблема.

    Спасибо!

    в css "cursor:pointer;"

    вот ссылка на страницу

    http://develop.artedivina.ru/NEW/product-group.html

    Пациента бы в студию...

    А так, скорее всего cursor: text - http://htmlbook.ru/css/cursor

    А вообще жмем F12 и смотрим в чём проблема.

    Узнала. Называется "каретка" сделать с ней ничего нельзя, вроде бы, только если менять настройки браузера

    Прочитала здесь: http://ru.stackoverflow.com/questions/420463/%D0%9A%D0%B0%D1%80%D0%B5%D1%82%D0%BA%D0%B0-%D0%BF%D1%80%D0%B8-%D0%BD%D0%B0%D0%B6%D0%B0%D1%82%D0%B8%D0%B8-%D0%BD%D0%B0-%D1%82%D0%B5%D0%BA%D1%81%D1%82-%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D1%83-%D0%B8%D0%BB%D0%B8-%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D1%83-%D0%B2-%D0%BD%D0%BE%D0%B2%D0%BE%D0%BC-%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%B5-windows10

    • Like 1
  10. Здравствуйте!

    Подскажите, пожалуйста как называется вертикальная мигающая линия (на картинке) и как её убрать

    Появляется, когда элемент(div) в фокусе, после клика по элементу
    %D0%BA%D1%83%D1%80%D1%81%D0%BE%D1%80.jpg%D0%BA%D1%83%D1%80%D1%81%D0%BE%D1%802.jp

     

    Лучше сделать элемент не div-ом, a кнопкой?

  11.  

    И в меню, и в список напишите все элементы меню. Далее через @media скрывайте и показывйте нужные.

    Проблема в том, что при изменении числа элементов, придется пересчитывать все медиа запросы, если я правильно воспринял референс

     

    Да, Вы верно поняли, потому я и хотела применить именно скрипт

  12. Здравствуйте!

    Очень нужна помощь с JavaScript

    Необходимо сделать так, чтобы меню для сайта при изменении размера окна браузера меняло количество пунктов(*1) и те, которые не уместились в списке перемещались в выпадающий список в конце(**2).

     

    HTML-код такой:

     

    <ul class="Горизонтальное-Меню">
        <li class="line">
            <a href="/">Адреса магазинов</a>
        </li>
        <li class="line">
            <a href="/">Оплата</a>
        </li>
        <li class="line">
            <a href="/">Доставка</a>
        </li>
        <li class="line">
            <a href="/">Сотрудничество</a>
        </li>
        <li class="more">
            <a href="/">Ещё<input type="submit" name="more" value=""/></a>
        </li>
    </ul>
    <ul class="Выпадающий-Список">
        <li class="submore">
            <a href="//">Раздватри</a>
        </li>
        <li class="submore">
            <a href="//">Четырепятьшесть</a>
        </li>
        <li class="submore">
            <a href="//">Семьвосемьдевять</a>
        </li>
        <li class="submore">
            <a href="//">Десять</a>
        </li>
    </ul>

     

    Может, можно сделать скрипт, который при определенной ширине экрана меняет класс элемента и перемещает его в другой список?

     

    Заранее благодарю вас за помощь!

    Фотографии прикрепила

    111.jpg222.jpg333.jpg

×
×
  • 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