Нужны подсказки по подсвечивании картинок с приоритетом

@Noname74 · Регистрация: 16.12.2015

Студворк — интернет-сервис помощи студентам

В скриптах пока несилен нет времени все по порядку разгребать и к тому же заболел норм голова отказывается принимать инфу, уперся в запару поэтому нужны любые подсказки и чем можна по подробней. Короче говоря у нас есть штук 30 инпутов с картинками, на картинках числа(как простые так и с плавающей точкой) и 12 пустых инпутов в сторонке. Наша задача выбрать по возростанию числа на картинках (в первые 6 замена происходит рандомом(тоесть с 30 инпутов с числами на кртинках выбираються в 6 пустых)) в пустые инпуты(с 1 по 6 пустой инпут(тоесть заменить их)) по очереди с 1 по 6 и при каждой замене что бы подсвечивались зеленым(нету буквы йо сорян) бордером те инпуты корорые нам подходят а красным те которые нам не подходят(например выбираем картинку в пустой инпут с числом 3 и у нас красным бордером выделило 2/1/0 а зеленым 4/5/5.4/5.7 и тд дальше выбираем во второй пустой инпут картинку с числом 4 а у нас зеленым светит 5/5.4/и тд и так 5 раз что бы после 6 уже неподсвечивало). Да и кстате извеняюсь забыл добавить картинки с числами не меняются тоесть вся запара в том что выбираюся 6 рандомных и надо постоянно по приоритету подсвечивать бордером разные картинки. На самом деле все посложнее привел самый оптимальный пример нужна любая помощь, подсказка, совет и тд.Прошу непроходите мимо.

P.s. Буду тут утром если будет в том нужда ответить смогу только утром. Мб ошибся разделом на форуме пишу тут 1 раз.

@Monty161 · 16.12.2015, 11:57

Noname74, разделите вашу задачу на этапы и блоки, а потом уже просите о помощи и советах. Сплошной текст неудобен.

@Noname74 · 16.12.2015, 18:30 **[ТС]**

Наконец то домой добрался ща я пофасту пример сделаю и конкретно напишу что и в каком порядке, что бы по приятней было а то с ведра сидел а там муторно все эт делать

Добавлено через 21 минуту

тысяча извинений в section картинки будут а не input

@Noname74 · 16.12.2015, 20:58 **[ТС]**

написал (скрин )
html

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="body">
<section id="numbersIcon_1">
<img id="2" class="pictureArea" title="2" src="img/im2.jpg">
<img id="9" class="pictureArea" title="9" src="img/im9.jpg">
<img id="15" class="pictureArea" title="15" src="img/im15.jpg">
<img id="6" class="pictureArea" title="6" src="img/im6.jpg">
<img id="14" class="pictureArea" title="14" src="img/im14.jpg">
<img id="12-1" class="pictureArea" title="12.1" src="img/im12-1.jpg">
<img id="21" class="pictureArea" title="21" src="img/im21.jpg">
<img id="3" class="pictureArea" title="3" src="img/im3.jpg">
<img id="22" class="pictureArea" title="22" src="img/im22.jpg">
<img id="24" class="pictureArea" title="24" src="img/im24.jpg">
<img id="12" class="pictureArea" title="12" src="img/im12.jpg">
<img id="13" class="pictureArea" title="13" src="img/im13.jpg">
<img id="17" class="pictureArea" title="17" src="img/im17.jpg">
<img id="4" class="pictureArea" title="4" src="img/im4.jpg">
<img id="5" class="pictureArea" title="5" src="img/im5.jpg">
<img id="19" class="pictureArea" title="19" src="img/im19.jpg">
<img id="1" class="pictureArea" title="1" src="img/im1.jpg">
<img id="8" class="pictureArea" title="8" src="img/im8.jpg">
<img id="17-1" class="pictureArea" title="17.1" src="img/im17-1.jpg">
<img id="0" class="pictureArea" title="0" src="img/im0.jpg">
<img id="23" class="pictureArea" title="23" src="img/im23.jpg">
<img id="7" class="pictureArea" title="7" src="img/im7.jpg">
<img id="5-1" class="pictureArea" title="5.1" src="img/im5-1.jpg">
<img id="10" class="pictureArea" title="10" src="img/im10.jpg">
<img id="20" class="pictureArea" title="20" src="img/im20.jpg">
<img id="8-1" class="pictureArea" title="8.1" src="img/im8-1.jpg">
<img id="16" class="pictureArea" title="16" src="img/im16.jpg">
<img id="18" class="pictureArea" title="18" src="img/im18.jpg">
<img id="5-4" class="pictureArea" title="5.4" src="img/im5-4.jpg">
<img id="11" class="pictureArea" title="11" src="img/im11.jpg">
</section>
<section id="numbersIcon_2">
<section id="numbersRandom">
<img id="randoms" class="pictureArea" title="random" src="img/random.png">
<img id="randoms" class="pictureArea" title="random" src="img/random.jpg">
<img id="randoms" class="pictureArea" title="random" src="img/random.jpg">
<img id="randoms" class="pictureArea" title="random" src="img/random.jpg">
<img id="randoms" class="pictureArea" title="random" src="img/random.jpg">
<img id="randoms" class="pictureArea" title="random" src="img/random.jpg">
</section>
<section id="numbersChoice">
<img id="choice_1" class="pictureArea" title="choice" src="img/choice1.jpg">
<img id="choice_2" class="pictureArea" title="choice" src="img/choice2.jpg">
<img id="choice_3" class="pictureArea" title="choice" src="img/choice3.jpg">
<img id="choice_4" class="pictureArea" title="choice" src="img/choice4.jpg">
<img id="choice_5" class="pictureArea" title="choice" src="img/choice5.jpg">
<img id="choice_6" class="pictureArea" title="choice" src="img/choice6.jpg">
</section>
</section>
 
