eddy/bta-temp
1
0
Fork 0
mirror of https://github.com/eddyem/bta-temp.git synced 2025-12-06 10:35:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

init on github

Browse Source
This commit is contained in:
eddyem 2015-07-23 13:38:18 +03:00
parent 5c4d7551da
commit f3b64d67e8
10 changed files with 2109 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.gitignore vendored Normal file
View File

@ -0,0 +1,6 @@
*~
*.bak
*.bck
*.o
.hg*
.dropbox.attr

14
CGI/bta_pos.c Normal file
View File

@ -0,0 +1,14 @@
#include "bta_shdata.h"
inline double sec2deg(double angle){
return angle / 3600;
}
int main(int argc, char** argv){
get_shm_block( &sdat, ClientSide);
if(!check_shm_block(&sdat)) return -1;
//printf("Access-Control-Allow-Origin: http://ishtar.sao.ru\n"
// "Acess-Control-Allow-Methods: POST\nContent-type:multipart/form-data\n\n");
printf("telA=%.2f telZ=%.2f domeA=%.2f\n", sec2deg(val_A), sec2deg(val_Z), sec2deg(val_D));
}

1113
CGI/bta_shdata.h Normal file
View File

File diff suppressed because it is too large Load Diff

8
CGI/can_req.cgi Executable file
View File

@ -0,0 +1,8 @@
#!/bin/bash
echo "Access-Control-Allow-Origin: http://ishtar.sao.ru"
echo "Access-Control-Allow-Headers: Content-Type, X-Requested-With"
echo -e "Acess-Control-Allow-Methods: POST\nContent-type:multipart/form-data\n\n"
#echo "<html><body><pre>"
/usr/local/bin/can_requestor -latest
#echo "</pre></body></html>"

685
functions.js Normal file
View File

