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

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

Код: 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
| Ответить | Цитировать | Написать  
07.05.2006, 22:42:19
    #33714781
UVL
UVL
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Как получить имя картинки по клику
Благодарю!
Все работает как надо.

Но есть еще вопрос:
почему переменной
Код: 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
| Ответить | Цитировать | Написать  
07.05.2006, 23:08:14
    #33714790
А.Грасоff™
А.Грасоff™
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Как получить имя картинки по клику
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
| Ответить | Цитировать | Написать  
07.05.2006, 23:18:46
    #33714795
UVL
UVL
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Как получить имя картинки по клику
Еще раз спасибо. Я как раз сам разобрался.
Сделал так:
Код: plaintext
windop.document.write("<center><img src='/" + fileName + "' width=600 height=450 alt='Картинка'></center>");
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.05.2006, 15:46:43
    #33718138
1024byte
1024byte
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Как получить имя картинки по клику
windoP неизкореним ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.05.2006, 13:15:31
    #33722784
UVL
UVL
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Как получить имя картинки по клику
Народ ну подскажите еще (в продолжение темы):
есть у меня на странице например, 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
| Ответить | Цитировать | Написать  
12.05.2006, 13:25:02
    #33722819
maXmo
maXmo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Как получить имя картинки по клику
imageBall = document.getElementById("pic");
вот ты и грузишь только ту картинку, у которой id="pic"
------------------
- А как в Интеpнете pаботать? - Сначала нужно узнать, что вам нужно rtfm
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.05.2006, 13:40:49
    #33722875
UVL
UVL
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Как получить имя картинки по клику
ну и....... как мне от него избавится?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.05.2006, 13:46:02
    #33722882
UVL
UVL
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Как получить имя картинки по клику
дело в том что id="pic" присваивается всем картинкам
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.05.2006, 14:06:00
    #33722955
4m@t!c
4m@t!c
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS) Как получить имя картинки по клику
Это равносильно, что вы близнецов назвали одинаковыми именами.
Давайте разные имена картинкам.
----------------------------------------
Артисты не приехали, приехали цыгане
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS) Как получить имя картинки по клику / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 508ms
Закрыть
start [/forum/topic.php?fid=23&mobile=1&tid=1476183]:
 0ms
get settings:
 9ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 201ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 37ms
get tp. blocked users:
 1ms
others: 231ms
total:  508ms
x
x
Закрыть


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