чекбоксы и описание изображений

@iron_woman · Регистрация: 24.12.2012

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

Здравствуйте,

Необходимо решить с помощью JS следующие задачи:
1) Вывод свойств изображения (ширина, высота и т.д.). Искала стандартную функцию JS для подобного, но не нашла.
2) При нажатии checkbox, относящегося к изображению, отмеченное изображение сохраняется на отдельной странице.

С Javascript знакома, к сожалению, поверхностно, а решение очень необходимо.
Спасибо заранее за любые мысли и помощь.

Доктор Зойдберг · 24.12.2013, 11:55

Сообщение от iron_woman

1) Вывод свойств изображения (ширина, высота и т.д.).

document.getElementById("id1").style.wid th

Добавлено через 28 секунд

Сообщение от iron_woman

2) При нажатии checkbox, относящегося к изображению, отмеченное изображение сохраняется на отдельной странице.

Поконкретнее пожалуйста.

@kalabuni · 24.12.2013, 13:23

Доктор Зойдберг, совет вы дали плохой
document.getElementById("id1").style.wid th и document.getElementById("id1").style.hei ght
дадут искомый ответ только в том случае, если непосредственно в теге <IMG> указано style="width: XXXpx; height: YYYpx"
подробнее см. здесь

высоту и ширину проще всего узнать, пользуя свойства
document.getElementById ("id1").offsetWidth и document.getElementById ("id1").offsetHeight

@iron_woman · 25.12.2013, 02:27 **[ТС]**

Прописала так

JavaScript
1
2
3
4
5
function img() {
var x == document.getElementById ("id1").offsetWidth;
var y == document.getElementById ("id1").offsetHeight;
 
}

HTML5
1
2
3
4
<div id="id1" onmouseover=img()>
<a href=... target=_blank>
<img class="img" src="..."/>
</div>

Но не работает.
В чем именно ошибки, укажите-обругайте

@kalabuni · 25.12.2013, 03:22

1. function img () и class="img" - это для чего?

ваш словарный запас английского языка исчерпывается всего одним словом img?

2. почему id="id1" у вас с кавычками, а onmouseover=img() - без таковых?

3. где находится закрывающий тег </a> ссылки?
надеюсь, не в другом файле

4. ваша функция вычисляет x и y, и сохраняет эти значения в своей памяти
а далее ваша функция ничего и не делает

так из чего вы вывели, что она у вас "не работает"?
ваша функция вам "шепнула на ушко", что она не "работает"?

@iron_woman · 25.12.2013, 09:32 **[ТС]**

Это были робкие попытки написать скрипт, который бы осуществлял вывод ширины и высоты картинок при наведении на нее. Соответственно, этого не происходит (и хотелось бы знать, как это исправить), за остальные замечания - спасибо, учла.

@kalabuni · 25.12.2013, 10:18

Сообщение от iron_woman

написать скрипт, который бы осуществлял вывод ширины и высоты картинок при наведении на нее

что в вашем понимании означает "вывод"?

куда именно выводить?
можно в окошко alert (), можно в консоль браузера, можно в какой-то плайн-тег (или элемент формы) страницы...
определитесь...

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@iron_woman 0 / 0 / 0 Регистрация: 24.12.2012 Сообщений: 41

	чекбоксы и описание изображений 24.12.2013, 01:12. Показов 660. Ответов 6 Метки нет (Все метки) Здравствуйте, Необходимо решить с помощью JS следующие задачи: 1) Вывод свойств изображения (ширина, высота и т.д.). Искала стандартную функцию JS для подобного, но не нашла. 2) При нажатии checkbox, относящегося к изображению, отмеченное изображение сохраняется на отдельной странице. С Javascript знакома, к сожалению, поверхностно, а решение очень необходимо. Спасибо заранее за любые мысли и помощь. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	24.12.2013, 13:23
	Доктор Зойдберг, совет вы дали плохой document.getElementById("id1").style.wid th и document.getElementById("id1").style.hei ght дадут искомый ответ только в том случае, если непосредственно в теге <IMG> указано style="width: XXXpx; height: YYYpx" подробнее см. здесь высоту и ширину проще всего узнать, пользуя свойства document.getElementById ("id1").offsetWidth и document.getElementById ("id1").offsetHeight 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	25.12.2013, 03:22
	1. function img () и class="img" - это для чего? ваш словарный запас английского языка исчерпывается всего одним словом img? 2. почему id="id1" у вас с кавычками, а onmouseover=img() - без таковых? 3. где находится закрывающий тег </a> ссылки? надеюсь, не в другом файле 4. ваша функция вычисляет x и y, и сохраняет эти значения в своей памяти а далее ваша функция ничего и не делает так из чего вы вывели, что она у вас "не работает"? ваша функция вам "шепнула на ушко", что она не "работает"? 0

@iron_woman 0 / 0 / 0 Регистрация: 24.12.2012 Сообщений: 41
	25.12.2013, 09:32 [ТС]
	Это были робкие попытки написать скрипт, который бы осуществлял вывод ширины и высоты картинок при наведении на нее. Соответственно, этого не происходит (и хотелось бы знать, как это исправить), за остальные замечания - спасибо, учла. 0