@ -0,0 +1,685 @@
/*
* éÎÉÃÉÁÌÉÚÁÃÉÑ ÐÅÒÅÍÅÎÎÙÈ É ËÏÎÓÔÁÎÔ
*/
var MaxTemp, MinTemp;
const deg2rad = Math.PI / 180.0;
var theScene, SScene, IScene, TScene, tScene; // ×ÅÓØ ÒÉÓÕÎÏË, ÐÏÄËÕÐÏÌØÎÏÅ, ÍÅÖËÕÐÏÌØÎÏÅ,
// ÓÌÏÊ ÄÌÑ ËÒÕÖÏÞËÏ× ÏÔ ÓÅÎÓÏÒÏ× (ÞÕ×ÓÔ×ÉÔÅÌØÎÙÈ Ë ÍÙÛÅ), ×ÓÐÏÍÏÇÁÔÅÌØÎÙÊ ÓÌÏÊ
// ÕÇÏÌ phi × ËÏÏÒÄÉÎÁÔÁÈ ÄÁÔÞÉËÏ× - × ÐÌÏÓËÏÓÔÉ ÒÉÓÕÎËÁ
// R, Z - × ÄÅÃÉÍÅÔÒÁÈ
const Ssen_pos = [ // ÓÅÎÓÏÒÙ ÎÁ ÎÅÐÏÄ×ÉÖÎÏÊ ÞÁÓÔÉ, ÃÉÌÉÎÄÒ. óë: [R,phi,Z]
[123, 140, 3], // 12
[144, -40, 3], // 13
[150, -44, 36], // 14
[134, 170, 37], // 15
[122, 139, 35], // 16
[106, 27, 57], // 17
[185, -43, 77], // 18
[164, 175, 77], // 19
[186,-114, 69], // 20
[111, 137, 69], // 21
[179, 50, 76] // 22
];
// × ÍÁÓÓÉ×ÁÈ sincos ÜÌÅÍÅÎÔ 0 - ÓÉÎÕÓ, 1 - ËÏÓÉÎÕÓ ÕÇÌÁ phi ÐÏÌÏÖÅÎÉÑ ÓÅÎÓÏÒÁ
const Ssen_num = [12,13,14,15,16,17,18,19,20,21,22];
// ÎÏÍÅÒ ÄÁÔÞËÉËÁ ssen (ÉÚ DomeTemperatures)
const Dsen_pos = [ // ÓÅÎÓÏÒÙ ÎÁ ÐÏÄ×ÉÖÎÏÊ ÞÁÓÔÉ ËÕÐÏÌÁ, ÕÇÌÏ×ÁÑ Ë-ÔÁ ÏÔ ÓÔÏÒÏÎÙ Ó ÄÁÔÞÉËÏÍ 14
23, 39, 90, 125, 148, 167
];
var Dsen_sincos = new Array();
const Dsen_num = [6, 8, 11, 9, 7, 5]; // ÎÏÍÅÒÁ ÄÁÔÞÉËÏ× (ÉÚ DomeTemperatures)
const Isen_pos = [ // ÓÅÎÓÏÒÙ ×Ï ×ÎÕÔÒÉËÕÐÏÌØÎÏÍ ÐÒÏÓÔÒÁÎÓÔ×Å - 2 ÛÔÕËÉ
2, 70
];
var Isen_sincos = new Array();
const Isen_num = [2, 10];
const MDsen_pos = [ // ÄÁÔÞÉËÉ ÎÁ ÐÏÄ×. ÞÁÓÔÉ ËÕÐÏÌÁ (ÍÅÔÁÌÌ), ËÏÏÒÄ.: R
243, 239, 233, 229
];
const MDsen_num = [0, 1, 3, 4];
const ZAxisHeight = 88; // ×ÙÓÏÔÁ ÏÓÉ Z (ÚÅÎÉÔÎ. Ò.) ÏÔ ÐÏÌÁ
const Tsen_pos = [ // ×ÏÚÄÕÛÎÙÅ ÓÅÎÓÏÒÙ ÎÁ ÔÅÌÅÓËÏÐÅ !!! ÷ÙÓÏÔÙ - ÏÔ ÏÓÉ Z !!!
[37, 90,-55], // 1
[37, -90,-55], // 2
[37, 0,-55], // 3
[31, 69,-33], // 4
[33, 69,-28], // 5
[34,-171,-10], // 6
[ 4, -82, -8], // 7
[ 4, -82, 0], // 8
[35, 147, 40], // 9
[35, 117, 58], // 10
[35, -71, 82], // 11
[35, 20, 97], // 12
[35, 20,104], // 13
[36, 81,108], // 14
[36, -98,129], // 15
[ 0, 0,146], // 16
[40, -90,155], // 17
[10, 180,190], // 18
[ 0, 0,190], // 19
[ 9, 180,201] // 20
];
var Tsen_sincos = new Array();
const Tsen_num = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];
// ÔÉÐÙ ÄÁÔÞÉËÏ×:
const Tsen_type = [ "a", "a", "a", "a", "m", "a", "a", "m", "a", "a",
"a", "m", "a", "a", "a", "a", "m", "m", "a", "a"];
var DomeTemperatures = new Array(); // ÐÏËÁÚÁÎÉÑ ÔÅÍÐÅÒÁÔÕÒ ÄÁÔÞÉËÏ× ËÕÐÏÌÁ
var DomeTempsUsed = new Array(); // 1 - ÐÏËÁÚÁÎÉÑ ÄÁÔÞÉËÁ ÉÓÐÏÌØÚÕÀÔÓÑ
var TubeTemperatures = new Array(); // ÐÏËÁÚÁÎÉÑ ÄÁÔÞÉËÏ× ÔÅÌÅÓËÏÐÁ
var TubeTempsUsed = new Array(); // 1 - ÐÏËÁÚÁÎÉÑ ÄÁÔÞÉËÁ ÉÓÐÏÌØÚÕÀÔÓÑ
const Az0 = 134.92; // ÁÚÉÍÕÔ ËÕÐÏÌÁ ÉÚ ÞÅÒÔÅÖÁ (ÄÌÑ "ÎÕÌÅ×ÏÊ" ÐÒÏÅËÃÉÉ)
var TelAz = Az0; var TelZ = 0; // ÁÚÉÍÕÔ É ÚÅÎÉÔÎÏÅ ÒÁÓÓÔÏÑÎÉÅ ÔÅÌÅÓËÏÐÁ
var DomeAz = Az0; // ÁÚÉÍÕÔ ËÕÐÏÌÁ
var RotAngle = Az0; // õÇÏÌ ×ÒÁÝÅÎÉÑ ÇÌÁ×ÎÏÊ ÐÌÏÓËÏÓÔÉ ÒÉÓÕÎËÁ (×ÏËÒÕÇ ×ÅÒÔÉËÁÌØÎÏÊ ÏÓÉ)
var SSensors = new Array(); // ÄÁÔÞÉËÉ ÎÁ ÎÅÐÏÄ×ÉÖÎÏÊ ÞÁÓÔÉ
var DSensors = new Array(); // ÄÁÔÞÉËÉ ÎÁ ÐÏÄ×ÉÖÎÏÊ ÞÁÓÔÉ, × Ô.Þ. × ÍÅÖËÕÐÏÌØÎÏÍ
var TSensors = new Array(); // ÄÁÔÞÉËÉ ÎÁ ÔÅÌÅÓËÏÐÅ
var Tel; // "ÔÅÌÅÓËÏÐ"
var init = 1;
function $(el){
return document.getElementById(el);
}
function fillDTused(){
function fill__(temps, tused){
var i, l = temps.length;
for(i=0; i<l; i++)
tused[temps[i]] = 1;
}
fill__(Ssen_num, DomeTempsUsed);
fill__(Dsen_num, DomeTempsUsed);
fill__(Isen_num, DomeTempsUsed);
fill__(MDsen_num,DomeTempsUsed);
fill__(Tsen_num, TubeTempsUsed);
}
var Visor;
function start(){
window.onresize = resizeSVG;
fillDTused();
resizeSVG();
theScene = new Scene(null, "whole_pic"); // ×ÅÓØ ÒÉÓÕÎÏË
theScene.MoveTo(0.0, -YOffset);
InitVisor();
SScene = new Scene(theScene, "inner"); // ÐÏÄËÕÐÏÌØÎÏÅ (ÏÂÒÅÚÁÅÔÓÑ ÄÏ ×ÎÕÔÒÅÎÎÅÊ ÐÏ×. ËÕÐÏÌÁ)
SScene.ChAttrs("clip-path", "url(#innerclip)");
IScene = new Scene(theScene, "dome-in"); // ÍÅÖËÕÐÏÌØÎÏÅ (ÏÂÒÅÚÁÅÔÓÑ ÏÂÅÉÍÉ ÐÏ×. ËÕÐÏÌÁ)
IScene.ChAttrs("clip-path", "url(#domeclip)");
tScene = new Scene(theScene, "moving-dome-in");
TScene = new Scene(theScene, "sensors"); // ×ÅÒÈÎÉÊ ÓÌÏÊ, ÇÄÅ ÒÁÓÐÏÌÏÖÅÎÙ "ÓÅÎÓÏÒÙ" (ÓÁÍÉ ÓÅÒÙÅ ËÒÕÖÏÞËÉ)
SVGDoc.onmousedown = startRotate;
//SVGDoc.onmouseover = function(evt){evt.preventDefault();evt.target.style.cursor = "w-resize";}
SVGDoc.addEventListener('DOMMouseScroll', wheel, false);
getData();
}
function wheel(evt){
RotateScene(evt.detail);
}
/*
* æÕÎËÃÉÉ ÉÎÉÃÉÁÌÉÚÁÃÉÉ
*/
function gradByTemp(gradId, Temp){
function to16(v){
var vh = parseInt(v).toString(16);
if(vh.length == 1) vh = '0' + vh;
return vh;
}
function getColor(Temp){
var i, r, g, b, dT = (MaxTemp - MinTemp)/4, Ti;
i = Math.floor( (Temp - MinTemp) / dT);
Ti = (Temp - MinTemp - dT * i) / dT;
switch(i){
case 0:
r = 0;
g = 255 * Ti;
b = 255;
break;
case 1:
r = 0;
g = 255;
b = 255 * (1 - Ti);
break;
case 2:
r = 255 * Ti;
g = 255;
b = 0;
break;
case 3:
r = 255;
g = 255 * (1 - Ti);
b = 0;
break;
default:
if(i>3){r=255; g=0; b=0;}
if(i<0){r=0; g=0; b=255;}
}
var Color = '#' + to16(r) + to16(g) + to16(b);
return Color;
}
var color = getColor(Temp);
Gradient('r', gradId, [50,50,100], [0,50,100], [color, color, color], [1,0,0]);
}
function initGradients(){
var i, t, l;
MaxTemp = -100.0; MinTemp = 100.0;
function findExtrems(tmas){
l = tmas.length;
for(i=0; i<l; i++){
if(typeof(tmas[i]) == "undefined") continue;
t = tmas[i];
if(t > MaxTemp) MaxTemp = t;
if(t < MinTemp) MinTemp = t;
}
}
function mkGrads(tmas, def){
l = tmas.length;
for(i=0; i<l; i++){
if(typeof(tmas[i]) != "undefined")
gradByTemp(def+i, tmas[i]);
}
}
findExtrems(DomeTemperatures);
findExtrems(TubeTemperatures);
mkGrads(DomeTemperatures, "grd");
mkGrads(TubeTemperatures, "grt");
}
function initSensors(){
var i, l, j, x, y, R, phi, theta;
l = Ssen_pos.length;
for(i=0; i<l; i++){
SSensors[i] = new Sensor(SScene, "a",0,0, Ssen_num[i], "d", "dome-stat"+i);
}
l = Dsen_pos.length;
for(i=0; i<l; i++){
Dsen_sincos[i] = [ Math.sin(Dsen_pos[i]*deg2rad),
Math.cos(Dsen_pos[i]*deg2rad)];
DSensors[i] = new Sensor(SScene, "a",0,0, Dsen_num[i], "d", "dome-moving"+i);
}
j = l; l = Isen_pos.length;
for(i=0; i<l; i++,j++){
Isen_sincos[i] = [ Math.sin(Isen_pos[i]*deg2rad),
Math.cos(Isen_pos[i]*deg2rad)];
DSensors[j] = new Sensor(IScene, "a",0,0, Isen_num[i], "d", "inner"+i);
}
l = MDsen_pos.length;
for(i=0; i<l; i++,j++){
DSensors[j] = new Sensor(tScene, "m",0,0, MDsen_num[i], "d", "moving-metall"+i);
}
l = Tsen_pos.length;
for(i=0; i<l; i++){
var ang = (Tsen_pos[i][1] + 90)*deg2rad;
Tsen_sincos[i] = [ Math.sin(ang),
Math.cos(ang)];
TSensors[i] = new Sensor(SScene, Tsen_type[i],0,0, Tsen_num[i], "t", "tel"+i);
}
}
function Telescope(){
this.body = new Object2D(SScene, "g", "telframe");
this.body.Xmax = this.body.Ymax = 0;
this.body.Center.x = this.body.Center.y = 0;
const r0 = 30; r1 = 35, r2 = 26.9;
const h0 = -73, h1 = -54, h2 = -8, h3 = 8, h4 = 150;
// ËÏÏÒÄÉÎÁÔÙ ×ÅÒÛÉÎ × ãóë, z ÏÔÎÏÓÉÔÅÌØÎÏ ÏÓÉ Z
this.points = new Array();
var linesz = 0;
function fillpts(step, r1,h1, r2, h2){
var l = 720 / step, half = step / 2 * deg2rad, a45 = 45*deg2rad;
points = new Array(l);
for(var i = 0; i < l; i+=2){
var ang = i*half - a45;
points[i] = [r1, Math.sin(ang), Math.cos(ang), h1];
points[i+1] = [r2, Math.sin(ang+half), Math.cos(ang+half), h2];
}
linesz += l*2;
return points;
}
this.points[0] = fillpts(45, 38,-54, 30,-73); // ÏÐÒÁ×Á
this.points[1] = fillpts(90, 35,-54, 35,-8); // ÎÉÖ. ÏÐÏÒÙ
this.points[2] = fillpts(45, 40,-8, 40,8); // ÓÒ. ËÏÌØÃÏ
this.points[3] = fillpts(90, 35,8, 35,150); // ×ÅÒÈ. ÏÐÏÒÙ
this.points[4] = fillpts(45, 40,150, 40,163); // ×ÅÒÈ. ËÏÌØÃÏ
this.points[5] = fillpts(45, 9,146, 9,192); // ÓÔÁËÁÎ
this.lines = new Array(linesz);
for(var i = 0; i < linesz; i++){
this.lines[i] = new Line(this.body, null, 'line'+i);
this.lines[i].ChAttrs("stroke-width", 0.3);
}
this.Rotate = RotTel;
return this;
}
function RotTel(){
var phi = (RotAngle - 180 - TelAz)*deg2rad;
var sinPhi = Math.sin(phi);
var cosPhi = Math.cos(phi);
var cosZ = Math.cos(TelZ*deg2rad);
var sinZ = Math.sin(TelZ*deg2rad);
var zmax = 270 * Math.sin(TelZ*deg2rad);
function movept(i, line1, line2, crds){
var r = crds[i][0] * crds[i][2];
var x1 = r*cosZ + crds[i][3]*sinZ;
var z1 = crds[i][0] * crds[i][1];
var y = crds[i][3]*cosZ - r*sinZ + ZAxisHeight;
var x = x1*cosPhi + z1*sinPhi;
var z = z1*cosPhi - x1*sinPhi;
var wd = z/2/zmax + 0.5;
if(wd < 0.05) wd = 0.05;
line1.ChAttrs("opacity", wd);
line1.ChAttrs('x1', x);
line1.ChAttrs('y1', -y);
line2.ChAttrs('x2', x);
line2.ChAttrs('y2', -y);
}
var offset = 0;
function show_part(crds, lines){
var l = crds.length;
for(var i=0; i<l; i++){
k = i - 1;
if(k < 0) k += l; // ÒÉÓÕÅÍ ×ÅÒÔ. ÏÐÏÒÙ
movept(i, lines[i+offset], lines[k+offset], crds);
k = i + l - 2;
if(k < l) k += l; // ÒÉÓÕÅÍ ÎÉÖ. É ×ÅÒÈ. ËÏÎÔÕÒÙ
movept(i, lines[i+l+offset], lines[k+offset], crds);
}
offset += 2 * l;
}
for(var i = 0; i < this.points.length; i++)
show_part(this.points[i], this.lines);
}
function Sensor(aParent, type, x, y, Num, prefix, id){
var outer = new Circle(aParent, 0, id);
var radius = (type == "m") ? 3 : 5;
var inner = new Circle(TScene, radius);
outer.MoveTo(x,y);
inner.MoveTo(x,y)
if(prefix == "d" && typeof(DomeTemperatures[Num]) != "undefined") outer.Fill("url(#grd"+Num+")");
else if(prefix == "t" && typeof(TubeTemperatures[Num]) != "undefined") outer.Fill("url(#grt"+Num+")");
else outer.Fill("none");
inner.Border("#000000", 0.1);
inner.Fill("#FFFFFF");
inner.ChAttrs("fill-opacity", "0");
inner.ChAttrs("id", prefix+type+Num);
inner.Group.onmouseover = showTemp;
this.outer = outer; this.inner = inner;
this.Move = MoveSensor;
return this;
}
function InitVisor(){
Visor = new Object2D(theScene, "path", "visor-borders"); // ËÒÁÑ ÚÁÂÒÁÌÁ
Visor.Points = [ // ËÏÏÒÄÉÎÁÔÙ ÂÁÚÏ×ÙÈ ÔÏÞÅË × ÃÉÌÉÎÄÒÉÞÅÓËÏÊ óë
[247, 168.3, 68], // ÎÉÖÎÉÊ ÌÅ×ÙÊ ÕÇÏÌ
[247,-168.3, 68], // ÎÉÖÎÉÊ ÐÒÁ×ÙÊ ÕÇÏÌ
[ 40, -90.0,315], // ×ÅÒÈÎÉÊ ÐÒÁ×ÙÊ ÕÇÏÌ
[ 40, 90.0,315], // ×ÅÒÈÎÉÊ ÌÅ×ÙÊ ÕÇÏÌ
[247, 180.0, 68], // ÓÅÒÅÄÉÎÁ ÎÉÖÎÅÊ ÞÁÓÔÉ
];
Visor.Border("#000000", 2);
Visor.Cline = new Object2D(Visor.Parent, "path", "visor-centerline"); // ÓÒÅÄÎÑÑ ÌÉÎÉÑ ÚÁÂÒÁÌÁ
Visor.Cline.Border("#000000", 1);
Visor.Cline.ChAttrs("opacity", "0.5");
Visor.ChAttrs("fill-opacity", "0.2");
}
/*
* æÕÎËÃÉÉ ÄÌÑ ÏÔÒÉÓÏ×ËÉ SVG
*/
var xClick0, yClick0; // ÎÁÞÁÌØÎÙÅ ËÏÏÒÄÉÎÁÔÙ ÝÅÌÞËÁ (ÄÌÑ ×ÒÁÝÅÎÉÑ "ÓÃÅÎÙ")
var olddir=0; // ÎÁÞÁÌØÎÏÅ ÎÁÐÒÁ×ÌÅÎÉÅ ÐÅÒÅÍÅÝÅÎÉÑ ÍÙÛÉ (1-×ÌÅ×Ï, -1-×ÐÒÁ×Ï)
var sign=0; // ÎÁÐÒÁ×ÌÅÎÉÅ ×ÒÁÝÅÎÉÑ ËÁÒÔÉÎÙ (1-ÐÒÏÔÉ×, -1-ÐÏ ÞÁÓÏ×ÏÊ)
function startRotate(evt){
evt.preventDefault();
xClick0 = evt.clientX;
yClick0 = evt.clientY;
SVGDoc.onmousemove = doRotate;
SVGDoc.onmouseup = endRotate;
}
function doRotate(evt){
var X = evt.clientX, Y = evt.clientY, R = $('SVG').clientWidth / 2;
var Xc = SVGDoc.width/2, Xabs = (xClick0-Xc)/R;
var Yc = SVGDoc.height/2, Yabs = (yClick0-Yc)/R;
var dir = (xClick0-X)>0?1:-1;
var Xabs1 = (X-Xc)/R, Yabs1 = (Y-Yc)/R;
if(Xabs>1) Xabs=1; else if(Xabs<-1) Xabs=-1;
if(Yabs>1) Yabs=1; else if(Yabs<-1) Yabs=-1;
if(Xabs1>1) Xabs1=1; else if(Xabs1<-1) Xabs1=-1;
if(Yabs1>1) Yabs1=1; else if(Yabs1<-1) Yabs1=-1;
if(olddir == 0) olddir = dir;
else if(olddir != dir){olddir = dir; sign = 0;}
if((Y-yClick0)>0) dir *= -1; // ÔÑÎÕÔ ÚÁ "ÚÁÄÎÀÀ ÞÁÓÔØ"
var dphi = Math.abs(Math.acos(Xabs1) - Math.acos(Xabs))+
Math.abs(Math.asin(Yabs1) - Math.asin(Yabs));
xClick0 = X; yClick0 = Y;
if(sign == 0) sign = dir;
dphi *= sign/deg2rad;
/* $("test").innerHTML = " Xabs="+Xabs+"<br>Yabs="+Yabs
+"<br>sign="+sign+"<br>olddir="+olddir+"<br>dir="+dir
+"<br>dphi="+dphi;*/
RotateScene(dphi);
}
function endRotate(evt){
SVGDoc.onmousemove = '';
SVGDoc.onmouseup = '';
doRotate(evt);
olddir=sign=0;
}
function resizeSVG(){
var SVG = $("SVG");
var mainSVG = SVGDoc.getElementById("Main");
var W = document.body.clientWidth - 2*SVG.offsetLeft - 5;
var H = document.body.clientHeight - 2*SVG.offsetTop - 5;
var zoom = Math.min(W/mainWidth, H/mainHeight);
if(Math.abs(zoom - 1) > 0.01)
mainSVG.setAttribute("transform", "scale("+zoom+")");
else
mainSVG.removeAttribute("transform");
SVGDoc.width = SVG.width = mainWidth * zoom;
SVGDoc.height = SVG.height = mainHeight * zoom;
}
function MoveSensor(x, y, r){
this.outer.ChAttrs('r', r);
this.outer.MoveTo(x,y);
this.inner.MoveTo(x,y);
}
function RotateVisor(){
var angle = RotAngle - DomeAz , fil = 1;
var X0= Visor.Parent.Xmax;
var Y0= Visor.Parent.Ymax;
var X = new Array(5);
var Y = new Array(5);
var Z = new Array(5);
var i, phi, ss='M ';
for(i=0; i<5; i++){
phi = (Visor.Points[i][1] + angle) * deg2rad;
X[i] = X0 + Visor.Points[i][0] * Math.cos(phi);
Y[i] = Y0 - Visor.Points[i][2]; // ÄÌÑ ÓÏËÒÁÝÅÎÉÑ ÚÁÐÉÓÉ
Z[i] = Math.sin(phi);
}
var R1 = X[0]-X[3]; var R2 = X[1]-X[2]; var R3 = X[4]-(X[2]+X[3])/2;
var f1 = (R1<0)?1:0; var f2 = (R2<0)?0:1; var f3 = (R3<0)?0:1;
if(Z[0] < 0) ss += X[0]+','+Y[0]+' A '+Math.abs(R1)+',247 0 0 '+f1+' ';
else fil = 0;
ss += X[3]+','+Y[3]+' L '+X[2]+','+Y[2]+' ';
if(Z[1] < 0) ss += 'A '+Math.abs(R2)+',247 0 0 '+f2+' ';
else{ ss += 'M '; fil = 0;}
ss += X[1]+','+Y[1]+' L '+X[0]+','+Y[0];
Visor.ChAttrs('d', ss);
ss = "M "+(X[2]+X[3])/2+','+Y[2]+' A '+Math.abs(R3)+',247 0 0 '+f3+' '+X[4]+','+Y[4]+' L '+X[0]+','+Y[0];
Visor.Cline.ChAttrs('d', ss);
if(fil) Visor.Fill("#aaaacc");
else Visor.Fill("none");
}
function RotateScene(dPhi){
RotAngle += dPhi;
if(RotAngle > 360) RotAngle -= 360;
if(RotAngle < 0) RotAngle += 360;
RotateVisor();
RotateSensors();
theScene.Draw();
update_coords_div();
}
function RotateSensors(){
const Rmin=10, Rvar=110;
var i, l, j, x, y, R, phi, op;
l = Ssen_pos.length;
for(i=0; i<l; i++){
phi = (RotAngle + Ssen_pos[i][1]) * deg2rad;
op = 1 - Ssen_pos[i][0]*Math.abs(Math.sin(phi))/250;
R = Rmin + Rvar * op;;
x = Ssen_pos[i][0] * Math.cos(phi);
SSensors[i].Move(x, Ssen_pos[i][2], R);
SSensors[i].outer.ChAttrs("fill-opacity", op);
}
l = Dsen_pos.length;
phi = (RotAngle - DomeAz ) * deg2rad;
var cosPhi = Math.cos(phi); var sinPhi = Math.sin(phi);
for(i=0; i<l; i++){
x = 232 * Dsen_sincos[i][1] * cosPhi;
y = 242 * Dsen_sincos[i][0] + 68;
op = 1 - Math.abs(Dsen_sincos[i][1]*sinPhi)*0.93;
R = Rmin + Rvar * op;
DSensors[i].Move(x, y, R);
DSensors[i].outer.ChAttrs("fill-opacity", op);
}
j = l;
l = Isen_pos.length;
for(i=0; i<l; i++,j++){
x = (237 * Isen_sincos[i][1]) * cosPhi;
y = 242 * Isen_sincos[i][0] + 68;
R = 50 + 160 * (1 - Math.abs(Isen_sincos[i][1] * sinPhi));
DSensors[j].Move(x, y, R);
}
y = 85;
op = 1 - Math.abs(sinPhi);
R = 2 + 5 * op;
l = MDsen_pos.length;
for(i=0; i<l; i++,j++){
x = MDsen_pos[i] * cosPhi;
DSensors[j].Move(x, y, R);
DSensors[j].outer.ChAttrs("fill-opacity", op);
}
l = Tsen_pos.length;
phi = (RotAngle - TelAz-180) * deg2rad;
cosPhi = Math.cos(phi); sinPhi = Math.sin(phi);
var cosZ = Math.cos(TelZ*deg2rad);
var sinZ = Math.sin(TelZ*deg2rad);
var zmax = 40 + 200 * Math.sin(TelZ*deg2rad);
for(i=0; i<l; i++){
var r = Tsen_pos[i][0] * Tsen_sincos[i][1];
var x1 = r*cosZ + Tsen_pos[i][2]*sinZ;
var z1 = Tsen_pos[i][0] * Tsen_sincos[i][0];
y = Tsen_pos[i][2]*cosZ - r*sinZ + ZAxisHeight;
x = x1*cosPhi + z1*sinPhi;
var z = Math.abs(z1*cosPhi - x1*sinPhi);
op = 1 - z/zmax;
R = Rmin + Rvar * op/5;
TSensors[i].Move(x, y, R);
TSensors[i].outer.ChAttrs("fill-opacity", op);
}
Tel.Rotate();
}
/*
* ðÌÁ×ÁÀÝÉÅ ÐÏÄÓËÁÚËÉ
*/
function showTemp(evt){
var type, t, num = Number(parseInt(evt.target.id.substr(2))), ss="";
if(evt.target.id.charAt(0) == 'd'){t=DomeTemperatures[num]; ss="pka ";}
else{t=TubeTemperatures[num]; ss="tube ";}
if(evt.target.id.charAt(1) == 'm') type = "ÍÅÔÁÌÌ";
else type = "×ÏÚÄÕÈ";
if(typeof(t) == "undefined") t = "ÎÅ ÐÏÄËÌÀÞÅÎ";
tooltip(evt, t +"<br> ÄÁÔÞÉË "+ss+num+"<br>("+type+")");
}
var tipobj, tiptext;
function tooltip(evt, txt){
tipobj = document.createElement("DIV");
tipobj.onclick = help;
tipobj.className = "tooltip";
tipobj.setAttribute("name", "tipobj");
tipobj.style.opacity = 0.3;
document.body.appendChild(tipobj);
tiptext = document.createElement("DIV");
tiptext.id = "tiptext";
tiptext.onclick = help;
document.body.appendChild(tiptext);
tipobj.innerHTML = txt;
tiptext.innerHTML = txt;
evt.target.onmouseout = hide_info;
evt.target.onmouseover = '';
positiontip(evt);
}
function hide_info(el){
document.body.removeChild(tiptext);
setTimeout(hide, 3000);
setTimeout(function(){el.target.onmouseover = showTemp;}, 4000);
el.target.onmouseout = '';
}
var hideTmOut;
function hide(){
var obj = document.getElementsByName("tipobj")[0];
if(!obj) return;
var op = obj.style.opacity;
op -= 0.01;
document.getElementsByName("tipobj")[0].style.opacity = op;
if(op > 0) hideTmOut = setTimeout(hide, 30);
else document.body.removeChild(obj);
}
function onkey(code){
if(code != 27) return;
clearTimeout(hideTmOut);
var obj = document.getElementsByName("tipobj");
var l = obj.length - 1;
for(var i=l; i>-1; i--) document.body.removeChild(obj[i]);
}
function positiontip(e){
var SVG = $('SVG');
var curX = e.clientX + SVG.offsetLeft;
var curY = e.clientY + SVG.offsetTop - tipobj.offsetHeight - 5;
var winwidth = SVG.offsetWidth - SVG.offsetLeft;
var winheight = SVG.offsetHeight - SVG.offsetTop;
var rightedge = winwidth - curX;
if(rightedge < tipobj.offsetWidth)
curX -= tipobj.offsetWidth+15;
if(curY < SVG.offsetTop)
curY += tipobj.offsetHeight*2+15;
tipobj.style.left = curX+"px";
tipobj.style.top = curY+"px";
$('tiptext').style.top = curY+"px";
$('tiptext').style.left = curX+"px";
}
function help(){
alert("÷ÓÐÌÙ×ÁÀÝÉÅ ÐÏÄÓËÁÚËÉ ÐÏËÁÚÙ×ÁÀÔ ÚÎÁÞÅÎÉÑ ÔÅÍÐÅÒÁÔÕÒÙ ÄÌÑ ÄÁÎÎÏÇÏ ÄÁÔÞÉËÁ\n"
+"É ÎÏÍÅÒ ÜÔÏÇÏ ÄÁÔÞÉËÁ.\n"
+"÷ ÓÌÕÞÁÅ, ÅÓÌÉ ÄÁÔÞÉË ÎÅ ÐÏÄËÌÀÞÅÎ, ÐÏÑ×ÌÑÅÔÓÑ ÓÏÏÔ×ÅÔÓÔ×ÕÀÝÁÑ ÎÁÄÐÉÓØ.");
}
/*
* úÁÐÒÏÓ ÚÎÁÞÅÎÉÊ ÔÅÍÐÅÒÁÔÕÒ É ËÏÏÒÄÉÎÁÔ
*/
function getData(){
$('coords').innerHTML = "ïÂÎÏ×ÌÑÀ...";
sendrequest("http://tb.sao.ru/cgi-bin/eddy/bta_pos.cgi", "", parseCoords);
}
function update_coords_div(){
function azimuth(ang){
var x = ang;
if(x > 180) x -= 360;
else if(x < -180) x += 360;
return x.toFixed(2);
}
var cDiv = $('coords');
var SVG = $('SVG');
cDiv.innerHTML = "ôÅËÕÝÉÅ ËÏÏÒÄÉÎÁÔÙ ÔÅÌÅÓËÏÐÁ: A="+azimuth(TelAz)+
", Z="+TelZ.toFixed(2)+"; ÁÚÉÍÕÔ ËÕÐÏÌÁ: A="+
azimuth(DomeAz)+"; ÁÚÉÍÕÔ ÎÁÂÌÀÄÁÔÅÌÑ: "+azimuth(RotAngle-90);
cDiv.style.left = (SVG.offsetLeft + 5) + "px";
cDiv.style.top = (SVG.offsetTop + 5) + "px";
}
function parseCoords(req){
var i, args;
var data = req.responseText.split(' ');
var l = data.length;
for(i=0; i<l; i++){
args = data[i].split('=');
switch(args[0]){
case "telA": TelAz = Number(parseFloat(args[1]).toFixed(2)); break;
case "telZ": TelZ = Number(parseFloat(args[1]).toFixed(2)); break;
case "domeA":DomeAz= Number(parseFloat(args[1]).toFixed(2)); break;
}
}
update_coords_div();
sendrequest("http://acs.sao.ru/cgi-bin/eddy/can_req.cgi", "", parseTemp);
}
function parseTemp(req){
var i, l;
var lines = req.responseText.split('\n');
l = lines.length;
for(i=0; i<l; i++){
var args = lines[i].split(' ');
if(args[0].indexOf("t_pka") > -1){
// ÔÅÍÐÅÒÁÔÕÒÁ ÄÁÔÞÉËÏ× × ÐÏÄËÕÐÏÌØÎÏÍ
fillTemp("dome", args);
}
else if(args[0].indexOf("t_tube") > -1){
// ÔÅÍÐÅÒÁÔÕÒÁ ÄÁÔÞÉËÏ× ÎÁ ÔÅÌÅÓËÏÐÅ
fillTemp("tube", args);
}
}
initGradients();
if(init){
initSensors();
Tel = new Telescope();
init = 0;
}
RotateSensors();
RotateVisor();
theScene.Draw();
setTimeout(getData, 300000); // ÏÂÎÏ×ÌÑÅÍ ÄÁÎÎÙÅ ËÁÖÄÙÅ 5 ÍÉÎÕÔ
}
function fillTemp(sObj, sArray){
var n, d, t, pos;
if(sObj == "dome") pos=6;
else pos=7;
n = Number(parseInt(sArray[0].substr(pos))); // ÎÏÍÅÒ ÄÁÔÞÉËÁ
t = Number(parseFloat(sArray[3]).toFixed(1));
if(sObj == "dome"){
if(DomeTempsUsed[n] == 1) // ÜÔÏÔ ÄÁÔÞÉË ÏÔÏÂÒÁÖÁÅÔÓÑ
DomeTemperatures[n] = t;
}
else{
if(TubeTempsUsed[n] == 1) // ÜÔÏÔ ÄÁÔÞÉË ÏÔÏÂÒÁÖÁÅÔÓÑ
TubeTemperatures[n] = t;
}
}
function sendrequest(CGI_PATH, req_STR, fn_OK){
var timeout_id, str;
var request = new XMLHttpRequest();
request.open("POST", CGI_PATH, true);
request.setRequestHeader("Accept-Charset", "koi8-r");
request.overrideMimeType("multipart/form-data;");
request.onreadystatechange=function(){
if(request.readyState == 4){
if(request.status == 200){
clearTimeout(timeout_id);
fn_OK(request);
}
else{
clearTimeout(timeout_id);
}
}
}
request.send(req_STR);
timeout_id = setTimeout(function(){
request.onreadystatechange=null; request.abort();
}, 15000);
}

