VPF::Динамически сгенерированное имя name картинки

linuxoid

Дата 14.8.2010, 00:07 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 17.4.2005

Репутация: нет
Всего: нет

Уважаемые коллеги. Как сделать, чтобы javascript работал так же как и в примере с PHP, т.е. воспринимал бы динамически созданное имя как имя картинки, которую можно найти через document. К примеру document.image_1. Бдагодарю за информацию.

Код


<!DOCTYPE html>
<head>
<title>Test</title>
</head>
<body>

<img src="images/src1.jpg" name="image_1" />
<img src="images/src2.jpg" name="image_2" />
<img src="images/src3.jpg" name="image_3" />

<script type="text/javascript">

function prepareFormValues()
{
    <?php    

    for($i = 1; $i <= 3; $i++)
    {
        echo
       'if(typeof(document.image_'.$i.') != "undefined")
        {
            alert(document.image_'.$i.'); // работает
        }';
    }

    ?>
    
            
    for(var i = 1; i <= 3; i++)
    {
        var img_name = "image_" + i;
        alert(document.img_name); // не работает
    }
}

prepareFormValues();

</script>  
  
</body>

IDVsbruck

Дата 14.8.2010, 00:19 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 778
Регистрация: 12.11.2006

Репутация: 7
Всего: 22

Для этого переменная должна быть глобальной.
Но вопрос, видимо, не в этом - что надо сделать?

linuxoid

Дата 14.8.2010, 10:33 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 17.4.2005

Репутация: нет
Всего: нет

Нужно просто добраться до элемента по динамически сгенерированному имени.

По идее можно и так

Код


<!DOCTYPE html>
<head>
<title>Test</title>
</head>
<body>
<img src="images/src1.jpg" name="image_1" />

<script type="text/javascript">

var i = 1;

var element = "document.image_" + i;
alert(eval(element));

</script>  
  
</body>

Но может быть лучше так ?

Код


<!DOCTYPE html>
<head>
<title>Test</title>
</head>
<body>
<img src="images/src1.jpg" name="image_1" />

<script type="text/javascript">

var i = 1;

var element = document.getElementsByName("image_" + i).item(0);
alert(element);

</script>  
  
</body>

Это сообщение отредактировал(а) linuxoid - 14.8.2010, 12:09

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »