Архив форумов ЦИТФорума

kyklovod · Зарегистрирован: 06.03.2008 Сообщения: 5

Здравствуйте!!!

Мне необходимо на javascript создать обычный вольтметр или ампреметр с реостатом. Т.е. есть какаято ручка реостата которую можно вращать с помощью "мыши" и при этом должна отклонятся стрелка на вольтметре.
Т.к мои познания в javascript весьма ограничены, то прошу Вас подсказать на основе чего можно создать данные элементы. И про какие финкции нужно прочитать?

Mytilus Galloprovincialis

Если ты имеешь в виду JavaScript для веб-разработки, то в первую очередь, конечно, надо почитать про события мыши и их обработчики. Еще тебе придется определиться со стрелкой вольтметра. Если у тебя будет рисунок со стрелкой, вращающийся (rotate) при изменении напряжения, то это можно реализовать, если я не ошибаюсь, только в IE и только с использованием VML. Я на твоем месте делал бы это во Flash.

kyklovod · Зарегистрирован: 06.03.2008 Сообщения: 5

Нет мне нужно именно на JavaScript. А по поводу стрелки ктонибудъ слышал про динамически меняющиеся линии??

Mytilus Galloprovincialis

Тады тебе нужны события onmousedown, onmousemove и onmouseup. А что это за линии такие?

kyklovod · Зарегистрирован: 06.03.2008 Сообщения: 5

В учебнике Дунаева. "Javascript" приводится примеры как нарисовать линию с помощью точки (рисунка 1 на 1 пиксель). И приводится пример как после нажатия на кнопку эта линия перерисовывается. Токло эти примеры не работают.

Вот скрипт из книги рисования линиии, она должна идти под углом, но этого не происходит.
<HTML>
<SCRIPT>
function line(x1,y1,x2,y2,n)
{
var clinewidth="WIDTH="+n+"HEIGHT="+n
var xstr=""
var xstr0='<IMG SRC="point.bmp"'+clinewidth+'STYLE="position:absolute;'
var k=(y2-y1)/(x2-x1)
var x=x1
while(x<=x2)
{
xstr+=xstr0+';top:'+(y1+k*(x-x1))+';left:'+x+'">'
x++
}
document.write(xstr)
}
var xstr=line(10,10,100,100,5)
</SCRIPT>
</HTML>
Может подскажишь где ошибка?? и еще как можно создать плавное вращение рисунка с помощью мышки??

Mytilus Galloprovincialis

Понятно. В учебнике тупо предлагают клонировать картинку 1px X 1px и выстроить из клонов линию. Это изврат! Но, возможно, это единственный 100% работающий вариант.
А в скрипте ошибка как минимум в том, что строки должны заканчиваться точкой с запятой. Ну и картинка point.bmp должна быть.
А насчет плавного вращения - здесь все сложнее. Тебе ведь надо определять, в каком направлении движется мышь (по часовой стрелке или против). Тут придется помучиться.

kyklovod · Зарегистрирован: 06.03.2008 Сообщения: 5

Понятно. Картинка есть. Линия строится, но только горизонтальная, а не под углом. А по поводу вращения хотябы пока в одну сторону... на основе чего это делат? Можно еще не вращать, а сделать перемещение рычага (т.е. картиики) в какойто области в лево и в право. Только как связать это перемещение со стрелкой...... которой еще даже и не пахнет....

Mytilus Galloprovincialis

Поиграйся с числами в var xstr=line(10,10,100,100,5). Кстати, var xstr= в этой строке вообще не нужно.

kyklovod · Зарегистрирован: 06.03.2008 Сообщения: 5

Игрался. Изменяется только длиннна линии и толщина. Начало линии не зависимо какие цифры подставляешь вместо Х1 и У1 остается на одном месте. И рисуется всегда прямая,а не под углом независимоо какие цифры подставляешь вместо Х2 и У2.

	Список форумов Архив форумов ЦИТФорума -> Программирование	Часовой пояс: GMT + 3
Страница 1 из 1