DivMan

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

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

  • Посещение

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

    10

Последний раз DivMan выиграл 17 июня

Публикации DivMan были самыми популярными!

Репутация

80 Хорошая

О DivMan

  • Звание
    Мастер
  • День рождения 23.03.1994

Информация

  • Пол
    Мужчина
  • Откуда
    неважно
  • Интересы
    HTML, CSS, JavaScript.

Посетители профиля

3 969 просмотров профиля
  1. всё таки на 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>
  2. это регулярное выражение
  3. 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))
  4. У меня нормально отображает если вы это делаете на локальном вебсервере, то там часто стили не применяются
  5. классы используют тогда, когда ты хочешь разукрасить нужный элемент.
  6. Оцените, мой небольшой сервис вопросов и ответов, всё делал сам, на чистом 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. Возможности в интерфейсе администратора Просматривать список администраторов. Создавать новых администраторов. Изменять пароли существующих администраторов. Удалять существующих администраторов. Просматривать список тем. По каждой теме в списке видно сколько всего вопросов в ней, сколько опубликовано, сколько без ответов. Создавать новые темы. Удалять существующие темы и все вопросы в них. Просматривать вопросы в каждой теме. По каждому вопросу видно дату создания, статус (ожидает ответа / опубликован / скрыт). Удалять любой вопрос из темы. Скрывать опубликованные вопросы. Публиковать скрытые вопросы. Редактировать автора, текст вопроса и текст ответа. Перемещать вопрос из одной темы в другую. Добавлять ответ на вопрос с публикацией на сайте, либо со скрытием вопроса. Видеть список всех вопросов без ответа во всех темах в порядке их добавления. И иметь возможность их редактировать и удалять.
  7. высылает скрин структуры файлов
  8. Лучше изучать модули CSS, чем всякие препроцессоры и сборщики.
  9. Можно записывать на диктофон, потом закачивать в формате видео на ютуб, там вроде есть, распознавание голоса. Потом сделать парсер для этих титров и вставлять потом всё в нужное место.
  10. надо ещё тоже в li положить
  11. потому что фиксированная ширина. Надо убрать свойство width или заменить на, что-то другое
  12. Так поинтересней 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);
  13. 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();