Обращение к атрибуту, в имени которого символ тире

@Oskaria · Регистрация: 10.07.2009

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

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

Оговорюсь сразу - javascript я знаю очень плохо, поэтому код может быть... хреновым))

Суть проблемы в том, что автообновление картинки я смог сделать, без особых проблем, но вот прикрутить к неё зум оказалось проблемой.
Т.к. я сам зум сделать не смог, я взял готовый скрипт отсюда http://rvolve.com/zoom_pic.php. Очень хорошо подходит мне под задачу, но получается так, что путь к картинке там указывается в атрибуте data-scr:

Javascript

1
2

      <div id="my_zoom1" class="zoompic" data-src="http://admin@192.168.1.71/snapshot.cgi" data-animate="true" data-width="504" data-height="378" data-zoomicon="gray">
// [url]http://admin@192.168.1.71/snapshot.cgi[/url] отдает MJPEG кадр (jpeg картинку короче)

Как я обновляю картинку:

Javascript

var speed = 0;
 
function cam_show()
{
        var imacv = document.getElementById('my_zoom1');
        var time = now();
        imacv.onload = function()
        {
        start_show(imacv, now()-time);
        };
        imacv.data-src = "http://admin@192.168.1.71/snapshot.cgi?" + Math.random();
}
function now(){
    return (new Date).getTime();
}
 
function start_show(div, time)
{
    
    setTimeout(function()
    {
        var ctime = now(); 
        div.onload = function()
        {
            start_show(div, now()-ctime)
        };
        div.data-src = "http://admin@192.168.1.71/snapshot.cgi?"+Math.random();
    }, time*(speed+0));
    camtextt();
}

Проблема на 11-й и 27-й строках, а именно в куске "imacv.data-src". Все парсеры ругаются на bad left side argument, и если убираю тире - ошибка пропадает, но, логично, не будет работать обновление картинки.

Прошу помощи у гуру JS - как обратиться к атрибуду с таким странным именем? Пробовал убирать его в кавычки - толку нет((

Добавлено через 19 минут
По-пробовал setAttribute, но толку нет - он 1 раз меняет картинку и всё, причем меняет сразу при загрузке страницы. Ошибки в консоль при этом не сыпятся.

Да, забыл момент - внутри этого div-а, при открытии страницы, вырастает canvas, который, как я понял, и отвечает на зум и прочие эффекты. Тогда другой вопрос - как обновить содержимое канваса?))

@kalabuni · 16.05.2013, 16:23

всякий атрибут/свойство можно заключить в квадратные скобки (и в кавычки)
пример:

HTML5

<!-- обычно пишут так -->
<body onload="document.body.style.background = 'red';"></body>
 
<!-- но можно и так -->
<body onload="document ['body'] ['style'] ['background'] = 'red';"></body>

мысль уловили?

@Oskaria · 17.05.2013, 15:10 **[ТС]**

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

всякий атрибут/свойство можно заключить в квадратные скобки (и в кавычки)
пример:

HTML5

<!-- обычно пишут так -->
<body onload="document.body.style.background = 'red';"></body>
 
<!-- но можно и так -->
<body onload="document ['body'] ['style'] ['background'] = 'red';"></body>

мысль уловили?

О как, спасибо, так работает) Но остался вопрос - как заставить canvas перерисовать свое содержимое?

	17.05.2013, 15:10