</div>
</body>
</html>

css к нему

CSS
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
@carset "utf-8";
 
#body {
    background-color:#cdcdcd;
    width:100%;
    height:100%;
    
}
 
#numbersIcon_1 {
    width:50%;
    height:100%;
    max-width: 350px;
    max-height: 270px;
    float:left;
    display: block;
}
 
#numbersIcon_2 {
    
    width:50%;
    height:100%;
    float:auto;
    display: block;
}
 
#numbersRandom {
    max-width: 60px;
    max-height: 270px;
    width:50%;
    height:100%;
    float:left;
    display: inline-block;
}
 
#numbersChoice {
    max-width: 60px;
    max-height: 270px;
    width:50%;
    height:100%;
    float:auto;
    display: inline-block;
}
 
.pictureArea {  
    background-color: black;
    border: 2px solid black;
    border-radius: 2px;
    border-collapse: collapse;
    margin: 3px;
}

когда загружаем видим такую картину с права 30 имг которые не меняют свое местоположение а с права 2 по 6.
задача:
1.)в первый столбик при загрузке выбираются рандомно 6 картинок.
2.)в самый правый столбик выбрать по возрастанию числа на картинках (скрин прилагаю ).
3.)подсвечивать бордером (красным которые точно неподходят а зелёным лучшие из которых нам подходят) при каждом выборе кроме последнего (скрин после 1 выбора и скрин после 2 и тд вплоть до последнего.

ну и для удобства .rar в нем html css и 4 скрина

@Noname74 · 16.12.2015, 21:07 **[ТС]**

затерло сайт

@Noname74 · 16.12.2015, 21:18 **[ТС]**

добавил так по порядку

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@Noname74 0 / 0 / 0 Регистрация: 16.12.2015 Сообщений: 5

	Нужны подсказки по подсвечивании картинок с приоритетом 16.12.2015, 03:17. Показов 544. Ответов 5 Метки нет (Все метки) В скриптах пока несилен нет времени все по порядку разгребать и к тому же заболел норм голова отказывается принимать инфу, уперся в запару поэтому нужны любые подсказки и чем можна по подробней. Короче говоря у нас есть штук 30 инпутов с картинками, на картинках числа(как простые так и с плавающей точкой) и 12 пустых инпутов в сторонке. Наша задача выбрать по возростанию числа на картинках (в первые 6 замена происходит рандомом(тоесть с 30 инпутов с числами на кртинках выбираються в 6 пустых)) в пустые инпуты(с 1 по 6 пустой инпут(тоесть заменить их)) по очереди с 1 по 6 и при каждой замене что бы подсвечивались зеленым(нету буквы йо сорян) бордером те инпуты корорые нам подходят а красным те которые нам не подходят(например выбираем картинку в пустой инпут с числом 3 и у нас красным бордером выделило 2/1/0 а зеленым 4/5/5.4/5.7 и тд дальше выбираем во второй пустой инпут картинку с числом 4 а у нас зеленым светит 5/5.4/и тд и так 5 раз что бы после 6 уже неподсвечивало). Да и кстате извеняюсь забыл добавить картинки с числами не меняются тоесть вся запара в том что выбираюся 6 рандомных и надо постоянно по приоритету подсвечивать бордером разные картинки. На самом деле все посложнее привел самый оптимальный пример нужна любая помощь, подсказка, совет и тд.Прошу непроходите мимо. P.s. Буду тут утром если будет в том нужда ответить смогу только утром. Мб ошибся разделом на форуме пишу тут 1 раз. 0

@Monty161 6 / 6 / 6 Регистрация: 01.09.2015 Сообщений: 52
	16.12.2015, 11:57
	Noname74, разделите вашу задачу на этапы и блоки, а потом уже просите о помощи и советах. Сплошной текст неудобен. 0

@Noname74 0 / 0 / 0 Регистрация: 16.12.2015 Сообщений: 5
	16.12.2015, 18:30 [ТС]
	Наконец то домой добрался ща я пофасту пример сделаю и конкретно напишу что и в каком порядке, что бы по приятней было а то с ведра сидел а там муторно все эт делать Добавлено через 21 минуту тысяча извинений в section картинки будут а не input 0

@Noname74 0 / 0 / 0 Регистрация: 16.12.2015 Сообщений: 5
	16.12.2015, 21:07 [ТС]
	затерло сайт 0

@Noname74 0 / 0 / 0 Регистрация: 16.12.2015 Сообщений: 5
	16.12.2015, 21:18 [ТС]
	добавил так по порядку Миниатюры 0