DivMan

Пользователь
  • Публикации

    1 624
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    14

Все публикации пользователя DivMan

  1. А какие гарантии, то, что всё будет хорошо? Просто, у вас сайт существует второй год.
  2. Как работает код

    А зачем такие сложности, если можно сделать с помощью classList.toggle?
  3. Img

    Не понимаю, почему, не работает такое условие if(input.value === '') { img[i].classList.add('hidden'); } Приходится делать вот такое if(input.value === '') { img[0].classList.add('hidden'); img[1].classList.add('hidden'); img[2].classList.add('hidden'); } https://jsfiddle.net/jx1hkzt7/ По идеи вообще, должен работать блок else, но он почему-то не работает else { img[i].classList.add('hidden'); } А вот так, скрывает все элементы, но почему-то самый первый не скрывает if(input.value === '') { element.classList.add('hidden'); }
  4. Как работает код

    Когда ты кликаешь в любое место, то в id записывается кнопка button, если её нету то функция завершается, потом опять ищется эта кнопка, какой-то код не полный
  5. Как работает код

    Не понимаю, что такое elem.hidden = !elem.hidden
  6. Img

    Только для перебора массива, вместо for, советуют использовать foreach
  7. Хочу создать робота, который будет создавать роботов. 

    1. Img

      Самый худший вариант https://jsfiddle.net/473m2b36/ <input type="text" class="input"> <div class="img img1 hidden"></div> <div class="img img2 hidden"></div> <div class="img img3 hidden"></div> .hidden { display: none; } .img { width: 200px; height: 200px; } .img1 {background: green;} .img2 {background: blue;} .img3 {background: red;} var input = document.querySelector('.input'); var img1 = document.querySelector('.img1'); var img2 = document.querySelector('.img2'); var img3 = document.querySelector('.img3'); input.oninput = function() { if(input.value == 1) { img1.classList.toggle('hidden'); } else if(input.value == 2) { img2.classList.toggle('hidden'); } else if(input.value == 3) { img3.classList.toggle('hidden'); } else { img1.classList.add('hidden'); img2.classList.add('hidden'); img3.classList.add('hidden'); } }
    2. Sphinx поиск с разбиением

      https://jsfiddle.net/L0em9ask/
    3. Как прочитать спрятанный текст в more-link?

      всё таки на js это сделать намного лучше и проще https://jsfiddle.net/4hpx7wby/ Переменная link в неё записывается элемент с классом link, в нашем случае, это элемент a. Переменная hidden, в неё записывается элемент с классом hidden. Этот код означает link.addEventListener('click', function(e) { При клике на элемент link, e.preventDefault(); Отменить действие ссылки по умолчанию, ссылка по умолчанию, куда-то посылает, теперь она типа мёртвая (не рабочая). hidden.classList.toggle('hidden'); проверить, есть ли у элемента с классом hidden, класс hidden, если есть, то убрать этот класс, если нету, то добавить. В принципе, если вам сложно разобраться в JS, то блок if и else, можно вообще убрать и также будет скрывать и показывать и можно ещё убрать e.preventDefault(); Вот этот код, можно поместить в 1 файл.html <style> .hidden { display: none; } </style> <div class="main"> <p align="justify">Женщина всегда стремится быть красивой. Женщина счастлива, когда она нравится. Женщина может быть красивой не зависимо от возраста. Можно вспомнить фильм «Москва слезам не верит». В нем главная героиня сказала: «Жизнь после сорока только начинается».</p> <a href="#" class="link">Подробнее</a> <div class="hidden block"> <p align="justify">Женщина, если она настоящая женщина, — хочет быть красивой и нравиться всегда, везде, и всем.</p> <p align="justify">Однако, многие женщины относятся с предубеждением к декоративной косметике. Одни, не зная всех тонкостей нанесения косметики и не стремясь их изучить, в лучшем случае ограничиваются губной помадой и пудрой. Другие доказывают, что у них нет на всю эту ерунду времени. Есть также дамы, которые впадают в другую крайность: они раскрашивают себе лицо, не считаясь ни с правилами макияжа, ни с собственной внешностью.</p> <p align="justify">Надо помнить, что одной не верной нарисованной чертой, проведенной на верхнем веке или под глазами, уничтожается вся женственность, все обаяние, красота и самый ценный дар природы — молодость и свежесть, тогда как умелым макияжем можно их только подчеркнуть.</p> <p align="justify">Некоторые женщины не знают разницы между дневным и вечерним макияж. Это как в одежде - два разных стиля. Вечерний макияж выглядит не хорощо днем. Женщина, которая появляется на работу, в офис в длинном вечернем платье с вырезом на спине, выглядит в лучшем случае, глупо.</p> <p align="justify">Забота о лице, не означает бессмысленное применение косметики. Самые, простые приемы ухода за лицом имеют свои законы. Уметь «краситься» — это искусство. Здесь учитывается время года, возраст и внешность.</p> <p align="justify">Любое женское лицо, в той или иной мере, нуждается в косметике. Чем тщательнее, тоньше и естественнее наложен макияж, тем больше эффект. Умелый мягкий грим подчеркивает естественную красоту лица и помогает скрыть его дефекты. Иногда нескольких штрихов помогают сделать лицо привлекательным, а малейшая ошибка может все испортить. Для этого, надо знать, что и как делать и чего делать нельзя. По этому поводу психотерапевт Диля Еникеева, говорит «Косметика за двадцать минут сделает вас красивой. Но чтобы красота выглядела естественной, вам потребуется не менее двух часов». Если женщина усвоила правила нанесения декоративной косметики, она не допустит ошибок.</p> <p align="justify">Надеемся, что наш сайт поможет женщинам научиться правильно «украшать» себя, доставляя тем самым эстетическое удовольствие не только себе, но и другим, помня что нет ничего прекраснее красивой женщины.</p> </div> </div> <script> var link = document.querySelector('.link'); var hidden = document.querySelector('.hidden'); var block = document.querySelector('.block'); link.addEventListener('click', function(e) { e.preventDefault(); hidden.classList.toggle('hidden'); if(block.classList.contains('hidden')) { link.textContent = 'Подробнее'; } else { link.textContent = 'Скрыть'; } }) </script>
    4. Задачка JS

      это регулярное выражение
    5. Задачка JS

      var num = [4, -1, 2, 5, -8, -5, 9, -4]; function sumNum(arr) { var primer = ''; var sum = 0; for(var i = 0; i < arr.length; i++) { if(arr[i] > 0) { sum = sum + arr[i]; primer = primer + arr[i] + '+'; } } primer = primer.substring(0, primer.length - 1) return primer + '=' + sum; } console.log(sumNum(num))
    6. У меня нормально отображает если вы это делаете на локальном вебсервере, то там часто стили не применяются
    7. классы используют тогда, когда ты хочешь разукрасить нужный элемент.
    8. Оцените, мой небольшой сервис вопросов и ответов, всё делал сам, на чистом html, css, js и php. Очень интересно узнать, удобно ли я сделал админку? Для входа в админку, надо указать GET параметр ?admin=1 и ввести admin и admin только не удаляйте разделы, которые вы не создавали. http://phpkurs.16mb.com/?admin=1 сам сайт http://phpkurs.16mb.com/ весь код на гитхабе https://github.com/Div-Man/faq в коде получилось, очень много дублирования. Описание клиентской части Пользователи могут просматривать категории, вопросы и ответы. Любой пользователь может задать вопрос, указав своё имя, адрес электронной почты, выбрав категорию и написав текст вопроса. Вопросы без ответов не публикуются на сайте. Вход в интерфейс администратора Для попадания в интерфейс администратора нужно ввести логин и пароль. По умолчанию создан единственный администратор с логином admin и паролем admin. Возможности в интерфейсе администратора Просматривать список администраторов. Создавать новых администраторов. Изменять пароли существующих администраторов. Удалять существующих администраторов. Просматривать список тем. По каждой теме в списке видно сколько всего вопросов в ней, сколько опубликовано, сколько без ответов. Создавать новые темы. Удалять существующие темы и все вопросы в них. Просматривать вопросы в каждой теме. По каждому вопросу видно дату создания, статус (ожидает ответа / опубликован / скрыт). Удалять любой вопрос из темы. Скрывать опубликованные вопросы. Публиковать скрытые вопросы. Редактировать автора, текст вопроса и текст ответа. Перемещать вопрос из одной темы в другую. Добавлять ответ на вопрос с публикацией на сайте, либо со скрытием вопроса. Видеть список всех вопросов без ответа во всех темах в порядке их добавления. И иметь возможность их редактировать и удалять.
    9. Подключение скрипта

      высылает скрин структуры файлов
    10. Нужно ли начинать работать с препроцессорами

      Лучше изучать модули CSS, чем всякие препроцессоры и сборщики.
    11. Есть ли программы для написания кода голосом?

      Можно записывать на диктофон, потом закачивать в формате видео на ютуб, там вроде есть, распознавание голоса. Потом сделать парсер для этих титров и вставлять потом всё в нужное место.
    12. Редактирование меню (html / css)

      надо ещё тоже в li положить
    13. Родительский контейнер

      потому что фиксированная ширина. Надо убрать свойство width или заменить на, что-то другое
    14. Интерполяция выражений

      Так поинтересней function generateColor() { return "#" + Math.floor(Math.random() * 16777215).toString(16); } setInterval(function () { var delDiv = document.querySelectorAll('div'); var body = document.querySelector('body'); for(var i = 0; i < delDiv.length; i++) { body.removeChild(delDiv[i]); } var r = Math.random() * 100 + 50, d = r * 2, color = generateColor(); var div = document.createElement("DIV"); div.style.width = d +'px'; div.style.height = d +'px'; div.style.backgroundColor = color; div.style.borderRadius = 50 +'%'; document.body.appendChild(div); }, 1000);
    15. Интерполяция выражений

      function generateColor() { return "#" + Math.floor(Math.random() * 16777215).toString(16); } function circle() { var r = Math.random() * 100 + 50, d = r * 2, color = generateColor(); var div = document.createElement("DIV"); div.style.width = d +'px'; div.style.height = d +'px'; div.style.backgroundColor = color; div.style.borderRadius = 50 +'%'; document.body.appendChild(div); } circle();
    16. Открыли Форум und3rgr0und.pro

      очень тёмный