Вольтметр. С чего начать???
Здравствуйте!!!
Мне необходимо создать обычный вольтметр или ампреметр с реостатом. Т.е. есть какаято ручка реостата которую можно вращать с помощью "мыши" и при этом должна откланятся стрелка на вольтметре. Т.к мои познания в javascript весьма ограничены, то прошу Вас подсказать на основе чего можно создать данные элементы. И про какие финкции нужно прочитать? |
Не уверен, что JavaScript наилучший способ реализации подобной задачи. Лучше бы подошел flash (например). Вообщем можно что-то сделать div'ами, по определенным событиям ("поворот ручки") менять координаты div'a ("имитировать движение стрелки "). Можно было бы попытаться использовать canvas, но он (вроде) не кроссбраузерный. Поэтому - склоняйтесь в сторону флеша.
|
А про ДИВы можно поподробнне?
|
див'ами - если стрелку сделать из нескольких дивов, то, можно, меняя положения дивов в "стрелке" (т.е. нижние дивы (нижний край стрелки) практически не движется, верхние - движутся активней). Но это не рационально и многокодно =). Если б стрелка была индикатором - то лекго - один див, которому увеличивать / уменьшать ширину. Но вообще - опять же - лучше подойдет флеш.
|
Можно сделать стрелку движующуюся строго горизонтально, т.е шкала делений вольтметра будет не дугой, а тоже горизонтальной. Тогда можно просто менять координаты дива со стрелкой. Реостат тоже реально сделать "ползунком", а не вращающейся головкой.
Просто повернуть элемент на странице на какой-либо угол, без использования тогоже canvas не возможно, на сколько я знаю. А сделать дивами с фиксированным перемещением вполне реально, правда для этого тоже нужна неплохая сноровка в javascript. |
можно картинку с линией, она растягивается до положения показания. или так:
картинки выглядят так: 0.PNG: ,___ .|__| .|__| 1.PNG: , ___ .|__| .|__| 2.PNG: , ___ .|__| .|__| 3.PNG: , ___ .|__| .|__| 4.PNG: ,___ .|__| .|__| 5.PNG: ,___ .|__| .|__| 6.PNG: ,___ .|__| .|__| 7.PNG: ,___ .|__| .|__| 8.PNG: ,___ .|__| .|__| 9.PNG: ,___ .|__| .|__| ..PNG: ,___ .|__| .|__| '.PNG: ,___ .|__| .|__| [SPASE_BAR].PNG: ,___ .|__| .|__| например, показатели хранятся в массиве volt(в volt[0] хранятся вольты, в volt[1] хранятся амперы и т. д.) что именно надо отобразить хранится в целой переменной voltType(номер эл-та массива) выводим в <div id="screen"> значит var onV; function toImgs(str) { var res=''; for(var i=0; i<str.length; i++) { res+='<img src="'+str[i]+'.PNG"/>'; } return res; } function on() { onV=setInterval(function() {document.getElementById("screen").innerHTML=toImgs(volt[voltType].toString)},1000/30) } function off() { clearInterval(onV); } |
Часовой пояс GMT +3, время: 08:37. |