ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вывод массива изображений в Javascript
11 сообщений из 11, страница 1 из 1
Вывод массива изображений в Javascript
    #40069039
Tishh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Tishh
Гость
Здравствуйте,

Мне этот код нужно поменять и использовать Javascript, чтобы вывести изображения с помощью массива в Javascript.

Код: html
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.
[SRC JS]<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<link href= "style.css" rel="stylesheet" type="text/css">
    <title>Document</title>
</head>
<body>

    <h2>Gitara shop</h2>
    <h3 id="mycard">My Card Price</h3>
    
    <!-- Gallery -->
    <div class="row">
	
      <div class="column">
		   <img class="imgpic" id="img1" src="images/pic1.jpg" style="width:50%">
				<h4 id="Name1">Gitara 1</h4>
					<p class="price" id="price1" >$12.07</p>
					<p id="information1">Some text about the Gitara 1</p>
						<p>
							<button onclick="getPrice(1)">Add to Cart</button>
						</p>
      </div>
	  
      <div class="column">
		   <img class="imgpic" id="img2" src="images/pic2.jpg" style="width:50%">
				<h4 id="Name2">Gitara 2</h4>
					<p class="price" id="price2" >$13.55</p>
					<p id="information2">Some text about the Gitara 2</p>
						<p>
							<button onclick="getPrice(2)">Add to Cart</button>
						</p>
      </div>
	  
      <div class="column">
		   <img class="imgpic" id="img3" src="images/pic3.jpg" style="width:50%">
				<h4 id="Name3">Gitara 3</h4>
					<p class="price" id="price3" >$29.31</p>
					<p id="information3">Some text about the Gitara 3</p>
						<p>
							<button onclick="getPrice(3)">Add to Cart</button>
						</p>
      </div>
	  
    <!-- END -->
	
    </div>
</body>
</html>

[/SRC]

Массив изображений объявила, но дальше запуталась в информации, которая дана в интернете, не могу найти толковое объяснение, всё не то попадается мне.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<script language="JavaScript">
img=new Array() 
img[0]=new Image()
img[1]=new Image()
img[2]=new Image()
img[3]=new Image()
img[4]=new Image()
img[5]=new Image()

img[0].src="images/pic1.jpg"    
img[1].src="images/pic2.jpg"      
img[2].src="images/pic3.jpg"  
img[3].src="images/pic4.jpg"  
img[4].src="images/pic5.jpg"  
img[5].src="images/pic6.jpg"  

function {
 ............
}
</script>
...
Рейтинг: 0 / 0
07.05.2021, 23:02
| Ответить | Цитировать | Написать  
Вывод массива изображений в Javascript
    #40069056
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Tishh,

зачем все это?
вывести куда?
...
Рейтинг: 0 / 0
08.05.2021, 06:00
| Ответить | Цитировать | Написать  
Вывод массива изображений в Javascript
    #40069058
Tishh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Tishh
Гость
В итоге нужно при выборе какого-либо продукта, вывести его в новую страницу, где будут находиться выбранные продукты и там же выходит общая цена выбранных продуктов.
...
Рейтинг: 0 / 0
08.05.2021, 07:11
| Ответить | Цитировать | Написать  
Вывод массива изображений в Javascript
    #40069061
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Tishh,

новая страница - это что?
новая вкладка в текущем окне браузера? новое окно браузера, при не закрытом окне, где происходит выбор?
или при окончании выбора открытие новой страницы в текущей вкладке?
в любом случае подход не правильный
...
Рейтинг: 0 / 0
08.05.2021, 07:52
| Ответить | Цитировать | Написать  
Вывод массива изображений в Javascript
    #40069062
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
у тебя есть
Код: html
1.
<button onclick="getPrice(3)">Add to Cart</button>


что обозначает цифра 3?
по логике она должна обозначать id товара.
так вот при нажатии на кнопку и надо формировать массив из этих id. и потом отправить этот массив на сервер, где из этого набора id и будет сформирована новая страница
...
Рейтинг: 0 / 0
08.05.2021, 08:02
| Ответить | Цитировать | Написать  
Вывод массива изображений в Javascript
    #40069063
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Tishh,

ну и кнопка тут не очень подходит
правильнее использовать input checkbox
https://webref.ru/html/input/type
юзер должен видеть что пометил и смог отменить выбор
...
Рейтинг: 0 / 0
08.05.2021, 08:09
| Ответить | Цитировать | Написать  
Вывод массива изображений в Javascript
    #40069064
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Tishh,

