Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Olidger
0 / 0 / 0
Регистрация: 24.12.2018
Сообщений: 11
1

Что такое data-*. Как пользоваться?

13.02.2020, 00:31. Просмотров 344. Ответов 7

Не давно узнал что есть атрибут data. В интернете нету никакой информации вообще. Мне нужно чтобы при выборе из списка менялось прозрачность картинки. Буду рад кто поможет)
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.02.2020, 00:31
Ответы с готовыми решениями:

IDataParameterCollection - что такое и как пользоваться?
Ктo мне oбяснит для чегo етo вooбше нужнo и кaк им пoлзoвaтъся? В Хелп-е читaл, нo для меня...

Что такое юнит тестирование? Как им пользоваться?
Народ можете, кто-нибудь на просто примере показать, как тестировать какой-либо функционал в...

goto есть ли такое и как им пользоваться
Добрый день, если такая возможность перескакиветь в ходе выполнения программы из одной строки в...

Что такое метод equals() и что такое класс Object
Ответи на два вопроса очень надо 1) Что такое метод equals(). Чем он отличается от операции ==....

Что лучше использовать System.Data.Linq или System.Data.sqlclient
что лучше использовать System.Data.Linq или System.Data.sqlclient для подкл к базе подскажите на...

7
novichek_1905
411 / 295 / 130
Регистрация: 16.02.2018
Сообщений: 831
13.02.2020, 01:34 2
Цитата Сообщение от Olidger Посмотреть сообщение
Не давно узнал что есть атрибут data.
Читаем тут
Цитата Сообщение от Olidger Посмотреть сообщение
Мне нужно чтобы при выборе из списка менялось прозрачность картинки.
Код списка в с картинками в студию.
0
Olidger
0 / 0 / 0
Регистрация: 24.12.2018
Сообщений: 11
13.02.2020, 01:40  [ТС] 3
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<hmtl>
<head>
    <style>
        .ss:checked{
            
        }
    </style>
    </head>
<body>
    <select>
    <option>123</option>
    <option class="ss">1233</option>
    <option>121323</option>
    </select>
    <div class="s1s">
    <img src="1.jpg" width="100px">
        </div>
    </body>
</hmtl>
0
Olidger
0 / 0 / 0
Регистрация: 24.12.2018
Сообщений: 11
13.02.2020, 02:43  [ТС] 4
Нужно чтобы картинка появилась. Заранее спасибо.)
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE htm>
<html>
 <head>
  <meta charset="utf-8">
  <title>Селекторы</title>
  <style>
   img {
    display: none;
   }
 #ss3:checked ~ img  {
    display: block;
   }
  </style>
 </head>
 <body>
   <select>
    <option>123</option>
    <option id="ss3">1233</option>
    <option>121313</option>
       </select>
    <img src="1.jpg" alt="">
    <img src="1.jpg" alt="">
    <img src="1.jpg" alt="">
 </body>
</html>
0
Olidger
0 / 0 / 0
Регистрация: 24.12.2018
Сообщений: 11
13.02.2020, 16:16  [ТС] 5
Или что-то похожее, но со списком.
0
Flexinas
0 / 0 / 1
Регистрация: 08.05.2019
Сообщений: 25
15.02.2020, 20:08 6
Я вообще ничего не понял это что отложенная загрузка?
0
Panda58dev
Developer☭
48 / 27 / 3
Регистрация: 01.02.2019
Сообщений: 141
15.02.2020, 20:31 7
Цитата Сообщение от Flexinas Посмотреть сообщение
Я вообще ничего не понял это что отложенная загрузка?

Не по теме:

А главное описание вопроса очень точное, всё до мелочей понятно :D

0
Academik
886 / 586 / 239
Регистрация: 04.04.2013
Сообщений: 2,387
15.02.2020, 23:08 8
Flexinas, Кирилл848, а из кода неясно разве что хочет человек?

Olidger, попробуйте этот вариант:
HTML5
1
2
3
4
5
6
7
8
9
10
<select id="list"  name="name">
  <option value="0">Показать всё</option>
  <option selected value="10">выбор первый</option>
  <option value="20">выбор второй</option>
  <option value="30">выбор третий</option>
</select>
 
<img src="1.jpg" id="img1" style="display: block">
<img src="2.jpg" id="img2" style="display: none">
<img src="3.jpg" id="img3" style="display: none">
Javascript
1
2
3
4
5
6
7
8
9
10
11
document.getElementById("list")
    .onchange = function () {
        var b = {
            10: "img1",
            20: "img2",
            30: "img3"
        }, c = this.value,
            a;
        for (a in b) document.getElementById(b[a])
            .style.display = 0 == c || c == a ? "block" : "none"
};
Песочница - https://jsfiddle.net/Lmve9y1h/
1
15.02.2020, 23:08
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
15.02.2020, 23:08

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Что такое стабы и как правильно их применять
Народ объясните новичку что такое стабы и как правильно их применять. Есть небольшой опыт в...

Как понимать что такое 10, знаки эти?
int summ = n % 10; n /= 10; summ += n % 10; n /= 10; ...

VkNet что такое ApplicationId и как настроить Settings?
Нужно быстро сделать авторизацию,выбрал для этого VKnet , но при авторизации есть 2 параметра,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.