powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS) Как получить имя картинки по клику
11 сообщений из 11, страница 1 из 1
(JS) Как получить имя картинки по клику
    #33714711
UVL
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UVL
Гость
Подскажите!
Есть например картинка
<img src="foto.jpg">

Как по нажатию на нее мне получить ее имя (точнее передать это имя в какую-то переменную, например $a). Или с помощью PHP или Java мне все равно.
Я пробовал onClick="..." получается только путь к странице передать, а имя картинки увы......
...
Рейтинг: 0 / 0
(JS) Как получить имя картинки по клику
    #33714719
Фотография А.Грасоff™
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
чо надо - не понял. так что извини, если че.

Код: plaintext
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.
<html>
<head>
<script>
function imageBallClick() {
	var imageBall = document.getElementById("image-ball");

	var src = imageBall.src;
	var li = src.lastIndexOf("/");
	var fileName;
	if (li == - 1 ) {
		fileName = src;
	} else {
		fileName = src.substring(li +  1 );
	}

	var name = imageBall.name;

	alert("FileName: " + fileName + "\r\nName: " + name);
}

function init() {
	var imageBall = document.getElementById("image-ball");
	imageBall.onclick = imageBallClick;
}

window.onload = init;
</script>
</head>
<body>
<p>
<img src="./ball.bmp" height="48" width="48" name="ball.bmp" id="image-ball"/>
</p>
</body>
</html>

--
бес потпеси, потому што раз троганъ
...
Рейтинг: 0 / 0
(JS) Как получить имя картинки по клику
    #33714781
UVL
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UVL
Гость
Благодарю!
Все работает как надо.

Но есть еще вопрос:
почему переменной
Код: plaintext
fileName;
в окне
Код: plaintext
alert("FileName: " + fileName + "\r\nName: " + name);
значение нормально присваивается,
а далее я ее не вижу
Код: plaintext
1.
2.
...
windop.document.write("<center><img src='/'" + fileName + " width=600 height=450 alt='Картинка'></center>");
...
хотя все в одной функции.
...
Рейтинг: 0 / 0
(JS) Как получить имя картинки по клику
    #33714790
Фотография А.Грасоff™
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
UVLБлагодарю!
Все работает как надо.

Но есть еще вопрос:
почему переменной
Код: plaintext
fileName;
в окне
Код: plaintext
alert("FileName: " + fileName + "\r\nName: " + name);
значение нормально присваивается,
а далее я ее не вижу
Код: plaintext
1.
2.
...
windop.document.write("<center><img src='/'" + fileName + " width=600 height=450 alt='Картинка'></center>");
...
хотя все в одной функции.

ошыпки:
Код: plaintext
1.
windop.document.write("<center><img src='/'" + fileName + " width=600 height=450 alt='Картинка'></center>");

надо так (хотя бы):
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
window.document.write("<center><img src=/" + fileName + " width=600 height=450 alt='Картинка'></center>");

или:

window.document.write("<center><img src='/" + fileName + "' width=600 height=450 alt='Картинка'></center>");

или:

window.document.write("<center><img src=\"/" + fileName + "\" width=\"600\" height=\"450\" alt=\"Картинка\"></center>");

PS последний вореант - мой любимый. и правильный.
...
Рейтинг: 0 / 0
(JS) Как получить имя картинки по клику
    #33714795
UVL
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UVL
Гость
Еще раз спасибо. Я как раз сам разобрался.
Сделал так:
Код: plaintext
windop.document.write("<center><img src='/" + fileName + "' width=600 height=450 alt='Картинка'></center>");
...
Рейтинг: 0 / 0
(JS) Как получить имя картинки по клику
    #33718138
1024byte
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
windoP неизкореним ?
...
Рейтинг: 0 / 0
(JS) Как получить имя картинки по клику
    #33722784
UVL
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UVL
Гость
Народ ну подскажите еще (в продолжение темы):
есть у меня на странице например, 2 или 3 или 5 фотографий, ну не важно.....
Я жму на любую из них и у меня появляется окно с увеличенной этой картинкой.
Но, все время получается что с помощью этого скрипта (текст ниже), что
появляется увеличенная самая верхняя фотка, т.е последняя закачанная на сервер, как я понимаю это благодаря LastIndexOf

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
function winop()
{
var imageBall = document.getElementById("pic");
var src = imageBall.src;
var li = src.lastIndexOf("/");
var fileName;
var name = imageBall.name;

if (li == - 1 ) {
fileName = src;
} else {
fileName = src.substring(li +  1 );
}

windop=window.open("","mywin","width=800,height=600");
windop.document.open();
windop.document.write("<html><head><title>Просмотр изображения</title>");
windop.document.write("</head><body>");
windop.document.write("<center><font face=Arial,Verdana size=3><b>Просмотр изображения</b></font></center><br>");
windop.document.write("<center><img src='admin/news/" + fileName + "' width=600 height=400 alt='Картинка'></center><br>");
windop.document.write("<center><form><input type='button' value='Закрыть' onClick='window.close()'></form></center>")
windop.document.write("</body></html>");
windop.document.close();
}
...
Рейтинг: 0 / 0
(JS) Как получить имя картинки по клику
    #33722819
maXmo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
imageBall = document.getElementById("pic");
вот ты и грузишь только ту картинку, у которой id="pic"
------------------
- А как в Интеpнете pаботать? - Сначала нужно узнать, что вам нужно rtfm
...
Рейтинг: 0 / 0
(JS) Как получить имя картинки по клику
    #33722875
UVL
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UVL
Гость
ну и....... как мне от него избавится?
...
Рейтинг: 0 / 0
(JS) Как получить имя картинки по клику
    #33722882
UVL
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
UVL
Гость
дело в том что id="pic" присваивается всем картинкам
...
Рейтинг: 0 / 0
(JS) Как получить имя картинки по клику
    #33722955
Фотография 4m@t!c
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Это равносильно, что вы близнецов назвали одинаковыми именами.
Давайте разные имена картинкам.
----------------------------------------
Артисты не приехали, приехали цыгане
...
Рейтинг: 0 / 0
11 сообщений из 11, страница 1 из 1
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS) Как получить имя картинки по клику
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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