14
index.html Normal file
View File

@ -0,0 +1,14 @@
<html>
<meta http-equiv="Content-Type" content="text/html; charset=koi8-r"></meta>
<head>
<link rel="stylesheet" href="temp.css" type="text/css">
<title>òÁÓÐÒÅÄÅÌÅÎÉÅ ÔÅÍÐÅÒÁÔÕÒÙ × ÐÏÄËÕÐÏÌØÎÏÍ âôá</title>
<script type="text/javascript" src="svg.js"></script><!--ÆÕÎËÃÉÉ ÄÌÑ ÒÁÂÏÔÙ Ó SVG-->
<script type="text/javascript" src="functions.js"></script><!--ÏÂÒÁÂÏÔËÁ ÄÁÎÎÙÈ-->
</head>
<body onLoad="start();" onkeydown="onkey(event.keyCode);">
<embed style='border: 1px solid;' id='SVG' src='scene.svg' type='image/svg-xml'
width="50px" height="35px"></embed>
<div class="tooltip" id="coords"></div>
</body>
</html>

14
mirror.html Normal file
View File

@ -0,0 +1,14 @@
<html>
<meta http-equiv="Content-Type" content="text/html; charset=koi8-r"></meta>
<head>
<link rel="stylesheet" href="temp.css" type="text/css">
<title>ëÁÒÔÉÎËÁ</title>
<script type="text/javascript" src="svg.js"></script><!--ÆÕÎËÃÉÉ ÄÌÑ ÒÁÂÏÔÙ Ó SVG-->
<script type="text/javascript" src="functions.js"></script><!--ÏÂÒÁÂÏÔËÁ ÄÁÎÎÙÈ-->
</head>
<body onLoad="start();" onkeydown="onkey(event.keyCode);">
<embed style='border: 1px solid;' id='SVG' src='scene.svg' type='image/svg-xml'
width="50px" height="35px"></embed>
<div class="tooltip" id="coords"></div>
</body>
</html>

