2012-05-10 2 views
0

Я пытаюсь нарисовать 2 стрелки на элементах холста и поместить их слева и справа от экрана, в середине его высоты. Fiddle здесь: http://jsfiddle.net/Wzt5j/9/Размещение холста с помощью javascript

На сайте я пытаюсь это сделать (http://bit.ly/JV5I0Z), изображения нарисованы, но функция «placeArrows» не вызывается при изменении размера окна. В окне скрипки они даже не рисованы, и я не уверен, в чем проблема.

+0

Я обновил его в JSFiddle см, если рассасывается –

ответ

0

У вас есть ошибки JS во время изменения размера. thumdList (строка 150) и marginDiv (строка 156) являются нулевыми.

Это останавливает ваш скрипт.

+0

hmmmm. Позвольте мне проверить это. спасибо –

+0

, по-видимому, я пытался использовать элементы, которых еще не было в моей 2-й вызываемой функции (redrawThumbs) в «onresize». Я установил ее с проверкой, чтобы увидеть, существовали ли элементы вначале –

-1

Причина, по которой скрипка не работает, заключается в том, что JSFiddle глуп. Определяемые вами функции определяются только внутри его функции-обертки, и к тому же доступ к чему-либо другому невозможен. Решите эту боль в заднице, объявив свои функции myfunction = function() {...}.

Что касается отказа от изменения размера, я не вижу никакого кода, который прослушивает onresize. Добавьте это: window.onresize = placeArrows;.

+0

я его на теле: <тело ID = «тело» OnResize = «placeArrows();»> редактировать: я исправил скрипку. теперь появляются стрелки, но снова они не будут перемещаться. также я заметил, что я не поставил onresize на тело, хотя у меня это было в моем коде. я удалил его, пытаясь понять, почему стрелки не нарисованы и забыл записать его обратно. –

+0

теперь они появляются и перемещаются в окне скрипта lol. но на моем сайте они не делают :(что может быть неправильным –

+0

Тело не изменяет размер. Окно: вы должны положить 'window.onresize = placeArrows;' в свой JS. –