тогда не нужно будет вешать событие на каждую кнопку, а будет одно событие на кнопку "отправить"
в котором надо собрать все инпуты с checkbox= true и вытащить из них эти id
...
Рейтинг: 0 / 0
08.05.2021, 08:12
| Ответить | Цитировать | Написать  
Вывод массива изображений в Javascript
    #40069077
Tishh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Tishh
Гость
Вот точное описание задачи:

Проект предполагает написание логики кнопок. После нажатия на кнопку мы должны увидеть список продуктов на экране. Источник изображения продукта Evrey должен быть сгенерирован из списка JavaScript. Используемый массив JavaScript (сохраненные ссылки на изображения)
Используемый JavaScript
  • Массив (ссылки на сохраненные изображения)
  • Манипуляции с DOM
  • eventListeners
  • Обработка JavaScript CSS
  • Условие Javascript (оператор If)
  • Функция с аргументами
Что делать
  • 1. Загрузите исходный код по ссылке на привод (только HTML и CSS).
  • 2. Внедрите код JavaScript в свой собственный файл JS.
  • 3. Внесите минимальные изменения в файлы HTML и CSS (устраните некоторые ошибки).
  • 4. Создайте текстовый документ с информацией о вашем исследовании (откуда вы взяли фотографии продукта и цены)
  • перед нажатием кнопок
    • цены на товары генерируются случайным образом
    после нажатия
    • нажав «Добавить в корзину» -> получить цену продукта и добавить в «Стоимость моей карты»
    • Когда сумма цен выбранных товаров будет больше вашего бюджета, цвет суммы цен изменится с зеленого на красный.
    ...
    Рейтинг: 0 / 0
    09.05.2021, 09:45
    | Ответить | Цитировать | Написать  
    Вывод массива изображений в Javascript
        #40069090
    Фотография krvsa
    		Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
    krvsa
    Участник
    Tishh
    но дальше запуталась в информации, которая дана в интернете, не могу найти толковое объяснение, всё не то попадается мне.

    Достаточно начать с учебника или простой книжки...
    https://ru.pdfdrive.com/javascript-для-чайников-e184705606.html
    ...
    Рейтинг: 0 / 0
    09.05.2021, 13:07
    | Ответить | Цитировать | Написать  
    Вывод массива изображений в Javascript
        #40069092
    вадя
    		Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
    вадя
    Участник
    Tishh,

    к сожалению такое задание противоречит нормальной логике...
    вот отличный учебник
    https://learn.javascript.ru/
    а вот примеры
    http://shpargalkablog.ru/p/html-css-javascript.html
    стоит почитать и вспомнится всё
    ...
    Рейтинг: 0 / 0
    09.05.2021, 14:03
    | Ответить | Цитировать | Написать  
    Вывод массива изображений в Javascript
        #40069138
    Tishh
    		Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
    Tishh
    Гость
    вадя, krvsa

    Cпасибо за предложенные ссылки, сам сайт javascript.ru мне понравился очень и даже очень помог мне.
    Меня саму попросили помочь, так как ближе всего к этой теме была я, а другого никого не смогли найти, а за 2 дня весь javascript врядли я вспомнила бы, давно было это и вдобавок многое что новое появилось, с чем я даже и не сталкивалась раньше.
    ...
    Рейтинг: 0 / 0
    10.05.2021, 09:26
    | Ответить | Цитировать | Написать  
    11 сообщений из 11, страница 1 из 1
    Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вывод массива изображений в Javascript
    Найденые пользователи ...
    Разблокировать пользователей ...
    Читали тему (0):
    Читали форум (0):
    Пользователи онлайн (0):
    Польз. соглашение
    NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
    Закрыть
    start [/forum/topic.php?fid=22&fpage=4&tid=1443237]:
    		 0ms
    get settings:
    		 12ms
    get forum list:
    		 15ms
    check forum access:
    		 4ms
    check topic access:
    		 4ms
    track hit:
    		 34ms
    get topic data:
    		 14ms
    get forum data:
    		 3ms
    get page messages:
    		 56ms
    get tp. blocked users:
    		 2ms
    others: 258ms
    total:  402ms
    созд. / загр.: 402ms
    x
    x
    Закрыть


    Просмотр
    0 / 0
    Close
    Debug Console [Select Text]