53
scene.svg Normal file
View File

@ -0,0 +1,53 @@
<?xml version="1.0" encoding="koi8-r" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="OnLoadEvent(evt)">
<defs id="defs">
<path style="fill:none;stroke:#000000;stroke-width:1px;"
d="M 100,335 l 300,0 0,-34 30,0 0,-24 10,-10 52,0 a 242,242 0 0 0 -484,0
l 52,0 10,10 0,24 30,0 0,34"
id="outside"/>
<path style="fill:none;stroke:#000000;stroke-width:1px;"
d="M 18,267 a 232,242 0 0 1 464,0"
id="inside"/>
<!--path style="fill:#aaaaff;stroke:#000000;stroke-width:2px;fill-opacity:0.5"
d="M 8,267 l -5,0 a 247,247 0 0 1 247,-247 l 0,5 a 242,242 0 0 0 -242,242"
id="visor"/-->
<!--path style="fill:none;stroke:#000000;stroke-width:1px"
d="M 450,260 l 0,20 a 208,35 0 0 0 -60,-16 l 0,-20 a 208,35 0 0 1 60 16"
id="stoppos"/>
<path d="M 394,258 a 208,35 0 0 1 60 16"
id="textpath"/>
<clipPath id="theclip">
<use xlink:href="#outside"/>
</clipPath-->
<clipPath id="domeclip">
<path d="M 18,107 a 232,242 0 0 1 464,0 l 10,0 a 242,242 0 0 0 -484,0 z"/>
</clipPath>
<clipPath id="innerclip">
<path d="M 100,175 l 300,0 0,-34 30,0 0,-24 10,-10 42,0
a 232,242 0 0 0 -464,0 l 42,0 10,10 0,24 30,0 0,34"/>
</clipPath>
</defs>
<g id="Main">
<g id="Dome" x="0" y="0">
<use xlink:href="#outside"/>
<use xlink:href="#inside"/>
<!--use xlink:href="#visor"/-->
<!--use xlink:href="#stoppos"/>
<text font-size="9">
<textPath xlink:href="#textpath">
<tspan dy="-5">ðÏÓÁÄÏÞÎÁÑ</tspan>
<tspan dy="9" dx="-48">ÐÌÏÝÁÄËÁ</tspan>
</textPath>
</text-->
</g>
<!--<g id="Scene" x="0" y="0" clip-path="url(#theclip)"></g>-->
<g id="Scene" x="0" y="0"></g>
</g>
<script type="text/ecmascript"><![CDATA[
function OnLoadEvent(evt){
parent.initSVG(evt.target.ownerDocument, 335);
}
]]></script>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

