sergei8550

Здравствуйте, такой вопрос... если не сложно, подскажите. Есть у меня массив неких элементов с классом .nav-item. Клик по одному из этих элементов element.onclick = function() ... в которой я делаю проверку на наличие класса у дочернего элемента. this.firstElementChild.contains('class') и если у элемента, на который я нажал этот класс есть, то у остальных элементов данного массива этот класс надо убрать, т.е. как радио кнопка, должен быть только один активный элемент.. как эти вот "остальные элементы массива" выбрать? Как написать что у остальных элементов данный classList.remove('class')? Подскажите пожалуйста, как такое вообще организовывается...

Прошу прощения. Забыл про <meta name="viewport" content="width=device-width, initial-scale=1.0"> Все заработало

Ребятки, помогите понять почему вот так ведет себя браузер. Есть див со 100% шириной и высотой 50рх. Цвет для наглядности поменял, почему при изменении экрана блок не остается 50рх в высоту? Почему он вместе со всем содержимым сжимается игнорируя четко заданные параметры? Выше 980рх он тянется, а ниже он 980 и не меньше, весь блок просто сжимается в размерах вместе с содержимым. Мне нужно посмотреть как блоки падать будут, куда они съезжаются а оно просто все уменьшило и не понятно что с этим делать. Медиа запросов в коде нету, есть один блок для примера и в css ширина, высота и цвет этого блока.

Короче смотри Серега. Вот твой код, я вчера как раз в нем разобрался var input = document.querySelectorAll('input'); for (i = 0; i < input.length; i ++) { input.onfocus = function() { this.nextElementSibling.style.opacity = "0"; } input.onblur = function() { if (this.value === "") { this.nextElementSibling.style.opacity ="1"; } else { this.nextElementSibling.style.opacity ="0"; } } } Я вообще с добавлением классов делал, если пустой то класс с прозрачностью 1, если полный с 0. Но так тоже по идее должно работать.

Есть такой код: <div class="field"> <input type="text" id ="email" name="email"> <label for="email" id="label_email">Введите Email</label> </div> <div class="field"> <input type="text" id ="namel" name="name"> <label for="name" id="label_name">Введите ваше имя</label> </div> <div class="field"> <input type="text" id ="country" name="country"> <label for="country" id="label_country">Введите страну</label> </div> <div class="field"> <input type="text" id ="city" name="city"> <label for="city" id="label_city">Введите город</label> </div> <script> var input = document.getElementsByTagName('input;) for (i = 0; i < input.length; i++) { input.onclick???? . focus???? = function { ... Где-то там есть if (this.id = id инпута) { то this.input и как-то выбрать следующий лейбл за ним.. чтоб он в заполненном поле не появлялся.. Нужно чтоб при получении фокуса, лейбл с поля инпута исчезал, конечно можно placeholderОМ сделать это, но там нюансы есть, и надо именно label в абсолютной позиции делать. Что-то запутался очень очень.. помогите пожалуйста сложить куски мозаики...

Спасибо большое, заодно нашел как эту штуку стилизовать.

Я так понимаю что сверху, кнопка фото нажата. Она не должна так выделяться от остальных скорее всего, и менять свой внешний вид должна либо при нажатии, либо при наведении мыши (:hover). Соответственно и другие прямоугольные кнопки (logout, members, home) должны вести себя аналонично.

Ребятки, есть вот такой вот фрагмент. Есть вот такой код: input:focus + label {display: none} Т.е. когда нажимаешь на input, надпись name исчезает, но стои убрать фокус с формы, надпись появляется снова, причем поверх текста. Получается некая неведомая фигня. Как сделать так, что если в инпуте есть хотя б одна буква, лейбл на нем не появлялся? Пробовал input:not(:empty) + label {display:none;} Но как выяснилось что input всегда empty. И как решить этот вопрос, ума не приложу. 2й день голову ломаю над делеммой.

Все, спасибо огромное. Разобрался. В данном случае (как мне кажется) ховер не работал из за примененного стилевого свойства к самому блоку div. Т.е. если заменить условие и не применять фон на прямую, а добавить класс с фоном к диву, то ховер прекрасно работает. https://jsfiddle.net/7vsov03o/6/ Ну это на мой, дааааалеко не профессиональный, а скорее даже нубовский взгляд.

Ребятки, если не трудно, гляньте пожалуйста кодик. Вот есть блок, по нему мышой ходишь, он реагирует, но после клика по нему ховер перестает работать. Хотелось бы чтоб он на ховер продолжал реагировать даже после клика. Хотя б в какую сторону копать? https://jsfiddle.net/7vsov03o/4/ Знаю что надоел уже, гуглить учусь, но не совсем понимаю как составить правильный запрос в данном вопросе.

Спасибо огромное. Получилось. Задачка решена. =)

Как сделать без применения js и без textarea, чтоб в блоке div пользователь мог писать текст как в textarea? Использовать только css.

Спасибо огромное. Помогло.

Есть такой код <div> <span>Text 1</span> <span>Text 2</span> <span>Text 3</span> </div> Как поменять первый и второй <span> местами не используя js и не трогая html? Использовать floatы нельзя, с помощью position:absolute на span:nth-child(2) тоже нельзя. Какие еще есть способы? Гугл молчит как партизан.

Может быть с помощью min-height:? Т.е. задать какую-то минимальную высоту блока чтоб он отображался вообще на экране, фон к нему и прочие атрибуты.. а под ним футер. ну и max-height наверное 100% ЧТоб подгонялось под экран.