[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: изменить при клике alt title изображения
Demjan
Здравствуйте, как изменить на javaskript при клике по объекту на странице alt и title выбранного изображения?

В моём случае нужно заменить alt и title изображения при клике в текстовом поле. Сейчас есть код

if ($a){document.images[$a].src = "http://portal-sibir.ru/izo/achtung_0.png";/* смена изображения с переданным ID - необязательнойдля передачи переменной*/
}

, суть- при пустом поле, которое обязательно для заполнения, картинка achtung_.png, при постановке курсора в текстовое поле картинка меняется на невидимую achtung_0.png, но при наведении на это изображение вылазят уже не нужные титлы, как их обоих сделать пустыми (='') ?



Спустя 41 минута, 20 секунд (10.09.2010 - 14:10) Lenarfate написал(а):
onfocus="document.getElementById('картинка').alt='Значение'"

в таком ключе делай

Спустя 1 час, 25 минут, 13 секунд (10.09.2010 - 15:35) Demjan написал(а):
У меня делается один скрипт для всех изображений, ID рисунка передаётся через переменную $a, вид при подключении такой:

<img id='izonazvanp' src='achtung.png' title='не заполнено обязательное поле' alt='не заполнено обязательное поле' >

<input
type='text' name='nazvanp' class="fpolem" size="55" title="ввести полное название организации, до 100 символов" maxlength="100"

onclick="vvod(this,'izonazvanp')"

/>


выполняемый скрипт:
if ($a)
{document.images[$a].src = "achtung_0.png";

/* добавляю как подсказал: */

document.getElementById[$a].alt="Значение";


}

не работает

картинка меняется но титлы те-же, наверняка с синтаксисом что-то, но как правильно? угадать шансы один на миллион или перерыть гигабайт информации чтобы найти ответ. Помогите ! smile.gif

Спустя 33 минуты, 33 секунды (10.09.2010 - 16:09) sergeiss написал(а):
Цитата (Demjan @ 10.09.2010 - 16:35)
document.getElementById[$a].alt="Значение";

Сравни с
Цитата (Lenarfate @ 10.09.2010 - 15:10)
onfocus="document.getElementById('картинка').alt='Значение'"


и найди одно существенное отличие.

И что такое у тебя $a?

Спустя 2 часа, 23 минуты, 2 секунды (10.09.2010 - 18:32) Demjan написал(а):
$a - это перменная, передаваемая при запуске ява-скрипта в функцию,
onclick="vvod(this,'izonazvanp')

в этом случае она имеет значение izonazvanp и предназначена для указания ID изменяемого рисунка, this указывает что в качестве первой переменной в функцию передаётся содержимое текстового поля <input ...

при onclick запускается функция vvod, которая, если передано значение $a, в этом случае ='izonazvanp', то выполняется подмена картинки
document.images[$a].src = "achtung_0.png";

-это работает, вторая половина функции должна изменить alt и title - по крайней мере хотелось-бы, но не работает, по подсветке кстати выше видно что функция вроде не знакомая для ява-скрипт, как правильно-то?

Вид функции:

function vvod(theText,$a)
{document.images[$a].src = "http://portal-sibir.ru/izo/achtung0.png";/* смена изображения с переданным ID */

document.getElementById[$a].alt="Значение";
}


Спустя 1 час, 29 минут, 40 секунд (10.09.2010 - 20:01) Demjan написал(а):
не работает getElementById ни через переменную, ни без неё mad.gif

Спустя 2 минуты, 48 секунд (10.09.2010 - 20:04) sergeiss написал(а):
Ты не ответил на мой вопрос: в чем ПРИНЦИПИАЛЬНОЕ отличие тех двух строк? Найди его - и ты найдешь ошибку.
И ты поищи, вместо того, чтобы продолжать ругаться на заведомо ошибочный код.

Спустя 17 минут, 8 секунд (10.09.2010 - 20:21) Demjan написал(а):
я не ругаюсь smile.gif

ПРИНЦИПИАЛЬНОЕ отличие в том что в предложенном варианте действие выполняется для одного объекта, хотя он тоже не срабатывает, тем более не могу его использовать в функции с передаваемым в неё значением ID, хотя первая часть для замены изображения по полученному ID проходит.

Первый раз вижу эту функцию, нужно - бы разобраться, почти каждый раз когда вижу новую функцию ява-скрипт удивляюсь способу её использования, такие дела.

Спустя 35 минут (10.09.2010 - 20:56) sergeiss написал(а):
ПРИНЦИПИАЛЬНОЕ отличие состоит в том, что тебе показали пример с функцией, т.е. параметр функции указан в КРУГЛЫХ СКОБКАХ. А ты пишешь в КВАДРАТНЫХ скобках.

Или ты считаешь, что это не принципиально? wink.gif

Спустя 45 минут, 10 секунд (10.09.2010 - 21:41) Demjan написал(а):
Пробовал и скруглыми я,

может быть из-за того что рисунок внутри формы, поэтому надо ID формы тоже вводить? тогда как?

... уже не до переменной, ввожу ID нужного рисунка в функцию,:

document.getElementById('izo').alt="Значение";


не работает ... вводил и без функции

onfocus="document.getElementById('izo').alt='Значение'"


ничего не помогает. Если рисунок внутри <div id='id_div'></div>, который внутри формы id='id_formi', то нужно их ID-ы тоже вводить, и если да то как перечислять?

Вариант для для изменения значения текстового поля пишу

document.id_formi.id_pol`a.value='мое vj'


, для getElementById как писать этот "путь"....((

Спустя 4 минуты (10.09.2010 - 21:45) ZSH написал(а):
а картинка может принять onfocus ? dry.gif

Спустя 17 минут, 49 секунд (10.09.2010 - 22:03) Lenarfate написал(а):
onfocus для textarea. тс сам же говорил
Цитата
при постановке курсора в текстовое поле картинка меняется


Спустя 11 минут, 39 секунд (10.09.2010 - 22:15) Demjan написал(а):
ZSH, ну если onfocus - это наведение курсора на объект то думаю да, может что-то недопонимаю? а вообще у меня onclik, причём в текстовом поле, а титлы к картинке, которая находится над этим полем - она отмечает незаполненные обязательные поля формы; когда посетитель ставит курсор в незаполненное обязательное текстовое поле кортинка заменяется на прозрачную, а титлы остаются, типа не заполнено обязательное поле когда проводишь над этой невидимой картинкой, эти титлы совсем никчему, вот пытаюсь узнать, как их изменить после клика в текстовом поле.

Спустя 11 минут, 37 секунд (10.09.2010 - 22:26) Lenarfate написал(а):
Цитата
ставит курсор в незаполненное обязательное текстовое поле

это onfocus

Спустя 59 минут, 49 секунд (10.09.2010 - 23:26) Demjan написал(а):
Lenarfate, да, я не прав

Спустя 7 часов, 54 минуты, 48 секунд (11.09.2010 - 07:21) Demjan написал(а):
Ёлы палы, делается просто document.images[$a].title="Значение"; для титлов и похоже также для альтернативного текста, а "ставит курсор в незаполненное обязательное текстовое поле" - тоже классная функция, но я не то хотел узнать, узнал заодно, всем спасибо!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.