184
svg.js Normal file
View File

@ -0,0 +1,184 @@
var mainWidth, mainHeight, YOffset;
var SVGDoc, SVGScene;
function initSVG(oo, Y0){
SVGDoc = oo;
mainWidth = 500;
mainHeight = 350;
YOffset = Y0 - mainHeight / 2; // ÓÍÅÝÅÎÉÅ, ÕÓÔÁÎÁ×ÌÉ×ÁÀÝÅÅ ËÏÏÒÄÉÎÁÔÕ ÐÏÌÁ Y=0
SVGScene = oo.getElementById("Scene");
SVGScene.Xmax = mainWidth / 2;
SVGScene.Ymax = mainHeight / 2;
}
function Vector(vx, vy){
this.x = vx;
this.y = vy;
this.Add = function(va){
this.x += va.x;
this.y += va.y;
}
this.Zoom = function(zf){
this.x *= zf;
this.y *= zf;
}
this.Length = function(){
var l = this.x*this.x + this.y*this.y;
return Math.sqrt(l);
}
}
function DeleteScene(){
var ii, nn, ss;
ss = this.Group;
nn = this.Shapes.length;
for (ii = nn-1; ii > -1; ii--)
ss.removeChild(this.Shapes[ii]);
this.Ranks.length = 0;
this.Shapes.length = 0;
this.Callback.length = 0;
SVGScene.removeChild(ss);
}
function DrawAll(){
var ii, jj, ss = "";
var ll = 0;
if(this.Objs) ll = this.Objs.length;
if(this.Attributes)
for(ii in this.Attributes)
this.Group.setAttribute(ii, this.Attributes[ii]);
var x = this.Parent.Xmax + this.Center.x - this.Xmax;
var y = this.Parent.Ymax - this.Center.y - this.Ymax;
this.ChTr('translate', x, y);
for(ii in this.Transform)
ss += ii + '(' + this.Transform[ii] + ') ';
this.Group.setAttribute('transform', ss);
if(ll>0) for(ii=0; ii<ll; ii++)
this.Objs[this.Ranks[ii][0]].Draw();
}
function ChangeAttributes(attr, val){
this.Attributes[attr] = val;
}
function ChangeTransform(attr, val1, val2){
var ss;
if(ChangeTransform.arguments.length == 3) ss = val1 + "," + val2;
else ss = val1;
this.Transform[attr] = ss;
}
function AddObject(oo, type){
var ii = this.Objs.length;
this.Objs[ii] = oo;
this.Ranks[ii] = new Array(ii, 0);
this.Shapes[ii] = oo.Group;
this.Group.appendChild(this.Shapes[ii]);
}
function Scene(aParent, id){
if(Scene.arguments.length == 0 || aParent == null) aParent = SVGScene;
var obj = new Object2D(aParent, "g", id);
return obj;
}
function Object2D(aParent, aType, id){
this.Parent = aParent;
this.Visibility = "visible";
this.Draw = DrawAll;
this.Objs = new Array(); // Objs, Ranks É Shapes ÎÕÖÎÙ, ÅÓÌÉ ÄÁÎÎÙÊ ÏÂßÅËÔ - ÓÏÓÔÁ×ÎÏÊ
this.Ranks = new Array();
this.Shapes = new Array();
this.Xmax = mainWidth/2; // ÚÎÁÞÅÎÉÑ ÐÏ ÕÍÏÌÞÁÎÉÀ
this.Ymax = mainHeight/2;
this.Transform = {'translate': "0, 0", 'rotate': "0", 'scale': "1, 1"};
this.ChAttrs = ChangeAttributes;
this.ChTr = ChangeTransform;
this.Center = new Vector(0,0);
this.Callback = new Array();
this.Attributes = {'fill': "none"}; // ÉÎÉÃÉÁÌÉÚÉÒÕÅÍ ÏÂßÅËÔ
this.AddObj = AddObject;
this.Group = SVGDoc.createElementNS("http://www.w3.org/2000/svg", aType);
if(typeof(id) != 'undefined') this.Group.id = id;
this.Fill = function(c){this.ChAttrs('fill', c);}
this.Rotate = function(a){this.ChTr('rotate', a);}
this.Border = function(c, w){this.ChAttrs('stroke', c); this.ChAttrs('stroke-width', w);}
this.MoveTo = function(x, y){this.Center.x = x; this.Center.y = y;}
this.setEvent = function(Event, Callback){
this.Group.addEventListener(Event, Callback, false);
for(var i=0; i<this.Shapes.length; i++)
this.Shapes[i].setEvent(Event, Callback);
}
this.removeEvent = function(Event, Callback){
this.Group.removeEventListener(Event, Callback, false);
for(var i=0; i<this.Shapes.length; i++)
this.Shapes[i].removeEvent(Event, Callback);
}
if(aParent == SVGScene) SVGScene.appendChild(this.Group);
else this.Parent.AddObj(this, aType);
return(this);
}
function Rect(aParent, aWidth, aHeight, id){
var obj = new Object2D(aParent, "rect", id);
obj.Xmax = aWidth / 2;
obj.Ymax = aHeight / 2;
obj.Attributes = {'width': aWidth, 'height': aHeight,
'stroke': "black", 'stroke-width': 0.2};
return obj;
}
function Circle(aParent, radius, id){
var obj = new Object2D(aParent, "circle", id);
obj.Xmax = obj.Ymax = 0;
obj.Attributes = {'cx': 0, 'cy': 0, 'r': radius};
return obj;
}
function Gradient(type, id, attrs, stop_points, stop_colors, stop_opacity, rotAngle){
var i, l, Gname, Attr, band = new Array(), Grad;
switch(type){
case 'l': Gname = "linearGradient"; Attr = ['x1', 'y1', 'x2', 'y2']; break;
case 'r': Gname = "radialGradient"; Attr = ['cx', 'cy', 'r'];
}
if(!(Grad = SVGDoc.getElementById(id))){
Grad = SVGDoc.createElementNS("http://www.w3.org/2000/svg", Gname);
SVGDoc.getElementById("defs").appendChild(Grad);
Grad.setAttribute("id", id);
l = Attr.length;
for(i = 0; i < l; i++) Grad.setAttribute(Attr[i], attrs[i]+'%');
}
else{
l = Grad.children.length;
for(i=0; i<l; i++) Grad.removeChild(Grad.lastChild);
}
l = Math.min(stop_points.length, stop_colors.length);
for(i = 0; i < l; i++){
band[i] = SVGDoc.createElementNS("http://www.w3.org/2000/svg","stop");
band[i].setAttribute("offset", stop_points[i]+'%');
band[i].setAttribute("stop-color", stop_colors[i]);
if(stop_opacity) band[i].setAttribute("stop-opacity", stop_opacity[i]);
Grad.appendChild(band[i]);
}
if(rotAngle)
Grad.setAttribute('gradientTransform', 'rotate('+rotAngle+')');
}
function Path(aParent, path, id){
var obj = new Object2D(aParent, "path", id);
obj.Xmax = 0;
obj.Ymax = 0;
obj.Attributes = {'d': path, 'stroke': "black", 'stroke-width': 0.2};
return obj;
}
function Line(aParent, crds, id){
var obj = new Object2D(aParent, "line", id);
obj.Xmax = obj.Ymax = 0;
var crds;
obj.Center.x = obj.Center.y = 0;
if(Line.arguments.length == 1 || crds == null) crds = [0, 0, 0, 0];
obj.Attributes = {'x1': crds[0], 'y1': crds[1],
'x2': crds[2], 'y2': crds[3], 'stroke': "black", 'stroke-width': 0.2};
return obj;
}

18
temp.css Normal file
View File

@ -0,0 +1,18 @@
body{
padding: 1px; margin: 15px;
background: #CCC;
font-family: "Liberation Serif", serif;
font-style: normal;
font-weight: normal;
text-indent: 0px;
}
.tooltip{
position: fixed; background-color: gray; -moz-border-radius: 5px;
color: white; text-align: center;
}
#tiptext{
position: fixed; color: black; cursor: help;
text-align: center;
}