alex_web64

User
  • Content count

    123
  • Joined

  • Last visited

  • Days Won

    3

alex_web64 last won the day on April 14 2016

alex_web64 had the most liked content!

Community Reputation

8 Обычная

About alex_web64

  • Rank
    Участник

Information

  • Sex
    мужской

Recent Profile Visitors

930 profile views
  1. https://jsfiddle.net/qvberz4d/
  2. Здравствуйте. Сейчас все большую популярность набирает вывод иконок на сайте с помощью тегов svg>use. Для создания наборов я использую сервис IcoMoon. Проблема в том, что при выводе одной и той же иконки с помощью шрифта и тегом качество последней оставляет желать лучшего. Если на больших размерах разница не так заметна, то на маленьких все совсем плохо (см. скрин. Иконка menu c набора FontAwesome). В интернете находил советы применить к тегу svg transform: translateZ(0); или shape-rendering: crispedges; В случае с иконкой-бургером это решает проблему, но с чем-то более сложным результат выходит еще хуже, чем был до этого. Еще и ФФ при некоторых размерах шрифта обрезает иконки на несколько пикселей. При этом иконочный шрифт работает превосходно отображает любые иконки и в любом размере. Как мне добиться такого же качества, как у иконочных шрифтов?
  3. Здравствуйте. Есть вот такой пример https://jsfiddle.net/5dnz61qu/ Мне нужно, чтобы центр зеленого блока всегда находился в центре родительского. У меня два варианта, но они оба мне не нравятся: 1) Абсолютное позиционирование. 2) Задать синему блоку такую же ширину, как и в красного. В блоках динамический контент, поэтому хотелось бы, чтобы они могли занимать все свободное пространство, а с этим вариантом такого не получится. Есть еще идеи?
  4. Здравствуйте. Есть такой пример на флексах https://jsfiddle.net/dtns7L2v/ При уменьшении размера окна когда контент не помещается в одну строку он переносится на вторую. Но между элементами не плохо было бы добавить отступ. К примеру, с помощью внутренних полей и отрицательного отступа в родителя, как это сделано в бутстрапе. Гриды нам предлагают отличное свойство grid-gap, которое может сделать подобное одной строкой кода. Проблема в том, что я не могу добиться подобного поведения элементов, из-за отсутствия опыта работы с этой новой технологией. Мои попытки: - элементы имеют ширину по контенту, но не переносятся https://jsfiddle.net/dtns7L2v/1/. - элементы переносятся, но ширину я выставил фиксированную, что не подходит https://jsfiddle.net/dtns7L2v/2/
  5. Здравствуйте. Есть вот такой код https://jsfiddle.net/pLvzjv8c/ Подскажите, пожалуйста, как сделать, чтобы при клике на 1.1.1 меняли цвет ссылки 1.1.1 , 1.1 и 1; при клике на 1.2 меняли 1.2 и 1, и т.п. Число уровней может быть разным.
  6. ну это текст для примера, я просто хотел показать, что у меня есть необходимость передавать еще и элементы массива. У меня получилось сделать то, что я хотел. Было - для каждого select'а отдельный цикл https://jsfiddle.net/twryfpjk/, стало - https://jsfiddle.net/twryfpjk/1/ одна функция и ее вызовы. При наличии 10-20 select'ов разница в объеме кода огромная. Это получилось сделать с использованием функции eval(). Здесь пишут, что ее использование - плохая практика и могут быть проблемы после сжатия кода. Как альтернатива там предлагается new Function. Как можно переписать код с помощью нее?
  7. Подскажите, как бы вы сделали. Вот реальный пример, как у меня сейчас реализовано https://jsfiddle.net/twryfpjk/. Как видите, для каждого select'а дублируется цикл, меняются только три параметра - количество итераций, текст создаваемого пункта option и id родителя. Как можно сократить этот код?
  8. Здравствуйте. Мне необходимо создать пункты для большого количества select'ов. Я сделал отдельную функцию, которая принимает три параметра и выглядит так: myFunc(количество итераций цикла, текст пункта, id) { var a = ... // сохраняем будем сохранять все пункты for(var i = 0; i < количество итераций цикла; i++) { $('<option />', {text: текст пункта}).appendTo(a); } $(id).append(a) } Некоторые списки нужно заполнить цифрами от 0 или 1 до [количество итераций цикла]. Просто в цикле я бы мог написать: ... {text: i} или {text: i + 1} Как подобное условие можно передать в аргументе функции? https://jsfiddle.net/7q1d22y1/
  9. Здравствуйте. У меня есть необходимость сделать две функции, одна для загрузки определенных данных, а вторая для работы с ними. Пример: var response; function getSomeStuff () { $.get(url, function (data) { response = data; }) } function useResponse () { // работаем с переменной response } getSomeStuff(); useResponse(); Проблема в коде выше - во время запуска функции useResponse get-запрос еще не завершится, соответственно response будет undefined. Как заставить код выше работать, не помещая вызов функции useResponse внутрь функции success?
  10. Здравствуйте. Хочу сделать вот такую таблицу со скролом https://www.w3schools.com/howto/howto_css_table_responsive.asp Все работает, как и в примере https://jsfiddle.net/dvwyLw30/ Но стоить применить для контейнера flexbox (раскомментируйте .container {/*display: flex;*/}), как скролиться начинает уже вся страница, а не таблица. В чем причина? Хочу понять, как это работает. И как мне добиться нужного результата.
  11. alex_web64

    Сохранение файла в переменную

    Может и вариант, я в пхп ничего не смыслю. Главное условие, что пользователь не должен получать весь файл одним запросом, а только как ключ-значение. Если ваше решение подходит под это описание, то напишите, где можно почитать подробнее, как с ним работать.
  12. Здравствуйте. Опишу на примере, что мне нужно: Есть json-файл: { "1": "one", "2": "two", "3": "three" } Пример того, как бы я работал с js: var json; $.getJSON('my.json', function(data){ json = data; }); // файл один раз подгружаю, сохраняю в переменную и дальше работаю с ней. Вопрос, как сделать похожее (не грузить каждый раз json-файл) на php за исключением того, что пользователю вместо всего файла отдается значение одного из ключей? Сейчас код такого вида: $str = file_get_contents('my.json'); $json = json_decode($str); echo json_encode($json->{'1'});
  13. Здравствуйте. Есть атрибут required, который при отправке формы сообщает пользователю, что поле необходимо заполнить, если он этого не сделал. Можно добиться такого же эффекта, но не отправляя форму? Как-то с помощью js запустить эту проверку.
  14. Здравствуйте. Сделал такую адаптивную шкалу https://jsfiddle.net/x5pv92ox/, в которой будет меняться класс st-level-*, который применяет градиент с другими параметрами. Но мне кажется, что это можно реализовать как-то проще. Посмотрите, может у кого возникнет идея, как это лучше сделать.
  15. Большое спасибо за помощь!