First commit
This commit is contained in:
TechEmporium
parent
3594006c28
commit
dcc5527b12
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,964 @@
|
|||
// Scientific Calculator for Chemists written by Eni Generalic
|
||||
// URL: http://www.periodni.com/scientific_calculator.html
|
||||
// Create: 1999/10/14; Update: 2014/07/31
|
||||
// If you use a variant of this in your page, please email me at enig@periodni.com
|
||||
// Atomic Weights of the Elements 2007, Pure & Appl. Chem., Vol. 80, No. 11, (2009) 2131-2156.
|
||||
|
||||
var EniG = "";
|
||||
//Auto Sci Fix
|
||||
var asf = 0;
|
||||
var decimala = 2;
|
||||
// Rad Deg Grad
|
||||
var rdg = 0;
|
||||
// Digit Grouping
|
||||
var dg = 0;
|
||||
var pi = 3.14159265358979324;
|
||||
var e = 2.7182818284590452;
|
||||
|
||||
window.onload = start();
|
||||
|
||||
function start(){
|
||||
var dan = new Date();
|
||||
document.racunalo.notes.value += " " + dan.toLocaleString() + "\n\n";
|
||||
document.racunalo.zadatak.focus();
|
||||
}
|
||||
|
||||
function Memory(operator) {
|
||||
|
||||
switch(operator) {
|
||||
case 1: // MS
|
||||
var memorija = document.racunalo.rezultat.value;
|
||||
if (memorija==0 || ChemSlovo(memorija.charAt(0))) {memorija = ""}
|
||||
|
||||
document.racunalo.nummem.title = memorija;
|
||||
|
||||
if (memorija.length) {
|
||||
document.getElementById('nummem').style.color = '#000';
|
||||
}
|
||||
else {
|
||||
document.getElementById('nummem').style.color = '#ccc';
|
||||
}
|
||||
break;
|
||||
case 2: // MR
|
||||
var memorija = document.racunalo.nummem.title;
|
||||
|
||||
DodajBroj(memorija);
|
||||
break;
|
||||
case 3: // CLS
|
||||
var dan = new Date();
|
||||
|
||||
document.racunalo.notes.value = EniG;
|
||||
document.racunalo.notes.value += "\n " + dan.toLocaleString() + "\n\n";
|
||||
break;
|
||||
case 4: // Mode
|
||||
vidi('numformat');
|
||||
break;
|
||||
case 5: // Reset
|
||||
document.racunalo.reset();
|
||||
|
||||
var dan = new Date();
|
||||
document.racunalo.notes.value += " " + dan.toLocaleString() + "\n\n";
|
||||
|
||||
decimala = 2;
|
||||
asf = 0;
|
||||
rdg = 0;
|
||||
dg = 0;
|
||||
document.racunalo.nummem.title = "";
|
||||
document.racunalo.oldresult.title = "0";
|
||||
document.racunalo.rezultat.title = "0";
|
||||
|
||||
document.getElementById('numauto').style.color = '#000';
|
||||
document.getElementById('numsci').style.color = '#ccc';
|
||||
document.getElementById('numfix').style.color = '#ccc';
|
||||
document.getElementById('nummem').style.color = '#ccc';
|
||||
document.getElementById('numrad').style.color = '#000';
|
||||
document.getElementById('numdeg').style.color = '#ccc';
|
||||
document.getElementById('numgrad').style.color = '#ccc';
|
||||
|
||||
document.getElementById('numformat').style.display = 'none';
|
||||
break;
|
||||
}
|
||||
|
||||
document.racunalo.zadatak.focus();
|
||||
}
|
||||
|
||||
function DodajBroj(noviznak) {
|
||||
var selstart = document.racunalo.zadatak.selectionStart;
|
||||
var selend = document.racunalo.zadatak.selectionEnd;
|
||||
var strinput = document.racunalo.zadatak.value;
|
||||
|
||||
if (selstart || selend) {
|
||||
document.racunalo.zadatak.value = strinput.slice(0, selstart) + noviznak + strinput.slice(selend);
|
||||
selstart += noviznak.length;
|
||||
document.racunalo.zadatak.setSelectionRange(selstart, selstart);
|
||||
}
|
||||
else {
|
||||
// IE before version 9 have undefined selstart
|
||||
document.racunalo.zadatak.value = strinput + noviznak
|
||||
}
|
||||
document.racunalo.zadatak.focus();
|
||||
}
|
||||
|
||||
|
||||
function Izracunaj(funkcija) {
|
||||
var pitanje = "";
|
||||
var odgovor = "0";
|
||||
var chem = false;
|
||||
var math = false;
|
||||
//var mem = 0;
|
||||
var mm = "";
|
||||
var mmup = "";
|
||||
var mmdn = "";
|
||||
|
||||
document.racunalo.oldtask.value = document.racunalo.upit.value;
|
||||
document.racunalo.oldresult.value = document.racunalo.rezultat.value;
|
||||
document.racunalo.oldresult.title = document.racunalo.rezultat.title;
|
||||
|
||||
var zadatak = document.racunalo.zadatak.value;
|
||||
//Error handling in JavaScript
|
||||
try
|
||||
{
|
||||
// Remove all spaces from expression
|
||||
//zadatak = zadatak.replace(/ /g,'');
|
||||
zadatak = Cleaning(zadatak);
|
||||
|
||||
if (zadatak.length==0) {
|
||||
if (funkcija > 1) {
|
||||
zadatak = document.racunalo.rezultat.value;
|
||||
}
|
||||
else {
|
||||
document.racunalo.upit.value = "";
|
||||
document.racunalo.rezultat.value = "";
|
||||
document.racunalo.rezultat.title = "0";
|
||||
document.racunalo.zadatak.focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
else if (UbaciRezultat(zadatak.charAt(0))) {
|
||||
odgovor = document.racunalo.rezultat.value;
|
||||
if (odgovor.length==0) {
|
||||
//document.racunalo.rezultat.title = "0";
|
||||
document.racunalo.zadatak.focus();
|
||||
return;
|
||||
}
|
||||
zadatak = document.racunalo.rezultat.value + zadatak;
|
||||
}
|
||||
|
||||
// Cleaning input text
|
||||
for (var i=0; i<zadatak.length; i++)
|
||||
{
|
||||
mm = zadatak.charAt(i);
|
||||
if (i > 0) mmdn = zadatak.charAt(i-1);
|
||||
if (i < zadatak.length-1) mmup = zadatak.charAt(i+1);
|
||||
|
||||
if (mm == ",") {mm = "."}
|
||||
else if (mm == "}" || mm == "]") {mm = ")"}
|
||||
else if (mm == "{" || mm == "[") {mm = "("}
|
||||
//else if (mm == " " || mm == "=") {mm = ""}
|
||||
else if (mm == String.fromCharCode(247)) {mm = "/"}
|
||||
else if (mm == String.fromCharCode(215)) {mm = "*"}
|
||||
else if (mm == "*" && mmup == "*") {mm = "^"; i++}
|
||||
else if (mm == "+" && mmup == "-") {mm = "-"; i++}
|
||||
else if (mm == "E" && KemSimbol(mmup)) {mm = "e"}
|
||||
//else if (mm == "$" || mm == "&" || mm == "@") {mm = ""}
|
||||
//else if (mm == "#" || mm == "?" || mm == "=") {mm = ""}
|
||||
|
||||
if (mm == "." && BrojAtoma(mmdn)==false) {mm = "0."}
|
||||
else if (VelikoSlovo(mm)) {chem = true}
|
||||
else if (Operator(mm)) {math = true}
|
||||
|
||||
if (pitanje == "0") {
|
||||
if (Operator(mm)) {}
|
||||
else if (mm != ".") {pitanje = ""}
|
||||
}
|
||||
|
||||
pitanje += mm;
|
||||
}
|
||||
|
||||
if (funkcija > 1) {
|
||||
if (math) {pitanje = "(" + pitanje + ")"}
|
||||
pitanje = DodajFunkcije(funkcija, pitanje);
|
||||
}
|
||||
|
||||
if (chem) {
|
||||
odgovor = MolnaMasa(pitanje);
|
||||
}
|
||||
else {
|
||||
odgovor = CalcZagrada(pitanje);
|
||||
}
|
||||
|
||||
document.racunalo.upit.value = pitanje;
|
||||
|
||||
|
||||
//odgovor = odgovor.toString();
|
||||
document.racunalo.rezultat.title = odgovor;
|
||||
|
||||
//odgovor = IzgledBroja(odgovor);
|
||||
//document.racunalo.rezultat.value = odgovor;
|
||||
NumberFormat(0);
|
||||
|
||||
document.racunalo.zadatak.value = "";
|
||||
document.racunalo.zadatak.focus();
|
||||
}
|
||||
catch(err) {
|
||||
|
||||
var txt = "There was an error on this page.\n\n";
|
||||
txt += "Error description: " + err.message + "\n\n";
|
||||
txt += "Click OK to continue.\n\n";
|
||||
alert(txt);
|
||||
|
||||
document.racunalo.zadatak.value = pitanje;
|
||||
document.racunalo.zadatak.focus();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function DodajFunkcije(funkcija, pitanje) {
|
||||
|
||||
switch(funkcija) {
|
||||
case 2: // Square
|
||||
pitanje = pitanje + "^2";
|
||||
break;
|
||||
case 3: // Square root
|
||||
pitanje = pitanje + "^(1/2)";
|
||||
break;
|
||||
case 4: // Sign change
|
||||
pitanje = pitanje + "*(-1)";
|
||||
break;
|
||||
case 5: // Natural logarithm
|
||||
pitanje = "ln" + pitanje;
|
||||
break;
|
||||
case 6: // Natural antilogarithm
|
||||
pitanje = "e^" + pitanje;
|
||||
break;
|
||||
case 7: // Reciprocal
|
||||
pitanje = "1/" + pitanje;
|
||||
break;
|
||||
case 8: // Common logarithm
|
||||
pitanje = "log" + pitanje;
|
||||
break;
|
||||
case 9: // Common antilogarithm
|
||||
pitanje = "10^" + pitanje;
|
||||
break;
|
||||
case 10: // Arc tangent
|
||||
pitanje = "atan" + pitanje;
|
||||
break;
|
||||
case 11: // Arc cosine
|
||||
pitanje = "acos" + pitanje;
|
||||
break;
|
||||
case 12: // Arc sine
|
||||
pitanje = "asin" + pitanje;
|
||||
break;
|
||||
//case 13: // Parts per million
|
||||
// pitanje = pitanje + "ppm";
|
||||
// break;
|
||||
case 14: // Tangent
|
||||
pitanje = "tan" + pitanje;
|
||||
break;
|
||||
case 15: // Cosine
|
||||
pitanje = "cos" + pitanje;
|
||||
break;
|
||||
case 16: // Sine
|
||||
pitanje = "sin" + pitanje;
|
||||
break;
|
||||
case 17: // Percent
|
||||
pitanje = pitanje + "%";
|
||||
break;
|
||||
case 20: // Factorial
|
||||
pitanje = pitanje + "!";
|
||||
break;
|
||||
case 21: // Power
|
||||
var eksponent = prompt("Unesite eksponent / Please enter exponent", 3);
|
||||
pitanje = pitanje + "^" + eksponent;
|
||||
break;
|
||||
case 22: // Root
|
||||
var eksponent = prompt("Unesite korijen / Please enter root", 3);
|
||||
pitanje = pitanje + "^(1/" + eksponent + ")";
|
||||
break;
|
||||
}
|
||||
|
||||
return pitanje;
|
||||
}
|
||||
|
||||
function CalcZagrada(izraz) {
|
||||
var intZagClose = 0
|
||||
var intZagOpen = 0
|
||||
var broj = 0
|
||||
//var strNoviXbroj = ""
|
||||
var strResult = "";
|
||||
|
||||
do {
|
||||
// 2+(2*(2+4)+3)^3+5
|
||||
izraz = izraz.replace(/--/g,"-1*-");
|
||||
intZagClose = izraz.indexOf(")");
|
||||
if (intZagClose != -1) {
|
||||
for (var i = intZagClose; i >= 0; i--) {
|
||||
if (izraz.charAt(i)=="(") {
|
||||
intZagOpen = i;
|
||||
strResult = izraz.substring(intZagOpen+1,intZagClose);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
strResult = izraz;
|
||||
}
|
||||
|
||||
strResult = strResult + "*1";
|
||||
strResult = CalcPostotak(strResult);
|
||||
strResult = CalcTrigonometry(strResult);
|
||||
strResult = CalcLogaritam(strResult);
|
||||
strResult = CalcPotencija(strResult);
|
||||
|
||||
broj = EvalString(strResult);
|
||||
strResult = broj.toString();
|
||||
|
||||
if (intZagClose != -1) {
|
||||
izraz = izraz.replace(izraz.substring(intZagOpen, intZagClose+1), strResult);
|
||||
}
|
||||
else {
|
||||
izraz = strResult;
|
||||
}
|
||||
}
|
||||
while (intZagClose > 0)
|
||||
//izraz = molmasa.toString();
|
||||
return izraz;
|
||||
}
|
||||
|
||||
|
||||
function EvalString(upit) {
|
||||
with (Math) {
|
||||
//var broj = eval(upit);
|
||||
return eval(upit);
|
||||
}
|
||||
//upit = broj.toString();
|
||||
//return broj;
|
||||
}
|
||||
|
||||
|
||||
function CalcPotencija(ulaz) {
|
||||
var intZagClose = 0
|
||||
var intZagOpen = 0;
|
||||
var fPower = 0;
|
||||
|
||||
var intPozicija = ulaz.indexOf("^"); //2+2^3+2,15^2+4
|
||||
|
||||
while (intPozicija > 0) {
|
||||
for (var i = intPozicija - 1; i >= 0; i--) {
|
||||
if (Operator(ulaz.charAt(i)) && ulaz.charAt(i-1)!="e") {
|
||||
//if (i > 0 && Operator(ulaz.charAt(i-1))) {
|
||||
intZagOpen = i+1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (ulaz.charAt(i) == "-"){
|
||||
if (i == 0) {intZagOpen = 0;}
|
||||
else if (i > 0 && Operator(ulaz.charAt(i-1))) {intZagOpen = i;}
|
||||
}
|
||||
|
||||
var strBase = ulaz.substring(intZagOpen,intPozicija);
|
||||
if (strBase == 'e') {strBase = e}; //cps
|
||||
|
||||
for (var i = intPozicija + 2; i < ulaz.length; i++) {
|
||||
if (Operator(ulaz.charAt(i)) && ulaz.charAt(i-1)!="e") {intZagClose = i-1; break}
|
||||
}
|
||||
var strExponent = ulaz.substring(intPozicija+1,intZagClose+1);
|
||||
|
||||
fPower = Math.pow(strBase, strExponent);
|
||||
|
||||
ulaz = ulaz.replace(ulaz.substring(intZagOpen, intZagClose+1), fPower);
|
||||
|
||||
intPozicija = ulaz.indexOf("^");
|
||||
}
|
||||
|
||||
return ulaz;
|
||||
}
|
||||
|
||||
|
||||
function CalcPostotak(ulaz) {
|
||||
var intZagClose = 0;
|
||||
var intZagOpen = 0;
|
||||
var fPostotak = 0;
|
||||
|
||||
var strDesnoFun = new Array ("!", "%");
|
||||
|
||||
for (var f = 0; f < 2; f++) {
|
||||
var intPozicija = ulaz.indexOf(strDesnoFun[f]);
|
||||
|
||||
while (intPozicija > 0) {
|
||||
for (var i = intPozicija - 1; i >= 0; i--) {
|
||||
if (Operator(ulaz.charAt(i)) && ulaz.charAt(i-1)!="e") {intZagOpen = i+1; break}
|
||||
}
|
||||
var strNoviXbroj = ulaz.substring(intZagOpen,intPozicija);
|
||||
intZagClose = intPozicija+1;
|
||||
//with (Math) {
|
||||
if (f == 0) {
|
||||
fPostotak = CalcFactorial(strNoviXbroj);
|
||||
}
|
||||
else {
|
||||
fPostotak = strNoviXbroj / 100;
|
||||
}
|
||||
//}
|
||||
ulaz = ulaz.replace(ulaz.substring(intZagOpen, intZagClose), fPostotak);
|
||||
intPozicija = ulaz.indexOf(strDesnoFun[f]);
|
||||
}
|
||||
}
|
||||
|
||||
return ulaz;
|
||||
}
|
||||
|
||||
|
||||
function CalcTrigonometry(kut) {
|
||||
var intZagClose = 0
|
||||
var fAngle = 0
|
||||
var strNoviKut = ""
|
||||
var strKrozPi = ")"
|
||||
var strPiKroz = ")";
|
||||
|
||||
switch(rdg)
|
||||
{
|
||||
case 1:
|
||||
strKrozPi = ")*180/pi";
|
||||
strPiKroz = "*pi/180)";
|
||||
break;
|
||||
case 2:
|
||||
strKrozPi = ")*200/pi";
|
||||
strPiKroz = "*pi/200)";
|
||||
break;
|
||||
//default:
|
||||
// strKrozPi = ")";
|
||||
// strPiKroz = ")";
|
||||
}
|
||||
|
||||
var strTrigFun = new Array ("sin", "cos", "tan");
|
||||
|
||||
for (var f = 0; f < 3; f++) {
|
||||
intPozicija = kut.indexOf(strTrigFun[f]);
|
||||
|
||||
if (intPozicija >= 0) {
|
||||
if (VelikoSlovo(kut.charAt(intPozicija+4))) {return kut;}
|
||||
|
||||
do {
|
||||
//document.racunalo.notes.value += enter + intKut + enter; cos(2*(3+5)+3*(2+4))+1 2+(2*(2+cos(4))+3)+(3^3+5)*4
|
||||
intZagClose = kut.length;
|
||||
for (var i = intPozicija+4; i < intZagClose; i++) {
|
||||
|
||||
if (Operator(kut.charAt(i)) && kut.charAt(i-1)!="e") {
|
||||
intZagClose = i;
|
||||
strNoviKut = kut.substring(intPozicija+3, intZagClose);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (intPozicija>0 && kut.charAt(intPozicija-1)=="a") {
|
||||
intPozicija = intPozicija - 1;
|
||||
strNoviKut = "a" + strTrigFun[f] + "(" + strNoviKut + strKrozPi;
|
||||
}
|
||||
else {
|
||||
strNoviKut = strTrigFun[f] + "(" + strNoviKut + strPiKroz;
|
||||
}
|
||||
|
||||
fAngle = EvalString(strNoviKut);
|
||||
fAngle = Math.round(fAngle * Math.pow(10,14)) / Math.pow(10,14);
|
||||
//strNoviKut = fAngle.toString();
|
||||
|
||||
kut = kut.replace(kut.substring(intPozicija, intZagClose), fAngle);
|
||||
|
||||
intPozicija = kut.indexOf(strTrigFun[f]);
|
||||
|
||||
}
|
||||
while (intPozicija != -1);
|
||||
}
|
||||
}
|
||||
|
||||
return kut;
|
||||
}
|
||||
|
||||
|
||||
function CalcLogaritam(ulaz) {
|
||||
var intZagClose = 0
|
||||
var fLogaritam = 0
|
||||
var strNoviLog = ""
|
||||
var strKrozPi = ")"
|
||||
var strPiKroz = ")";
|
||||
// var e = 2.71828182845905
|
||||
|
||||
var strLogFun = new Array ("ln", "log");
|
||||
|
||||
for (var f = 0; f < 2; f++) {
|
||||
var intPozicija = ulaz.indexOf(strLogFun[f]);
|
||||
|
||||
if (intPozicija >= 0) {
|
||||
if (VelikoSlovo(ulaz.charAt(intPozicija+3+f))) {return ulaz;}
|
||||
|
||||
do {
|
||||
intZagClose = ulaz.length;
|
||||
for (var i = intPozicija; i < intZagClose; i++) {
|
||||
|
||||
if (Operator(ulaz.charAt(i)) && ulaz.charAt(i-1)!="e") {
|
||||
intZagClose = i;
|
||||
strNoviLog = ulaz.substring(intPozicija+strLogFun[f].length, intZagClose);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (f == 0) {
|
||||
if (intPozicija>0 && ulaz.charAt(intPozicija-1)=="a") {
|
||||
intPozicija = intPozicija - 1;
|
||||
strNoviLog = "pow(E," + strNoviLog + ")";
|
||||
}
|
||||
else {
|
||||
strNoviLog = "log(" + strNoviLog + ")";
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (intPozicija>0 && ulaz.charAt(intPozicija-1)=="a") {
|
||||
intPozicija = intPozicija - 1;
|
||||
strNoviLog = "pow(10," + strNoviLog + ")";
|
||||
}
|
||||
else {
|
||||
strNoviLog = "log(" + strNoviLog + ")/LN10";
|
||||
}
|
||||
}
|
||||
|
||||
fLogaritam = EvalString(strNoviLog);
|
||||
|
||||
ulaz = ulaz.replace(ulaz.substring(intPozicija, intZagClose), fLogaritam);
|
||||
intPozicija = ulaz.indexOf(strLogFun[f]);
|
||||
|
||||
}
|
||||
while (intPozicija != -1);
|
||||
}
|
||||
}
|
||||
|
||||
return ulaz;
|
||||
}
|
||||
|
||||
|
||||
function CalcFactorial(n) {
|
||||
if ((n == 0) || (n == 1)) {
|
||||
return 1;
|
||||
}
|
||||
else {
|
||||
var odgovor = (n * CalcFactorial(n-1));
|
||||
return odgovor;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function MolnaMasa(atom) {
|
||||
try
|
||||
{
|
||||
with (Math) {
|
||||
var atominfo = false;
|
||||
var mm="";
|
||||
var mmdn="";
|
||||
var mmup="";
|
||||
var znak="";
|
||||
var izraz="";
|
||||
var Pi=pi;
|
||||
var H=1.0079;
|
||||
var He=4.0026;
|
||||
var Li=6.941;
|
||||
var Be=9.0122;
|
||||
var B=10.811;
|
||||
var C=12.011;
|
||||
var N=14.007;
|
||||
var O=15.999;
|
||||
var F=18.998;
|
||||
var Ne=20.18;
|
||||
var Na=22.99;
|
||||
var Mg=24.305;
|
||||
var Al=26.982;
|
||||
var Si=28.086;
|
||||
var P=30.974;
|
||||
var S=32.065;
|
||||
var Cl=35.453;
|
||||
var Ar=39.948;
|
||||
var K=39.098;
|
||||
var Ca=40.078;
|
||||
var Sc=44.956;
|
||||
var Ti=47.867;
|
||||
var V=50.942;
|
||||
var Cr=51.996;
|
||||
var Mn=54.938;
|
||||
var Fe=55.845;
|
||||
var Co=58.933;
|
||||
var Ni=58.693;
|
||||
var Cu=63.546;
|
||||
var Zn=65.38;
|
||||
var Ga=69.723;
|
||||
var Ge=72.64;
|
||||
var As=74.922;
|
||||
var Se=78.96;
|
||||
var Br=79.904;
|
||||
var Kr=83.798;
|
||||
var Rb=85.468;
|
||||
var Sr=87.62;
|
||||
var Y=88.906;
|
||||
var Zr=91.224;
|
||||
var Nb=92.906;
|
||||
var Mo=95.96;
|
||||
var Tc=98;
|
||||
var Ru=101.07;
|
||||
var Rh=102.91;
|
||||
var Pd=106.42;
|
||||
var Ag=107.87;
|
||||
var Cd=112.41;
|
||||
var In=114.82;
|
||||
var Sn=118.71;
|
||||
var Sb=121.76;
|
||||
var Te=127.6;
|
||||
var I=126.9;
|
||||
var Xe=131.29;
|
||||
var Cs=132.91;
|
||||
var Ba=137.33;
|
||||
var La=138.91;
|
||||
var Ce=140.12;
|
||||
var Pr=140.91;
|
||||
var Nd=144.24;
|
||||
var Pm=145;
|
||||
var Sm=150.36;
|
||||
var Eu=151.96;
|
||||
var Gd=157.25;
|
||||
var Tb=158.93;
|
||||
var Dy=162.5;
|
||||
var Ho=164.93;
|
||||
var Er=167.26;
|
||||
var Tm=168.93;
|
||||
var Yb=173.05;
|
||||
var Lu=174.97;
|
||||
var Hf=178.49;
|
||||
var Ta=180.95;
|
||||
var W=183.84;
|
||||
var Re=186.21;
|
||||
var Os=190.23;
|
||||
var Ir=192.22;
|
||||
var Pt=195.08;
|
||||
var Au=196.97;
|
||||
var Hg=200.59;
|
||||
var Tl=204.38;
|
||||
var Pb=207.2;
|
||||
var Bi=208.98;
|
||||
var Po=209;
|
||||
var At=210;
|
||||
var Rn=222;
|
||||
var Fr=223;
|
||||
var Ra=226;
|
||||
var Ac=227;
|
||||
var Th=232.04;
|
||||
var Pa=231.04;
|
||||
var U=238.03;
|
||||
var Np=237;
|
||||
var Pu=244;
|
||||
var Am=243;
|
||||
var Cm=247;
|
||||
var Bk=247;
|
||||
var Cf=251;
|
||||
var Es=252;
|
||||
var Fm=257;
|
||||
var Md=258;
|
||||
var No=259;
|
||||
var Lr=262;
|
||||
var Rf=267;
|
||||
var Db=268;
|
||||
var Sg=271;
|
||||
var Bh=272;
|
||||
var Hs=277;
|
||||
var Mt=276;
|
||||
var Ds=281;
|
||||
var Rg=280;
|
||||
var Cn=285;
|
||||
// Pure Appl. Chem., Vol. 81, No. 11, (2009) 2131-2156
|
||||
|
||||
for (var i=0; i<atom.length; i++) {
|
||||
mm = atom.charAt(i);
|
||||
mmup = atom.charAt(i+1);
|
||||
bigup = mm.toUpperCase();
|
||||
mmdn = atom.charAt(i-1);
|
||||
|
||||
if (mm == "[") {mm = "("}
|
||||
else if (mm == "]") {mm = ")"}
|
||||
else if (mm == ",") {mm = "."}
|
||||
|
||||
if (ChemSlovo(mm)) {atominfo = true}
|
||||
if (MatOperator(mm)) {atominfo = false; znak=""}
|
||||
if (atominfo) {
|
||||
if (MatOperator(mmup)) {znak=")"}
|
||||
if (MatOperator(mmdn)) {izraz += "(" + mm + znak}
|
||||
else if (mmdn=="(") {izraz += mm + znak}
|
||||
else if (mmdn=="[") {izraz += mm + znak}
|
||||
else if (ChemSlovo(mm)) {izraz += "+" + mm + znak}
|
||||
else if (BrojAtoma(mmdn)) {izraz += mm + znak}
|
||||
else if (BrojAtoma(mm)) {izraz += "*" + mm + znak}
|
||||
else {izraz += mm + znak}
|
||||
}
|
||||
else {izraz += mm}
|
||||
}
|
||||
var molmasa = eval(izraz);
|
||||
}
|
||||
return molmasa.toString();
|
||||
}
|
||||
catch(err) {
|
||||
return "Syntax Error";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function ChemSlovo(znak) {
|
||||
var slovo="(ABCDEFGHIKLMNOPRSTUVWXYZ";
|
||||
for (var i=0; i<slovo.length; i++) {
|
||||
if (znak == slovo.charAt(i)) {return true}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function VelikoSlovo(znak) {
|
||||
var slovo="ABCDEFGHIKLMNOPRSTUVWXYZ";
|
||||
for (var i=0; i<slovo.length; i++) {
|
||||
if (znak == slovo.charAt(i)) {return true}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function MatOperator(znak) {
|
||||
var matoperator="*/+-";
|
||||
for (var i=0; i<matoperator.length; i++) {
|
||||
if (znak == matoperator.charAt(i)) {return true}
|
||||
}
|
||||
if (znak == "") {return true}
|
||||
if (znak == null) {return true}
|
||||
return false;
|
||||
}
|
||||
|
||||
function Operator(znak) {
|
||||
var matoperator="^*/+-";
|
||||
if (matoperator.indexOf(znak) >= 0) {return true}
|
||||
return false;
|
||||
}
|
||||
|
||||
function UbaciRezultat(znak) {
|
||||
var matoperator="^*/+";
|
||||
for (var i=0; i<matoperator.length; i++) {
|
||||
if (znak == matoperator.charAt(i)) {return true}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function BrojAtoma(znak) {
|
||||
var atom = "1234567890";
|
||||
for (var i=0; i<atom.length; i++) {
|
||||
if (znak == atom.charAt(i)) {return true}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function KemSimbol(znak) {
|
||||
// Er, Es, Eu
|
||||
var simbol = "rsu";
|
||||
if (simbol.indexOf(znak) == -1) {return true}
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
function NumberFormat(x){
|
||||
var broj = document.racunalo.rezultat.title;
|
||||
|
||||
if (broj != "0" && broj != "") {
|
||||
document.racunalo.rezultat.value = IzgledBroja(broj);
|
||||
} else {
|
||||
document.racunalo.rezultat.value = broj;
|
||||
}
|
||||
|
||||
if (x) {
|
||||
broj = document.racunalo.oldresult.title;
|
||||
if (broj != "0" && broj != "") {
|
||||
document.racunalo.oldresult.value = IzgledBroja(broj);
|
||||
} else {
|
||||
document.racunalo.oldresult.value = broj;
|
||||
}
|
||||
}
|
||||
|
||||
document.racunalo.zadatak.focus();
|
||||
|
||||
|
||||
switch(x) {
|
||||
case 1: // asf
|
||||
var mod = new Array("AUTO", "SCI", "FIX");
|
||||
if (asf) {
|
||||
document.racunalo.notes.value += "[" + mod[asf] + decimala + "]";
|
||||
}
|
||||
else {
|
||||
document.racunalo.notes.value += "[AUTO]";
|
||||
}
|
||||
break;
|
||||
case 2: // rdg
|
||||
var mod = new Array("[RAD]\n", "[DEG]\n", "[GRAD]\n");
|
||||
document.racunalo.notes.value += mod[rdg];
|
||||
return;
|
||||
default: // calculate
|
||||
broj = document.racunalo.upit.value;
|
||||
}
|
||||
broj += " = ";
|
||||
broj += document.racunalo.rezultat.value;
|
||||
broj += "\n";
|
||||
document.racunalo.notes.value += broj;
|
||||
//return;
|
||||
}
|
||||
|
||||
|
||||
function BrojDecimala(x) {
|
||||
decimala = x;
|
||||
NumberFormat(1);
|
||||
}
|
||||
|
||||
|
||||
function AutoSciFix(x) {
|
||||
var kut = new Array("numauto", "numsci", "numfix");
|
||||
|
||||
document.getElementById(kut[asf]).style.color = '#ccc';
|
||||
asf = x;
|
||||
document.getElementById(kut[asf]).style.color = '#000';
|
||||
|
||||
NumberFormat(1);
|
||||
}
|
||||
|
||||
|
||||
function GroupDigits(kvacica) {
|
||||
dg = (dg) ? 0 : 1;
|
||||
NumberFormat(1);
|
||||
}
|
||||
|
||||
|
||||
function RadDegGrad(x) {
|
||||
var kut = new Array("numrad", "numdeg", "numgrad");
|
||||
|
||||
document.getElementById(kut[rdg]).style.color = "#ccc";
|
||||
rdg = x;
|
||||
document.getElementById(kut[rdg]).style.color = "#000";
|
||||
|
||||
NumberFormat(2);
|
||||
}
|
||||
|
||||
|
||||
function IzgledBroja(strnum) {
|
||||
// max 16 decimala
|
||||
strnum = CheckEpsilon(strnum);
|
||||
var x = parseFloat(strnum);
|
||||
|
||||
switch(asf) {
|
||||
case 0: // auto
|
||||
strnum = x.toPrecision();
|
||||
break;
|
||||
case 1: // sci
|
||||
strnum = x.toExponential(decimala);
|
||||
break;
|
||||
case 2: // fix
|
||||
strnum = x.toFixed(decimala);
|
||||
break;
|
||||
}
|
||||
|
||||
if (dg) {strnum = DigitGrouping (strnum)}
|
||||
|
||||
return strnum;
|
||||
}
|
||||
|
||||
|
||||
function CheckEpsilon(strnum) {
|
||||
// EPSILON - Difference between 1 and the least value greater than 1 that is representable.
|
||||
// The parseFloat() function parses a string and returns a floating point number.
|
||||
var epsilon = 1e-8;
|
||||
var x = parseFloat(strnum);
|
||||
|
||||
var expbroj = x.toExponential(17);
|
||||
// Zadnjih 10 znamenki prije eksponenta (9 ako je broj negativan)
|
||||
// pretvaramo u novi decimalni broj
|
||||
var y = parseFloat("0." + expbroj.slice(9,19));
|
||||
|
||||
// i usporedjujemo ga s epsilon (1e-8).
|
||||
// Ako je y broj manji od epsilon zaokruzuje se strnum
|
||||
if (y<epsilon || (1-y)<epsilon) {
|
||||
strnum = x.toExponential(10);
|
||||
}
|
||||
|
||||
// a ako nije vraca se netaknut
|
||||
return strnum;
|
||||
}
|
||||
|
||||
|
||||
function DigitGrouping (broj) {
|
||||
|
||||
if (VelikoSlovo(broj.charAt(0))) {return "Input Error"}
|
||||
//if (broj == "NaN") { return "Input Error"; }
|
||||
else if (broj.length < 5) {return broj}
|
||||
|
||||
var rezultat = "";
|
||||
var strexp = "";
|
||||
var dotplace = broj.indexOf('.');
|
||||
//if (dotplace == -1) {dotplace = 0;}
|
||||
var eplace = broj.indexOf('e');
|
||||
if (eplace == -1) {eplace = broj.length;} {strexp = " " + broj.substring(eplace);}
|
||||
|
||||
var tri = 0;
|
||||
for (var i=dotplace+1; i<eplace; i++) {
|
||||
tri++;
|
||||
if (tri == 3) {
|
||||
rezultat += broj.charAt(i) + " ";
|
||||
tri = 0;
|
||||
}
|
||||
else {
|
||||
rezultat += broj.charAt(i);
|
||||
}
|
||||
}
|
||||
rezultat += strexp
|
||||
|
||||
if (dotplace > -1) {
|
||||
rezultat = "." + rezultat;
|
||||
tri = 0;
|
||||
for (var i=dotplace-1; i>=0; i--) {
|
||||
if (tri == 3) {
|
||||
rezultat = broj.charAt(i) + " " + rezultat;
|
||||
tri = 0;
|
||||
}
|
||||
else {
|
||||
rezultat = broj.charAt(i) + rezultat;
|
||||
}
|
||||
tri++;
|
||||
}
|
||||
}
|
||||
rezultat = rezultat.replace("- ", "-");
|
||||
broj = rezultat;
|
||||
|
||||
return broj;
|
||||
}
|
||||
|
||||
|
||||
function Cleaning(zadatak) {
|
||||
var strAllowed="1234567890!^*/+-.,×÷{[()]}abcdefghiklmnoprstuvwxyzABCDEFGHIKLMNOPRSTUVWXYZ";
|
||||
var rezultat="";
|
||||
for (var i=0; i<zadatak.length; i++) {
|
||||
znak = zadatak.charAt(i);
|
||||
for (var j=0; j<strAllowed.length; j++) {
|
||||
if (znak == strAllowed.charAt(j)) {
|
||||
rezultat += znak;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
return rezultat;
|
||||
}
|
||||
|
||||
|
||||
function vidi(me) {
|
||||
var seeme = document.getElementById(me);
|
||||
var stanje = (seeme.style.display == 'block') ? 'none' : 'block';
|
||||
seeme.style.display = stanje;
|
||||
|
||||
document.racunalo.zadatak.focus();
|
||||
}
|
||||
|
||||
// Eni Generalic, Split, Create: 1999/10/14; Update: 2014/07/31
|
||||
// Copyright © 2014 by EniG. All rights reserved.
|
||||
|
||||
|
|
@ -0,0 +1,190 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html><head>
|
||||
<title>Scientific calculator for chemists @ periodni.com</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<link media="all" href="calc4chem.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="calc4chem" style="margin-left:auto; margin-right:auto;">
|
||||
|
||||
<form action="." name="racunalo">
|
||||
|
||||
<div id="kalkulator">
|
||||
|
||||
<div class="displej">
|
||||
<input name="numauto" value="AUTO" id="numauto" onfocus="ascifix[0].click()" title="Automatic mode" readonly="readonly" type="text">
|
||||
<input name="numsci" value="SCI" id="numsci" onfocus="ascifix[1].click()" title="Scientific notation" readonly="readonly" type="text">
|
||||
<input name="numfix" value="FIX" id="numfix" onfocus="ascifix[2].click()" title="Fixed number of decimal places" readonly="readonly" type="text">
|
||||
|
||||
<input name="nummem" value="MEM" id="nummem" onfocus="MS.click()" title="Memory" readonly="readonly" type="text">
|
||||
|
||||
<input name="numrad" value="RAD" id="numrad" onfocus="stupnjevi[0].click()" title="Angle units in radians" readonly="readonly" type="text">
|
||||
<input name="numdeg" value="DEG" id="numdeg" onfocus="stupnjevi[1].click()" title="Angle units in degrees" readonly="readonly" type="text">
|
||||
<input name="numgrad" value="GRAD" id="numgrad" onfocus="stupnjevi[2].click()" title="Angle units in grads" readonly="readonly" type="text">
|
||||
|
||||
<div class="spacerow"> </div>
|
||||
<input name="oldtask" onclick="DodajBroj(this.value)" class="oldtask" type="text">
|
||||
<input name="oldresult" onclick="DodajBroj(this.value)" class="oldresult" title="" type="text">
|
||||
<input name="upit" onclick="DodajBroj(this.value)" class="upit" type="text">
|
||||
<input name="rezultat" onclick="DodajBroj(this.value)" class="rezultat" title="0" type="text">
|
||||
</div>
|
||||
|
||||
<div class="zadatak">
|
||||
<input name="zadatak" onkeydown="if (event.keyCode==13) {enter.click()}" type="text">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tipkovnica">
|
||||
<div class="spacerow"> </div>
|
||||
<input name="sqrt" value="√¯" title="Square root" onclick="Izracunaj(3)" class="funbtn" type="button">
|
||||
<input name="root" value="y√¯x" title="Root" onclick="Izracunaj(22)" class="funbtn" type="button">
|
||||
<input name="ln" value="ln" title="Natural logarithm" onclick="Izracunaj(5)" class="funbtn" type="button">
|
||||
<input name="log" value="log" title="Common logarithm" onclick="Izracunaj(8)" class="funbtn" type="button">
|
||||
<input name="tan" value="tan" title="Tangent" onclick="Izracunaj(14)" class="funbtn" type="button">
|
||||
<input name="atan" value="atan" title="Arc tangent" onclick="Izracunaj(10)" class="funbtn" type="button">
|
||||
<div class="resetrow"></div>
|
||||
<input name="kvadrat" value="x²" title="Square" onclick="Izracunaj(2)" class="funbtn" type="button">
|
||||
<input name="potencija" value="x^y" title="Power" onclick="Izracunaj(21)" class="funbtn" type="button">
|
||||
<input name="aln" value="e^x" title="Natural antilogarithm" onclick="Izracunaj(6)" class="funbtn" type="button">
|
||||
<input name="alog" value="10^x" title="Common antilogarithm" onclick="Izracunaj(9)" class="funbtn" type="button">
|
||||
<input name="cos" value="cos" title="Cosine" onclick="Izracunaj(15)" class="funbtn" type="button">
|
||||
<input name="acos" value="acos" title="Arc cosine" onclick="Izracunaj(11)" class="funbtn" type="button">
|
||||
<div class="resetrow"></div>
|
||||
<input name="sign" value="+/-" title="Sign change" onclick="Izracunaj(4)" class="funbtn" type="button">
|
||||
<input name="1/x" value="1/x" title="Reciprocal" onclick="Izracunaj(7)" class="funbtn" type="button">
|
||||
<input name="fact" value="x!" title="Factorial" onclick="Izracunaj(20)" class="funbtn" type="button">
|
||||
<input name="postotak" value="%" title="Percent" onclick="Izracunaj(17)" class="funbtn" type="button">
|
||||
<input name="sin" value="sin" title="Sine" onclick="Izracunaj(16)" class="funbtn" type="button">
|
||||
<input name="asin" value="asin" title="Arc sine" onclick="Izracunaj(12)" class="funbtn" type="button">
|
||||
<div class="spacerow"> </div>
|
||||
<input name="7" value="7" onclick="DodajBroj('7')" class="numbtn" type="button">
|
||||
<input name="8" value="8" onclick="DodajBroj('8')" class="numbtn" type="button">
|
||||
<input name="9" value="9" onclick="DodajBroj('9')" class="numbtn" type="button">
|
||||
<input name="djeljeno" value="/" title="Division" onclick="DodajBroj('/')" class="plusbtn" type="button">
|
||||
<input name="MS" value="MS" title="Memory store" onclick="Memory(1)" class="membtn" type="button">
|
||||
<input name="MR" value="MR" title="Memory recall" onclick="Memory(2)" class="membtn" type="button">
|
||||
<div class="resetrow"></div>
|
||||
<input name="4" value="4" onclick="DodajBroj('4')" class="numbtn" type="button">
|
||||
<input name="5" value="5" onclick="DodajBroj('5')" class="numbtn" type="button">
|
||||
<input name="6" value="6" onclick="DodajBroj('6')" class="numbtn" type="button">
|
||||
<input name="puta" value="×" title="Multiplication" onclick="DodajBroj('*')" class="plusbtn" type="button">
|
||||
<input name="mode" value="Format" title="Number formats" onclick="Memory(4)" class="modebtn" type="button">
|
||||
<div class="resetrow"></div>
|
||||
<input name="1" value="1" onclick="DodajBroj('1')" class="numbtn" type="button">
|
||||
<input name="2" value="2" onclick="DodajBroj('2')" class="numbtn" type="button">
|
||||
<input name="3" value="3" onclick="DodajBroj('3')" class="numbtn" type="button">
|
||||
<input name="minus" value="-" title="Subtraction" onclick="DodajBroj('-')" class="plusbtn" type="button">
|
||||
<input name="lijevo" value="(" title="Left parenthesis" onclick="DodajBroj('(')" class="expbtn" type="button">
|
||||
<input name="desno" value=")" title="Right parenthesis" onclick="DodajBroj(')')" class="expbtn" type="button">
|
||||
<div class="resetrow"></div>
|
||||
<input name="0" value="0" onclick="DodajBroj('0')" class="numbtn" type="button">
|
||||
<input name="." value="." title="Decimal point" onclick="DodajBroj('.')" class="plusbtn" type="button">
|
||||
<input name="exp" value="exp" title="Exponent" onclick="DodajBroj('e')" class="expbtn" type="button">
|
||||
<input name="plus" value="+" title="Addition" onclick="DodajBroj('+')" class="plusbtn" type="button">
|
||||
<input name="enter" value="ENTER" title="Calculate" onclick="Izracunaj('1')" class="enterbtn" type="button">
|
||||
<div class="resetrow"></div>
|
||||
</div> <!-- END tipkovnica -->
|
||||
|
||||
<div id="numformat">
|
||||
<p class="formatnaslov">Number formats</p>
|
||||
<div class="formatbr">
|
||||
|
||||
|
||||
<label id="automatik"><input name="ascifix" checked="checked" title="Automatic" onclick="AutoSciFix(0)" type="radio">
|
||||
Automatic</label>
|
||||
<label id="scienc"><input name="ascifix" title="Science" onclick="AutoSciFix(1)" type="radio">
|
||||
Science</label>
|
||||
<label id="fiksed"><input name="ascifix" title="Fixed" onclick="AutoSciFix(2)" type="radio">
|
||||
Fixed</label>
|
||||
|
||||
|
||||
<div class="decnaslov">Decimals</div>
|
||||
<select name="izaZareza" size="1" onchange="BrojDecimala(this.selectedIndex)" class="decimal">
|
||||
<option value="0"> 0 </option>
|
||||
<option value="1"> 1 </option>
|
||||
<option value="2" selected="selected"> 2 </option>
|
||||
<option value="3"> 3 </option>
|
||||
<option value="4"> 4 </option>
|
||||
<option value="5"> 5 </option>
|
||||
<option value="6"> 6 </option>
|
||||
<option value="7"> 7 </option>
|
||||
<option value="8"> 8 </option>
|
||||
<option value="9"> 9 </option>
|
||||
<option value="10"> 10 </option>
|
||||
<option value="11"> 11 </option>
|
||||
<option value="12"> 12 </option>
|
||||
<option value="13"> 13 </option>
|
||||
<option value="13"> 14 </option>
|
||||
<option value="13"> 15 </option>
|
||||
</select>
|
||||
|
||||
<label id="separator">1000 separator<input id="tisucice" onclick="GroupDigits(0)" type="checkbox"></label>
|
||||
|
||||
</div> <!-- END formatbr -->
|
||||
|
||||
<div class="degrad">
|
||||
<label id="rad"><input name="stupnjevi" checked="checked" title="Radians" onclick="RadDegGrad(0)" type="radio">
|
||||
Rad</label>
|
||||
<label id="deg"><input name="stupnjevi" title="Degrees" onclick="RadDegGrad(1)" type="radio">
|
||||
Deg</label>
|
||||
<label id="grad"><input name="stupnjevi" title="Grads" onclick="RadDegGrad(2)" type="radio">
|
||||
Grad</label>
|
||||
</div> <!-- END degrad -->
|
||||
|
||||
<input name="cls" value="Reset" title="Reset" onclick="Memory(5)" class="cls" type="button">
|
||||
<input name="close" value="Close" title="Close Form" onclick="Memory(4)" class="nfclose" type="button">
|
||||
<div class="n2copy">www.periodni.com 2013</div>
|
||||
</div> <!-- END numformat -->
|
||||
|
||||
</div> <!-- END racunalo -->
|
||||
|
||||
<div id="biljeska">
|
||||
|
||||
<textarea name="notes" rows="25" cols="36">
|
||||
|
||||
</textarea>
|
||||
|
||||
<input name="con" value="Constants" title="Physical Constants" onclick="vidi('konstante'); return false;" class="n1" type="button">
|
||||
<input name="select" value="Select All" title="Select All" onclick="document.racunalo.notes.select()" class="n2" type="button">
|
||||
<input name="clear" value="Clear" title="Clear All" onclick="Memory(3)" class="n3" type="button">
|
||||
|
||||
</div> <!-- END biljeska -->
|
||||
|
||||
<div id="konstante">
|
||||
<div class="constnaslov"><b>PHYSICAL CONSTANTS</b></div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('-273.16')">Absolute zero<br>-273.16 °C</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('9.80665')">Acceleration of free fall, standard<br>9.806 65 m/s<sup>2</sup></div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('1.660538782e-27')">Atomic mass unit<br>1.660 538 782×10<sup>-27</sup> kg</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('6.02214179e23')">Avogadro constant<br>6.022 141 79×10<sup>23</sup> 1/mol</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('2.718281828459')">Base of natural logarithms <br>2.718 281 828 459...</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('1.3806504e-23')">Boltzmann constant<br>1.380 6504×10<sup>-23</sup> J/K</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('2.8179402894e-15')">Classical electron radius<br>2.817 940 2894×10<sup>-15</sup> m</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('9.10938215e-31')">Electron mass<br>9.109 382 15×10<sup>-31</sup> kg</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('5.4461702177e-4')">Electron-proton mass ratio<br>5.446 170 2177×10<sup>-4</sup></div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('1.602176487e-19')">Electronvolt<br>1.602 176 487×10<sup>-19</sup> J</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('1.602176487e-19')">Elementary charge<br>1.602 176 487×10<sup>-19</sup> C</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('96485.3399')">Faraday constant<br>96 485.3399 C/mol</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('3.74177118e-16')">First radiation constant<br>3.741 771 18×10<sup>-16</sup> W m<sup>2</sup></div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('8.314472')">Molar gas constant<br>8.314 472 J/mol K</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('22.413996e-3')">Molar volume<br>(Ideal gas, <i>T</i> = 273.15 K, <i>p</i> = 101.325 kPa)<br>22.413 996×10<sup>-3</sup> m<sup>3</sup>/mol</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('6.67428e-11')">Newtonian constant of gravitation<br>6.674 28×10<sup>-11</sup> N m<sup>2</sup>/kg<sup>2</sup></div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('12.566370614e-7')">Permeability of vacuum<br>12.566 370 614...×10<sup>-7</sup> N/A<sup>2</sup></div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('8.854187817e-12')">Permittivity of vacuum<br>8.854 187 817...×10<sup>-12</sup> F/m</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('3.141592653589793238')">PI<br> 3.141 592 653 589 793 238...</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('6.62606896e-34')">Planck constants<br>6.626 068 96×10<sup>-34</sup> J s</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('0.014387752')">Second radiation constant<br>0.014 387 752 m K</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('1366')">Solar constant<br>1366 W/m<sup>2</sup></div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('299792458')">Speed of light in vacuum<br>299 792 458 m/s</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('331.5')">Speed of sound in air at STP<br>331.5 + 0.6 * T/°C m/s</div>
|
||||
<div class="const" onmouseover="this.style.background='#eaeafa'" onmouseout="this.style.background='#fff'" onclick="DodajBroj('101325')">Standard pressure<br>101 325 Pa</div>
|
||||
</div> <!-- END konstante -->
|
||||
|
||||
<div class="crta"></div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<br>
|
||||
<p class="copyme">© 1998-2016 by <a href="http://www.periodni.com/scientific_calculator.html">Eni Generalić (www.periodni.com)</a></p>
|
||||
<script src="calc4chem.js" type="text/javascript" defer="defer"></script>
|
||||
</body></html>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html><head><title>The Clock</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="This is an enhanced replacement of the Dock's default clock component, with a calendar.">
|
||||
</head>
|
||||
<body style="background-color: #008080">
|
||||
<div style="width:117px; height:117px; margin-left:auto; margin-right:auto;">
|
||||
<script type='text/javascript'>
|
||||
document.write('<object width="117" height="117"><param name="movie" value="anaclock.swf"><param NAME="quality" VALUE="high"><param NAME="bgcolor" VALUE="#FFFFFF"><param name="wmode" value="\"><param name="menu" value="false"><param name="quality" value="high"><embed src="anaclock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="117" height="117" wmode="" ALIGN="center" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" menu="false" bgcolor="#FFFFFF"><\/embed><\/object>');
|
||||
</script>
|
||||
</div>
|
||||
</body></html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 783 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
|
|
@ -0,0 +1,103 @@
|
|||
<public:component>
|
||||
<public:attach event="onpropertychange" onevent="iePNGFix(0)" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
// IE5.5+ PNG Alpha Fix v1.0
|
||||
// (c) 2004-2008 Angus Turnbull http://www.twinhelix.com
|
||||
|
||||
// This is licensed under the GNU LGPL, version 2.1 or later.
|
||||
// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
|
||||
|
||||
|
||||
// This must be a path to a blank image, relative to the HTML document(s).
|
||||
// In production use I suggest '/images/spacer.png' or similar. That's all!
|
||||
if (typeof blankImg == 'undefined') var blankImg = 'spacer.png';
|
||||
|
||||
|
||||
|
||||
function filt(s, b)
|
||||
{
|
||||
var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
|
||||
var sM = (currentStyle.backgroundRepeat == 'no-repeat') ? 'crop' : 'scale';
|
||||
s = (s || '').replace(/\(/g, '%28').replace(/\)/g, '%29');
|
||||
|
||||
if (s && !(/IMG|INPUT/.test(nodeName) && !b) &&
|
||||
currentStyle.width == 'auto' && currentStyle.height == 'auto')
|
||||
{
|
||||
style.width = offsetWidth + 'px';
|
||||
style.height = clientHeight + 'px';
|
||||
if (currentStyle.display == 'inline') style.display = 'inline-block';
|
||||
}
|
||||
|
||||
if (filters[f])
|
||||
{
|
||||
filters[f].enabled = s ? true : false;
|
||||
if (s) with (filters[f]) { src = s }
|
||||
}
|
||||
else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="' + sM + '")';
|
||||
}
|
||||
|
||||
function iePNGFix(init)
|
||||
{
|
||||
if (!/MSIE (5\.5|6)/.test(navigator.userAgent) || typeof filters == 'unknown') return;
|
||||
var evt = init ? { propertyName: 'src,background' } : event;
|
||||
var isSrc = /src/.test(evt.propertyName);
|
||||
var isBg = /background/.test(evt.propertyName);
|
||||
var isClass = !init &&
|
||||
((this.className != this._png_class) && (this.className || this._png_class));
|
||||
if (!(isSrc || isBg || isClass)) return;
|
||||
this._png_class = this.className;
|
||||
var blank = blankImg.match(/([^\/]+)$/)[1];
|
||||
|
||||
// Required for Whatever:hover support - erase any set BG if className changes.
|
||||
if (isClass && ((style.backgroundImage.indexOf('url(') == -1) ||
|
||||
(style.backgroundImage.indexOf(blank) > -1)))
|
||||
{
|
||||
setTimeout(function() { this.style.backgroundImage = '' }, 0);
|
||||
return;
|
||||
}
|
||||
|
||||
if (isSrc && this.src && /IMG|INPUT/.test(nodeName))
|
||||
{
|
||||
if ((/\.png/i).test(src))
|
||||
{
|
||||
filt(src, 1);
|
||||
src = blankImg;
|
||||
}
|
||||
else if (src.indexOf(blank) == -1) filt();
|
||||
}
|
||||
|
||||
var bgSrc = currentStyle.backgroundImage || style.backgroundImage;
|
||||
if ((bgSrc + this.src).indexOf(blank) == -1)
|
||||
{
|
||||
var bgPNG = bgSrc.match(/^url[("']+(.*\.png[^\)"']*)[\)"']+[^\)]*$/i);
|
||||
|
||||
if (bgPNG)
|
||||
{
|
||||
style.backgroundImage = 'url("' + blankImg + '")';
|
||||
filt(bgPNG[1], 0);
|
||||
// Unclickable elements inside PNG backgrounds.
|
||||
var tags = ['a', 'input', 'select', 'textarea', 'iframe', 'object'],
|
||||
t = tags.length, tFix = [];
|
||||
while (t--)
|
||||
{
|
||||
var elms = all.tags(tags[t]), e = elms.length;
|
||||
while (e--) tFix.push(elms[e]);
|
||||
}
|
||||
var t = tFix.length;
|
||||
if (t && (/relative|absolute/i).test(currentStyle.position))
|
||||
alert('IEPNGFix: Children of positioned element are unclickable:\n\n<' +
|
||||
nodeName + (id && ' id=' + id) + '>');
|
||||
while (t--)
|
||||
if (!(/relative|absolute/i).test(tFix[t].currentStyle.position))
|
||||
tFix[t].style.position = 'relative';
|
||||
}
|
||||
else filt();
|
||||
}
|
||||
}
|
||||
|
||||
iePNGFix(1);
|
||||
|
||||
</script>
|
||||
</public:component>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<html><head><title>The Dock Icons</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="This is the icon component of the Dock.">
|
||||
<script type="text/javascript">
|
||||
if(self.location==top.location)self.location="index.html";
|
||||
</script>
|
||||
<!--[if IE]>
|
||||
<style type="text/css">
|
||||
img {behavior: url(iepngfix.htc);}
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body style="background-color: #008080">
|
||||
<div style="width:100%; height:100%; margin-left:auto; margin-right:auto;">
|
||||
<script type="text/javascript" src="linkdock.js"></script>
|
||||
</div>
|
||||
</body></html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1,204 @@
|
|||
// LinkDock - V 1.5
|
||||
// By Brian Gosselin of http://scriptasylum.com
|
||||
// Release Info:
|
||||
// V 1.0 - Initial release.
|
||||
// V 1.1 - Minor code changes for magnification smoothness and accuracy.
|
||||
// V 1.2 - Added option to include text under the links as they are hovered over.
|
||||
// Fixed a magnification bug when the page is too small to fit the whole menu.
|
||||
// V 1.3 - Fixed a bug where you get script errors if you hover over an image before the
|
||||
// page finishes loading.
|
||||
// V 1.4 - Added a tweak by RAJ to smoothen the entry into the menu.
|
||||
// V 1.5 - Fixed mouse bug where the mouse wasn't tracking right when dock was wider than the
|
||||
// page and the page was scrolled to the right.
|
||||
|
||||
// ENTER LINK ATTRIBUTES IN THE ARRAY BELOW; EACH LINE CONTAINS ALL THE
|
||||
// PARAMETERS FOR ONE LINK. USE THE FOLLOWING FORMAT:
|
||||
// [ 'LINK_URL' , 'IMAGE_URL' , 'URL_TARGET', 'TEXT_UNDER_LINK' ]
|
||||
// VALID VALUES FOR 'URL_TARGET' ARE:
|
||||
// '_blank' (NEW WINDOW)
|
||||
// 'name' (THE NAME OF AN EXISTING WINDOW OR FRAME)
|
||||
// '' (CURRENT PAGE)
|
||||
// IF YOU DO NOT WANT TEXT DISPLAYED UNDER A LINK, SIMPLY USE AN EMPTY STRING AS THE PARAMETER FOR 'TEXT_UNDER_LINK'.
|
||||
|
||||
var linkList=[
|
||||
[ '../rte/' , 'wproc.png' , 'content', 'Word Processor' ],
|
||||
[ '../sprdsht/' , 'sprdsht.png' , 'content', 'Spreadsheet' ],
|
||||
[ '../calc/' , 'calc.png' , 'content', 'Scientific Calculator' ],
|
||||
[ '../instmess/' , 'chat.png' , 'content', 'Instant Messenger' ],
|
||||
[ '../games/' , 'games.png' , 'content', 'Online Games' ],
|
||||
[ '../media/' , 'media.png' , 'content', 'Media Player' ],
|
||||
[ '../bzcmd/' , 'term.png' , 'content', 'Command Line' ],
|
||||
[ '../help/' , 'help.png' , '_top', 'Help' ],
|
||||
//Uncomment the following line after installing the forum software properly onto the server.
|
||||
//[ '../forum/' , 'forum.png' , '_top', 'Forum' ],
|
||||
[ 'javascript:alert(\'BrowzOS -- This site is in the public domain.\')' , 'info.png' , 'content', 'About BrowzOS' ]
|
||||
]
|
||||
|
||||
// CHANGE THE OTHER VALUES BELOW TO SUIT YOUR APPLICATION
|
||||
|
||||
var startSize=32; // THE STARTING WIDTH *AND* HEIGHT OF EACH IMAGE (THE IMAGES WILL BE SCALED).
|
||||
//<!-- RAJ
|
||||
var curSize=32; // variable used in the first time zoom/shrink
|
||||
// RAJ -->
|
||||
var endSize=64; // THE ENDING WIDTH *AND* HEIGHT OF EACH IMAGE (THE IMAGES WILL BE SCALED).
|
||||
var useText=true; // true = USE TEXT UNDER THE LINK, false = NO TEXT UNDER THE LINK.
|
||||
var defText='Hover over an icon...' // DEFAULT TEXT TO APPEAR UNDER THE LINKS WHEN NOT HOVERED OVER.
|
||||
// USE AN EMPTY STRING FOR NO TEXT.
|
||||
var textGap=10; // PIXEL GAP FROM BOTTOM OF MENU TO TOP OF OPTIONAL TEXT (WHEN defText IS SET TO true).
|
||||
var effectW=3.5; // THE NUMBER OF ICONS AFFECTED BY OF THE MAGNIFICATION AT ONCE (APPROXIMATE). USE VALUES BETWEEN 2 AND 5.
|
||||
|
||||
// BELOW IS THE STYLE-SHEET RULE FOR HOW THE TEXT IS TO BE DISPLAYED. USE VALID CSS RULES.
|
||||
|
||||
var textStyle="font-family:verdana; font-size:11pt; color:black; font-weight:bold";
|
||||
|
||||
|
||||
//********** DO NOT EDIT BEYOND THIS POINT **********\\
|
||||
|
||||
|
||||
var w3c=(document.getElementById)?true:false;
|
||||
var ie4=(document.all && !w3c)?true:false;
|
||||
var ie5=(document.all && w3c)?true:false;
|
||||
var ns4=(document.layers)?true:false;
|
||||
var mx=0;
|
||||
var overEl=false;
|
||||
var enterEl=false;
|
||||
var id=0;
|
||||
var elList=new Array();
|
||||
var elText;
|
||||
var pgLoaded=false;
|
||||
if(defText=='')defText=' ';
|
||||
effectW=Math.max(2,Math.min(5,effectW))+.5;
|
||||
var wA=effectW*endSize/2;
|
||||
var mX=wA/1.5;
|
||||
|
||||
function getMxy(v){
|
||||
mx=(ie5||ie4)?event.clientX:v.pageX;
|
||||
}
|
||||
|
||||
function getEl(s){
|
||||
if(ns4)return findLayer(s,document);
|
||||
else return (ie4)?document.all[s]:document.getElementById(s);
|
||||
}
|
||||
|
||||
function getW(e){
|
||||
return parseInt(e.style.width);
|
||||
}
|
||||
|
||||
function setImgS(i,x){
|
||||
elList[i].style.width=x;
|
||||
elList[i].style.height=x;
|
||||
document.images['linkDockI'+i].width=x;
|
||||
document.images['linkDockI'+i].height=x;
|
||||
}
|
||||
|
||||
function getL(el){
|
||||
var x=0;
|
||||
var sx=(document.all)?document.body.scrollLeft:0;
|
||||
while(el.offsetParent!=null){
|
||||
x+=el.offsetLeft;
|
||||
el=el.offsetParent;
|
||||
}
|
||||
return x+el.offsetLeft-sx;
|
||||
}
|
||||
|
||||
function rAll(){
|
||||
// decrease size of zoomed images gradually
|
||||
for(i=0;i<elList.length;i++) {
|
||||
//<!-- RAJ
|
||||
curSize=getW(elList[i]);
|
||||
if (curSize>startSize) {
|
||||
id=setTimeout('rAll()',10);
|
||||
curSize--;
|
||||
// RAJ -->
|
||||
setImgS(i,curSize);
|
||||
}}}
|
||||
|
||||
function dockMagnify(){
|
||||
var tEl,n1,n2;
|
||||
//<!-- RAJ
|
||||
if(overEl) {if(curSize<endSize) curSize+=5; } else curSize=50;
|
||||
// RAJ -->
|
||||
if(overEl){
|
||||
for(i=0;i<linkList.length;i++){
|
||||
tEl=elList[i];
|
||||
if((getL(tEl)>=mx-wA)&&(getL(tEl)<=mx+wA)){
|
||||
n1=getL(tEl)+getW(tEl)/2+10;
|
||||
n2=mx-wA;
|
||||
//<!-- RAJ
|
||||
n1=(curSize*Math.sin(Math.abs(n1-n2)/mX));
|
||||
// RAJ -->
|
||||
setImgS(i,Math.max(n1,startSize));
|
||||
}else setImgS(i,startSize);
|
||||
}}}
|
||||
|
||||
function mOver(){
|
||||
overEl=true;
|
||||
clearTimeout(id);
|
||||
}
|
||||
|
||||
function mOut(){
|
||||
overEl=false;
|
||||
id=setTimeout('rAll()',100);
|
||||
}
|
||||
|
||||
// FUNCTION TO FIND NESTED LAYERS IN NS4 BY MIKE HALL
|
||||
function findLayer(name,doc){
|
||||
var i,layer;
|
||||
for(i=0;i<doc.layers.length;i++){
|
||||
layer=doc.layers[i];
|
||||
if(layer.name==name)return layer;
|
||||
if(layer.document.layers.length>0)if((layer=findLayer(name,layer.document))!=null)return layer;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function writeText(text){
|
||||
if(useText && pgLoaded){
|
||||
text=(text<0)?defText:linkList[text][3];
|
||||
if(text=='')text=' ';
|
||||
if(ns4){
|
||||
elText.document.open();
|
||||
elText.document.write('<center><span style="'+textStyle+'">'+text+'</span></center>');
|
||||
elText.document.close();
|
||||
}
|
||||
else elText.innerHTML=text;
|
||||
}}
|
||||
|
||||
function writeHTML(){
|
||||
var t='';
|
||||
if(w3c||ie4){
|
||||
t+='<table cellpadding=0 cellspacing=0 border=0 height="'+endSize+'" width="'+(((linkList.length-4)*startSize)+(4*endSize))+'px"><tr valign="bottom" align="center"><td>';
|
||||
for(i=0;i<linkList.length;i++){
|
||||
t+='<span id="linkDockD'+i+'" style="width:'+startSize+'px; height:'+startSize+'px;">';
|
||||
t+='<a href="'+linkList[i][0]+'" target="'+linkList[i][2]+'" onmouseover="writeText('+i+')" onmouseout="writeText(-1)"><img name="linkDockI'+i+'" src="'+linkList[i][1]+'" width="'+startSize+'" height="'+startSize+'" border="none"></a>';
|
||||
t+='</span>';
|
||||
}
|
||||
t+='</td></tr></table>';
|
||||
if(useText)t+='<center><div id="dockText" style="'+textStyle+'; padding-top:'+textGap+'px">'+defText+'</div></center>';
|
||||
}else{
|
||||
t+='<table cellpadding=0 cellspacing=0 border=0 width="'+(linkList.length*startSize)+'"><tr valign="bottom">';
|
||||
for(i=0;i<linkList.length;i++)t+='<td height="'+endSize+'"><a href="'+linkList[i][0]+'" target="'+linkList[i][2]+'" onmouseover="writeText('+i+')" onmouseout="writeText(-1)"><img src="'+linkList[i][1]+'" width="'+startSize+'" height="'+startSize+'" border="none"></a></td>';
|
||||
t+='</tr>';
|
||||
if(useText)t+='<tr><td colspan="'+linkList.length+'"><td height="'+textGap+'"></td></tr><tr><td colspan="'+linkList.length+'"><ilayer width="'+(linkList.length*startSize)+'"><layer name="dockText" height="100%"></layer></ilayer></td></tr>';
|
||||
t+='</table>';
|
||||
}
|
||||
document.write(t);
|
||||
}
|
||||
|
||||
window.onload=function(){
|
||||
if(w3c||ie4){
|
||||
for(j=0;j<linkList.length;j++){
|
||||
elList[j]=getEl('linkDockD'+j);
|
||||
elList[j].n=j;
|
||||
elList[j].onmouseover=mOver;
|
||||
elList[j].onmouseout=mOut;
|
||||
}
|
||||
document.onmousemove=getMxy;
|
||||
setInterval('dockMagnify()',20);
|
||||
}
|
||||
elText=getEl('dockText');
|
||||
if(ns4)writeText(-1);
|
||||
pgLoaded=true;
|
||||
}
|
||||
|
||||
writeHTML();
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
|
|
@ -0,0 +1,10 @@
|
|||
* html img,
|
||||
* html .png{
|
||||
position:relative;
|
||||
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
|
||||
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
|
||||
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
|
||||
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
|
||||
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
|
||||
);
|
||||
}
|
||||
|
|
@ -0,0 +1,83 @@
|
|||
|
||||
**** Release Notes ****
|
||||
|
||||
Popup Windows
|
||||
Author: Brian Gosselin
|
||||
Site URL: http://scriptasylum.com
|
||||
|
||||
Browser compatibility:
|
||||
IE5+, NS4+, NS6+, Mozilla1+ (with limited functionality in some older browsers)
|
||||
|
||||
Supported Features:
|
||||
|
||||
(V 4.5)
|
||||
> Added the ability to specify the image URLs for the min, max, close, and resize icons. If the
|
||||
icons reside in a different directory, show the path relative to where the script file
|
||||
is stored.
|
||||
|
||||
|
||||
(V 4.4)
|
||||
> Added fadeboxin() and fadeboxout() functions which gradually fade in/out popups. To fade
|
||||
them in, they must be hidden; to fade them out, they must be visible. Only one popup can
|
||||
be faded in or out of view at one time due to browser rendering speed. If there are mul-
|
||||
tiple popups on one page, the scrollbars of the other popups flicker in IE as a popup
|
||||
is faded in/out. As a result, all popups will have their scrollbars temporarily disabled
|
||||
until the fading in/out is complete. This only effect IE browsers.
|
||||
|
||||
|
||||
(V 4.3)
|
||||
> Added functions to move and resize any popup dynamically via link or script, similar to how
|
||||
you can use a function to show/hide a popup.
|
||||
|
||||
|
||||
(V 4.2)
|
||||
> Added function to allow the content (or URL) of a popup to be changed dynamically via link or
|
||||
script, similar to how you can use a function to show/hide a popup.
|
||||
> Fixed bug: When a window is created initially hidden, then shown via link, the windows now gain
|
||||
focus.
|
||||
|
||||
|
||||
(V 4.1)
|
||||
> Removed the arrays for element references for better readability.
|
||||
> Fixed an IFRAME bug for external URL windows.
|
||||
> Cleaned up the code a little.
|
||||
> Removed most of the comments and instructions from the script file. These now appear in
|
||||
this "releasenotes" text file.
|
||||
|
||||
|
||||
(V 4.0)
|
||||
> Can now load external HTML files, even when using "old-browser" mode. Thanks to
|
||||
DynamicDrive.com for a workaround for dragging when using an iframe.
|
||||
> Added cookie functionality so popups will not reappear if the user goes back to
|
||||
the page (selectable). Thanks to DynamicDrive.com for this idea.
|
||||
> Removed minimize/maximize buttons if popup is non-resizeable.
|
||||
> Optimized "old-browser" mode to utilize more of the user defined settings such as
|
||||
window position and resizability. Also supports the selectable "external page mode".
|
||||
> Added a wizard to set up your window parameters. Just plug in the values you want, test
|
||||
by creating a popup, then paste the generated code into your page! Easy as that!
|
||||
|
||||
|
||||
(V 3.1)
|
||||
> Added resizability to the windows.
|
||||
> Popups can be created in their hidden/visible state and then opened/closed via
|
||||
javascript function if desired.
|
||||
> Degrades gracefully in older browsers by creating normal browser windows (selectable).
|
||||
> Thanks to Robert V. Zwink for a tweak which adds better compliance for Netscape 3.04
|
||||
|
||||
|
||||
(V 3.0)
|
||||
> New look and feel to make the windows look more like real windows.
|
||||
|
||||
|
||||
(V 2.0)
|
||||
> Fixed several bugs, mostly with the drag-n-drop functionality.
|
||||
|
||||
|
||||
(v 1.0)
|
||||
> Initial release.
|
||||
> Seperate Drag and Drop, minimize/restore/close, and fonts/colors/dimensions/placement
|
||||
for each popup.
|
||||
> Allows any number of popups per page limited only by browser/computer performance.
|
||||
> Popups are created *after* page loadtime allowing for truly dynamic windows. For
|
||||
popups that appear when the page is loaded, put the popup constructor in a window.onload
|
||||
function.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 153 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -0,0 +1,216 @@
|
|||
/**
|
||||
* SWFObject v2.0: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
|
||||
*
|
||||
* SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
*/
|
||||
if(typeof deconcept == "undefined") var deconcept = new Object();
|
||||
if(typeof deconcept.util == "undefined") deconcept.util = new Object();
|
||||
if(typeof deconcept.SWFObjectUtil == "undefined") deconcept.SWFObjectUtil = new Object();
|
||||
deconcept.SWFObject = function(swf, id, w, h, ver, c, quality, xiRedirectUrl, redirectUrl, detectKey) {
|
||||
if (!document.getElementById) { return; }
|
||||
this.DETECT_KEY = detectKey ? detectKey : 'detectflash';
|
||||
this.skipDetect = deconcept.util.getRequestParameter(this.DETECT_KEY);
|
||||
this.params = new Object();
|
||||
this.variables = new Object();
|
||||
this.attributes = new Array();
|
||||
if(swf) { this.setAttribute('swf', swf); }
|
||||
if(id) { this.setAttribute('id', id); }
|
||||
if(w) { this.setAttribute('width', w); }
|
||||
if(h) { this.setAttribute('height', h); }
|
||||
if(ver) { this.setAttribute('version', new deconcept.PlayerVersion(ver.toString().split("."))); }
|
||||
this.installedVer = deconcept.SWFObjectUtil.getPlayerVersion();
|
||||
if (!window.opera && document.all && this.installedVer.major > 7) {
|
||||
// only add the onunload cleanup if the Flash Player version supports External Interface and we are in IE
|
||||
deconcept.SWFObject.doPrepUnload = true;
|
||||
}
|
||||
if(c) { this.addParam('bgcolor', c); }
|
||||
var q = quality ? quality : 'high';
|
||||
this.addParam('quality', q);
|
||||
this.setAttribute('useExpressInstall', false);
|
||||
this.setAttribute('doExpressInstall', false);
|
||||
var xir = (xiRedirectUrl) ? xiRedirectUrl : window.location;
|
||||
this.setAttribute('xiRedirectUrl', xir);
|
||||
this.setAttribute('redirectUrl', '');
|
||||
if(redirectUrl) { this.setAttribute('redirectUrl', redirectUrl); }
|
||||
}
|
||||
deconcept.SWFObject.prototype = {
|
||||
useExpressInstall: function(path) {
|
||||
this.xiSWFPath = !path ? "expressinstall.swf" : path;
|
||||
this.setAttribute('useExpressInstall', true);
|
||||
},
|
||||
setAttribute: function(name, value){
|
||||
this.attributes[name] = value;
|
||||
},
|
||||
getAttribute: function(name){
|
||||
return this.attributes[name];
|
||||
},
|
||||
addParam: function(name, value){
|
||||
this.params[name] = value;
|
||||
},
|
||||
getParams: function(){
|
||||
return this.params;
|
||||
},
|
||||
addVariable: function(name, value){
|
||||
this.variables[name] = value;
|
||||
},
|
||||
getVariable: function(name){
|
||||
return this.variables[name];
|
||||
},
|
||||
getVariables: function(){
|
||||
return this.variables;
|
||||
},
|
||||
getVariablePairs: function(){
|
||||
var variablePairs = new Array();
|
||||
var key;
|
||||
var variables = this.getVariables();
|
||||
for(key in variables){
|
||||
variablePairs.push(key +"="+ variables[key]);
|
||||
}
|
||||
return variablePairs;
|
||||
},
|
||||
getSWFHTML: function() {
|
||||
var swfNode = "";
|
||||
if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) { // netscape plugin architecture
|
||||
if (this.getAttribute("doExpressInstall")) {
|
||||
this.addVariable("MMplayerType", "PlugIn");
|
||||
this.setAttribute('swf', this.xiSWFPath);
|
||||
}
|
||||
swfNode = '<embed type="application/x-shockwave-flash" src="'+ this.getAttribute('swf') +'" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'"';
|
||||
swfNode += ' id="'+ this.getAttribute('id') +'" name="'+ this.getAttribute('id') +'" ';
|
||||
var params = this.getParams();
|
||||
for(var key in params){ swfNode += [key] +'="'+ params[key] +'" '; }
|
||||
var pairs = this.getVariablePairs().join("&");
|
||||
if (pairs.length > 0){ swfNode += 'flashvars="'+ pairs +'"'; }
|
||||
swfNode += '/>';
|
||||
} else { // PC IE
|
||||
if (this.getAttribute("doExpressInstall")) {
|
||||
this.addVariable("MMplayerType", "ActiveX");
|
||||
this.setAttribute('swf', this.xiSWFPath);
|
||||
}
|
||||
swfNode = '<object id="'+ this.getAttribute('id') +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'">';
|
||||
swfNode += '<param name="movie" value="'+ this.getAttribute('swf') +'" />';
|
||||
var params = this.getParams();
|
||||
for(var key in params) {
|
||||
swfNode += '<param name="'+ key +'" value="'+ params[key] +'" />';
|
||||
}
|
||||
var pairs = this.getVariablePairs().join("&");
|
||||
if(pairs.length > 0) {swfNode += '<param name="flashvars" value="'+ pairs +'" />';}
|
||||
swfNode += "</object>";
|
||||
}
|
||||
return swfNode;
|
||||
},
|
||||
write: function(elementId){
|
||||
if(this.getAttribute('useExpressInstall')) {
|
||||
// check to see if we need to do an express install
|
||||
var expressInstallReqVer = new deconcept.PlayerVersion([6,0,65]);
|
||||
if (this.installedVer.versionIsValid(expressInstallReqVer) && !this.installedVer.versionIsValid(this.getAttribute('version'))) {
|
||||
this.setAttribute('doExpressInstall', true);
|
||||
this.addVariable("MMredirectURL", escape(this.getAttribute('xiRedirectUrl')));
|
||||
document.title = document.title.slice(0, 47) + " - Flash Player Installation";
|
||||
this.addVariable("MMdoctitle", document.title);
|
||||
}
|
||||
}
|
||||
if(this.skipDetect || this.getAttribute('doExpressInstall') || this.installedVer.versionIsValid(this.getAttribute('version'))){
|
||||
var n = (typeof elementId == 'string') ? document.getElementById(elementId) : elementId;
|
||||
n.innerHTML = this.getSWFHTML();
|
||||
return true;
|
||||
}else{
|
||||
if(this.getAttribute('redirectUrl') != "") {
|
||||
document.location.replace(this.getAttribute('redirectUrl'));
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---- detection functions ---- */
|
||||
deconcept.SWFObjectUtil.getPlayerVersion = function(){
|
||||
var PlayerVersion = new deconcept.PlayerVersion([0,0,0]);
|
||||
if(navigator.plugins && navigator.mimeTypes.length){
|
||||
var x = navigator.plugins["Shockwave Flash"];
|
||||
if(x && x.description) {
|
||||
PlayerVersion = new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/, "").replace(/(\s+r|\s+b[0-9]+)/, ".").split("."));
|
||||
}
|
||||
}else{
|
||||
// do minor version lookup in IE, but avoid fp6 crashing issues
|
||||
// see http://blog.deconcept.com/2006/01/11/getvariable-setvariable-crash-internet-explorer-flash-6/
|
||||
try{
|
||||
var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
|
||||
}catch(e){
|
||||
try {
|
||||
var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
|
||||
PlayerVersion = new deconcept.PlayerVersion([6,0,21]);
|
||||
axo.AllowScriptAccess = "always"; // throws if player version < 6.0.47 (thanks to Michael Williams @ Adobe for this code)
|
||||
} catch(e) {
|
||||
if (PlayerVersion.major == 6) {
|
||||
return PlayerVersion;
|
||||
}
|
||||
}
|
||||
try {
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
|
||||
} catch(e) {}
|
||||
}
|
||||
if (axo != null) {
|
||||
PlayerVersion = new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));
|
||||
}
|
||||
}
|
||||
return PlayerVersion;
|
||||
}
|
||||
deconcept.PlayerVersion = function(arrVersion){
|
||||
this.major = arrVersion[0] != null ? parseInt(arrVersion[0]) : 0;
|
||||
this.minor = arrVersion[1] != null ? parseInt(arrVersion[1]) : 0;
|
||||
this.rev = arrVersion[2] != null ? parseInt(arrVersion[2]) : 0;
|
||||
}
|
||||
deconcept.PlayerVersion.prototype.versionIsValid = function(fv){
|
||||
if(this.major < fv.major) return false;
|
||||
if(this.major > fv.major) return true;
|
||||
if(this.minor < fv.minor) return false;
|
||||
if(this.minor > fv.minor) return true;
|
||||
if(this.rev < fv.rev) return false;
|
||||
return true;
|
||||
}
|
||||
/* ---- get value of query string param ---- */
|
||||
deconcept.util = {
|
||||
getRequestParameter: function(param) {
|
||||
var q = document.location.search || document.location.hash;
|
||||
if(q) {
|
||||
var pairs = q.substring(1).split("&");
|
||||
for (var i=0; i < pairs.length; i++) {
|
||||
if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
|
||||
return pairs[i].substring((pairs[i].indexOf("=")+1));
|
||||
}
|
||||
}
|
||||
}
|
||||
return "";
|
||||
}
|
||||
}
|
||||
/* fix for video streaming bug */
|
||||
deconcept.SWFObjectUtil.cleanupSWFs = function() {
|
||||
var objects = document.getElementsByTagName("OBJECT");
|
||||
for (var i=0; i < objects.length; i++) {
|
||||
objects[i].style.display = 'none';
|
||||
for (var x in objects[i]) {
|
||||
if (typeof objects[i][x] == 'function') {
|
||||
objects[i][x] = function(){};
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// fixes bug in fp9 see http://blog.deconcept.com/2006/07/28/swfobject-143-released/
|
||||
if (deconcept.SWFObject.doPrepUnload) {
|
||||
deconcept.SWFObjectUtil.prepUnload = function() {
|
||||
__flash_unloadHandler = function(){};
|
||||
__flash_savedUnloadHandler = function(){};
|
||||
window.attachEvent("onunload", deconcept.SWFObjectUtil.cleanupSWFs);
|
||||
}
|
||||
window.attachEvent("onbeforeunload", deconcept.SWFObjectUtil.prepUnload);
|
||||
}
|
||||
/* add Array.push if needed (ie5) */
|
||||
if (Array.prototype.push == null) { Array.prototype.push = function(item) { this[this.length] = item; return this.length; }}
|
||||
|
||||
/* add some aliases for ease of use/backwards compatibility */
|
||||
var getQueryParamValue = deconcept.util.getRequestParameter;
|
||||
var FlashObject = deconcept.SWFObject; // for legacy support
|
||||
var SWFObject = deconcept.SWFObject;
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 902 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 783 B |
|
|
@ -0,0 +1,79 @@
|
|||
var dO=new Object();
|
||||
dO.snapthresh=20; // THIS VALUE IS THE SNAPTO INCREMENT.
|
||||
dO.snapto=false; // SET TO true TO ENABLE SNAPTO, false TO DISABLE IT.
|
||||
|
||||
dO.currID=null;
|
||||
dO.z=0;
|
||||
dO.xo=0;
|
||||
dO.yo=0;
|
||||
dO.ns4=(document.layers)?true:false;
|
||||
dO.ns6=(document.getElementById&&!document.all)?true:false;
|
||||
dO.ie4=(document.all&&!document.getElementById)?true:false;
|
||||
dO.ie5=(document.all&&document.getElementById)?true:false;
|
||||
dO.w3c=(document.getElementById)?true:false;
|
||||
|
||||
function invsnap(){
|
||||
dO.snapto=!dO.snapto;
|
||||
}
|
||||
|
||||
//NEAT FUNCTION BY MIKE HALL (OF BRAINJAR.COM) THAT FINDS NESTED LAYERS FOR NS4.x
|
||||
function findnestedlayer(name,doc){
|
||||
var i,layer;
|
||||
for(i=0;i<doc.layers.length;i++){
|
||||
layer=doc.layers[i];
|
||||
if(layer.name==name)return layer;
|
||||
if(layer.document.layers.length>0)
|
||||
if((layer=findlayer(name,layer.document))!=null)
|
||||
return layer;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function trckM(e){
|
||||
if(dO.currID!=null){
|
||||
var x=(dO.ie4||dO.ie5)?event.clientX+document.body.scrollLeft:e.pageX;
|
||||
var y=(dO.ie4||dO.ie5)?event.clientY+document.body.scrollTop:e.pageY;
|
||||
if(dO.snapto){
|
||||
x=Math.ceil(x/dO.snapthresh)*dO.snapthresh;
|
||||
y=Math.ceil(y/dO.snapthresh)*dO.snapthresh;
|
||||
}
|
||||
if(dO.ns4)dO.currID.moveTo(x-dO.xo, y-dO.yo);
|
||||
else{
|
||||
dO.currID.style.top=y-dO.yo+'px';
|
||||
dO.currID.style.left=x-dO.xo+'px';
|
||||
}}
|
||||
return false;
|
||||
}
|
||||
|
||||
function drgI(e){
|
||||
if(dO.currID==null){
|
||||
var tx=(dO.ns4)? this.left : parseInt(this.style.left);
|
||||
var ty=(dO.ns4)? this.top : parseInt(this.style.top);
|
||||
dO.currID=this;
|
||||
if(dO.ns4)this.zIndex=document.images.length+(dO.z++);
|
||||
else this.style.zIndex=document.images.length+(dO.z++);
|
||||
dO.xo=((dO.ie4||dO.ie5)?event.clientX+document.body.scrollLeft:e.pageX)-tx;
|
||||
dO.yo=((dO.ie4||dO.ie5)?event.clientY+document.body.scrollTop:e.pageY)-ty;
|
||||
if(dO.snapto){
|
||||
dO.xo=Math.ceil(dO.xo/dO.snapthresh)*dO.snapthresh;
|
||||
dO.yo=Math.ceil(dO.yo/dO.snapthresh)*dO.snapthresh;
|
||||
}
|
||||
return false;
|
||||
}}
|
||||
|
||||
function dragElement(id){
|
||||
this.idRef=(dO.ns4)? findnestedlayer(id,document) : (dO.ie4)? document.all[id] : document.getElementById(id);
|
||||
if(dO.ns4)this.idRef.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
|
||||
this.idRef.onmousedown=drgI;
|
||||
this.idRef.onmouseup=function(){dO.currID=null}
|
||||
}
|
||||
|
||||
if(dO.ns4)document.captureEvents(Event.MOUSEMOVE);
|
||||
document.onmousemove=trckM;
|
||||
|
||||
|
||||
window.onresize=function(){
|
||||
if(dO.ns4)setTimeout('history.go(0)',300);
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
|
|
@ -0,0 +1,103 @@
|
|||
<public:component>
|
||||
<public:attach event="onpropertychange" onevent="iePNGFix(0)" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
// IE5.5+ PNG Alpha Fix v1.0
|
||||
// (c) 2004-2008 Angus Turnbull http://www.twinhelix.com
|
||||
|
||||
// This is licensed under the GNU LGPL, version 2.1 or later.
|
||||
// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
|
||||
|
||||
|
||||
// This must be a path to a blank image, relative to the HTML document(s).
|
||||
// In production use I suggest '/images/spacer.png' or similar. That's all!
|
||||
if (typeof blankImg == 'undefined') var blankImg = 'spacer.png';
|
||||
|
||||
|
||||
|
||||
function filt(s, b)
|
||||
{
|
||||
var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
|
||||
var sM = (currentStyle.backgroundRepeat == 'no-repeat') ? 'crop' : 'scale';
|
||||
s = (s || '').replace(/\(/g, '%28').replace(/\)/g, '%29');
|
||||
|
||||
if (s && !(/IMG|INPUT/.test(nodeName) && !b) &&
|
||||
currentStyle.width == 'auto' && currentStyle.height == 'auto')
|
||||
{
|
||||
style.width = offsetWidth + 'px';
|
||||
style.height = clientHeight + 'px';
|
||||
if (currentStyle.display == 'inline') style.display = 'inline-block';
|
||||
}
|
||||
|
||||
if (filters[f])
|
||||
{
|
||||
filters[f].enabled = s ? true : false;
|
||||
if (s) with (filters[f]) { src = s }
|
||||
}
|
||||
else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="' + sM + '")';
|
||||
}
|
||||
|
||||
function iePNGFix(init)
|
||||
{
|
||||
if (!/MSIE (5\.5|6)/.test(navigator.userAgent) || typeof filters == 'unknown') return;
|
||||
var evt = init ? { propertyName: 'src,background' } : event;
|
||||
var isSrc = /src/.test(evt.propertyName);
|
||||
var isBg = /background/.test(evt.propertyName);
|
||||
var isClass = !init &&
|
||||
((this.className != this._png_class) && (this.className || this._png_class));
|
||||
if (!(isSrc || isBg || isClass)) return;
|
||||
this._png_class = this.className;
|
||||
var blank = blankImg.match(/([^\/]+)$/)[1];
|
||||
|
||||
// Required for Whatever:hover support - erase any set BG if className changes.
|
||||
if (isClass && ((style.backgroundImage.indexOf('url(') == -1) ||
|
||||
(style.backgroundImage.indexOf(blank) > -1)))
|
||||
{
|
||||
setTimeout(function() { this.style.backgroundImage = '' }, 0);
|
||||
return;
|
||||
}
|
||||
|
||||
if (isSrc && this.src && /IMG|INPUT/.test(nodeName))
|
||||
{
|
||||
if ((/\.png/i).test(src))
|
||||
{
|
||||
filt(src, 1);
|
||||
src = blankImg;
|
||||
}
|
||||
else if (src.indexOf(blank) == -1) filt();
|
||||
}
|
||||
|
||||
var bgSrc = currentStyle.backgroundImage || style.backgroundImage;
|
||||
if ((bgSrc + this.src).indexOf(blank) == -1)
|
||||
{
|
||||
var bgPNG = bgSrc.match(/^url[("']+(.*\.png[^\)"']*)[\)"']+[^\)]*$/i);
|
||||
|
||||
if (bgPNG)
|
||||
{
|
||||
style.backgroundImage = 'url("' + blankImg + '")';
|
||||
filt(bgPNG[1], 0);
|
||||
// Unclickable elements inside PNG backgrounds.
|
||||
var tags = ['a', 'input', 'select', 'textarea', 'iframe', 'object'],
|
||||
t = tags.length, tFix = [];
|
||||
while (t--)
|
||||
{
|
||||
var elms = all.tags(tags[t]), e = elms.length;
|
||||
while (e--) tFix.push(elms[e]);
|
||||
}
|
||||
var t = tFix.length;
|
||||
if (t && (/relative|absolute/i).test(currentStyle.position))
|
||||
alert('IEPNGFix: Children of positioned element are unclickable:\n\n<' +
|
||||
nodeName + (id && ' id=' + id) + '>');
|
||||
while (t--)
|
||||
if (!(/relative|absolute/i).test(tFix[t].currentStyle.position))
|
||||
tFix[t].style.position = 'relative';
|
||||
}
|
||||
else filt();
|
||||
}
|
||||
}
|
||||
|
||||
iePNGFix(1);
|
||||
|
||||
</script>
|
||||
</public:component>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html><head><title>The Desktop</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="This is the Desktop component of BrowzOS.">
|
||||
<script type="text/javascript" src="drag.js"></script>
|
||||
<base target="_self">
|
||||
<!--[if IE]>
|
||||
<style type="text/css">
|
||||
img {behavior: url(iepngfix.htc);}
|
||||
</style>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body style="background-color: #008080; color:#000000" link="#000000" vlink="#000000" alink="#000000">
|
||||
<div id="i2" style="position:absolute; top:30px; left:200px; width:32px; height:32px;">
|
||||
<dl>
|
||||
<dt><img src="wproc.png" width="48" height="48" align="left" alt="wproc"></dt>
|
||||
<dt><font size=2 color=black><a href="../rte/">
|
||||
<font color="#000000">Word Processor</font></a></font></dt>
|
||||
</dl>
|
||||
</div>
|
||||
<div id="i3" style="position:absolute; top:30px; left:450px; width:96px; height:51px;">
|
||||
<dl>
|
||||
<dt><img src="calc.png" width="48" height="48" align="left" alt="calc"></dt>
|
||||
<dt><font size=2 color=black><a href="../calc/">
|
||||
<font color="#000000">Scientific Calculator</font></a></font></dt>
|
||||
</dl>
|
||||
</div>
|
||||
<div id="i4" style="position:absolute; top:30px; left:700px; width:32px; height:32px;">
|
||||
<dl>
|
||||
<dt><img src="sprdsht.png" width="48" height="48" align="left"alt="spreadsheet"></dt>
|
||||
<dt><font size=2 color=black><a href="../sprdsht/">
|
||||
<font color="#000000">Spreadsheet</font></a></font></dt>
|
||||
</dl>
|
||||
</div>
|
||||
<div id="i5" style="position:absolute; top:130px; left:200px; width:32px; height:32px;">
|
||||
<dl>
|
||||
<dt><img src="chat.png" width="48" height="48" align="left" alt="chat"></dt>
|
||||
<dt><font size=2 color=black><a href="../instmess/">
|
||||
<font color="#000000">Instant Messenger</font></a></font></dt>
|
||||
</dl>
|
||||
</div>
|
||||
<div id="i6" style="position:absolute; top:130px; left:450px; width:32px; height:32px;">
|
||||
<dl>
|
||||
<dt><img src="media.png" width="48" height="48" align="left" alt="vid"></dt>
|
||||
<dt><font size=2 color=black><a href="../media/">
|
||||
<font color="#000000">Media Player</font></a></font></dt>
|
||||
</dl>
|
||||
</div>
|
||||
<div id="i7" style="position:absolute; top:130px; left:700px; width:32px; height:32px;">
|
||||
<dl>
|
||||
<dt><img src="games.png" width="48" height="48" align="left" alt="games"></dt>
|
||||
<dt><font size=2 color=black><a href="../games/">
|
||||
<font color="#000000">Online Games</font></a></font></dt>
|
||||
</dl>
|
||||
</div>
|
||||
<table style="border-collapse: collapse;" summary="layout" id="table2" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="100%" style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium" height="80%">
|
||||
<script type="text/javascript">
|
||||
new dragElement('i2');
|
||||
new dragElement('i3');
|
||||
new dragElement('i4');
|
||||
new dragElement('i5');
|
||||
new dragElement('i6');
|
||||
new dragElement('i7');
|
||||
</script></td></tr></table></body></html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
|
|
@ -0,0 +1,10 @@
|
|||
* html img,
|
||||
* html .png{
|
||||
position:relative;
|
||||
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
|
||||
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
|
||||
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
|
||||
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
|
||||
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
|
||||
);
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 153 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -0,0 +1,216 @@
|
|||
/**
|
||||
* SWFObject v2.0: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
|
||||
*
|
||||
* SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
*/
|
||||
if(typeof deconcept == "undefined") var deconcept = new Object();
|
||||
if(typeof deconcept.util == "undefined") deconcept.util = new Object();
|
||||
if(typeof deconcept.SWFObjectUtil == "undefined") deconcept.SWFObjectUtil = new Object();
|
||||
deconcept.SWFObject = function(swf, id, w, h, ver, c, quality, xiRedirectUrl, redirectUrl, detectKey) {
|
||||
if (!document.getElementById) { return; }
|
||||
this.DETECT_KEY = detectKey ? detectKey : 'detectflash';
|
||||
this.skipDetect = deconcept.util.getRequestParameter(this.DETECT_KEY);
|
||||
this.params = new Object();
|
||||
this.variables = new Object();
|
||||
this.attributes = new Array();
|
||||
if(swf) { this.setAttribute('swf', swf); }
|
||||
if(id) { this.setAttribute('id', id); }
|
||||
if(w) { this.setAttribute('width', w); }
|
||||
if(h) { this.setAttribute('height', h); }
|
||||
if(ver) { this.setAttribute('version', new deconcept.PlayerVersion(ver.toString().split("."))); }
|
||||
this.installedVer = deconcept.SWFObjectUtil.getPlayerVersion();
|
||||
if (!window.opera && document.all && this.installedVer.major > 7) {
|
||||
// only add the onunload cleanup if the Flash Player version supports External Interface and we are in IE
|
||||
deconcept.SWFObject.doPrepUnload = true;
|
||||
}
|
||||
if(c) { this.addParam('bgcolor', c); }
|
||||
var q = quality ? quality : 'high';
|
||||
this.addParam('quality', q);
|
||||
this.setAttribute('useExpressInstall', false);
|
||||
this.setAttribute('doExpressInstall', false);
|
||||
var xir = (xiRedirectUrl) ? xiRedirectUrl : window.location;
|
||||
this.setAttribute('xiRedirectUrl', xir);
|
||||
this.setAttribute('redirectUrl', '');
|
||||
if(redirectUrl) { this.setAttribute('redirectUrl', redirectUrl); }
|
||||
}
|
||||
deconcept.SWFObject.prototype = {
|
||||
useExpressInstall: function(path) {
|
||||
this.xiSWFPath = !path ? "expressinstall.swf" : path;
|
||||
this.setAttribute('useExpressInstall', true);
|
||||
},
|
||||
setAttribute: function(name, value){
|
||||
this.attributes[name] = value;
|
||||
},
|
||||
getAttribute: function(name){
|
||||
return this.attributes[name];
|
||||
},
|
||||
addParam: function(name, value){
|
||||
this.params[name] = value;
|
||||
},
|
||||
getParams: function(){
|
||||
return this.params;
|
||||
},
|
||||
addVariable: function(name, value){
|
||||
this.variables[name] = value;
|
||||
},
|
||||
getVariable: function(name){
|
||||
return this.variables[name];
|
||||
},
|
||||
getVariables: function(){
|
||||
return this.variables;
|
||||
},
|
||||
getVariablePairs: function(){
|
||||
var variablePairs = new Array();
|
||||
var key;
|
||||
var variables = this.getVariables();
|
||||
for(key in variables){
|
||||
variablePairs.push(key +"="+ variables[key]);
|
||||
}
|
||||
return variablePairs;
|
||||
},
|
||||
getSWFHTML: function() {
|
||||
var swfNode = "";
|
||||
if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) { // netscape plugin architecture
|
||||
if (this.getAttribute("doExpressInstall")) {
|
||||
this.addVariable("MMplayerType", "PlugIn");
|
||||
this.setAttribute('swf', this.xiSWFPath);
|
||||
}
|
||||
swfNode = '<embed type="application/x-shockwave-flash" src="'+ this.getAttribute('swf') +'" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'"';
|
||||
swfNode += ' id="'+ this.getAttribute('id') +'" name="'+ this.getAttribute('id') +'" ';
|
||||
var params = this.getParams();
|
||||
for(var key in params){ swfNode += [key] +'="'+ params[key] +'" '; }
|
||||
var pairs = this.getVariablePairs().join("&");
|
||||
if (pairs.length > 0){ swfNode += 'flashvars="'+ pairs +'"'; }
|
||||
swfNode += '/>';
|
||||
} else { // PC IE
|
||||
if (this.getAttribute("doExpressInstall")) {
|
||||
this.addVariable("MMplayerType", "ActiveX");
|
||||
this.setAttribute('swf', this.xiSWFPath);
|
||||
}
|
||||
swfNode = '<object id="'+ this.getAttribute('id') +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'">';
|
||||
swfNode += '<param name="movie" value="'+ this.getAttribute('swf') +'" />';
|
||||
var params = this.getParams();
|
||||
for(var key in params) {
|
||||
swfNode += '<param name="'+ key +'" value="'+ params[key] +'" />';
|
||||
}
|
||||
var pairs = this.getVariablePairs().join("&");
|
||||
if(pairs.length > 0) {swfNode += '<param name="flashvars" value="'+ pairs +'" />';}
|
||||
swfNode += "</object>";
|
||||
}
|
||||
return swfNode;
|
||||
},
|
||||
write: function(elementId){
|
||||
if(this.getAttribute('useExpressInstall')) {
|
||||
// check to see if we need to do an express install
|
||||
var expressInstallReqVer = new deconcept.PlayerVersion([6,0,65]);
|
||||
if (this.installedVer.versionIsValid(expressInstallReqVer) && !this.installedVer.versionIsValid(this.getAttribute('version'))) {
|
||||
this.setAttribute('doExpressInstall', true);
|
||||
this.addVariable("MMredirectURL", escape(this.getAttribute('xiRedirectUrl')));
|
||||
document.title = document.title.slice(0, 47) + " - Flash Player Installation";
|
||||
this.addVariable("MMdoctitle", document.title);
|
||||
}
|
||||
}
|
||||
if(this.skipDetect || this.getAttribute('doExpressInstall') || this.installedVer.versionIsValid(this.getAttribute('version'))){
|
||||
var n = (typeof elementId == 'string') ? document.getElementById(elementId) : elementId;
|
||||
n.innerHTML = this.getSWFHTML();
|
||||
return true;
|
||||
}else{
|
||||
if(this.getAttribute('redirectUrl') != "") {
|
||||
document.location.replace(this.getAttribute('redirectUrl'));
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---- detection functions ---- */
|
||||
deconcept.SWFObjectUtil.getPlayerVersion = function(){
|
||||
var PlayerVersion = new deconcept.PlayerVersion([0,0,0]);
|
||||
if(navigator.plugins && navigator.mimeTypes.length){
|
||||
var x = navigator.plugins["Shockwave Flash"];
|
||||
if(x && x.description) {
|
||||
PlayerVersion = new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/, "").replace(/(\s+r|\s+b[0-9]+)/, ".").split("."));
|
||||
}
|
||||
}else{
|
||||
// do minor version lookup in IE, but avoid fp6 crashing issues
|
||||
// see http://blog.deconcept.com/2006/01/11/getvariable-setvariable-crash-internet-explorer-flash-6/
|
||||
try{
|
||||
var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
|
||||
}catch(e){
|
||||
try {
|
||||
var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
|
||||
PlayerVersion = new deconcept.PlayerVersion([6,0,21]);
|
||||
axo.AllowScriptAccess = "always"; // throws if player version < 6.0.47 (thanks to Michael Williams @ Adobe for this code)
|
||||
} catch(e) {
|
||||
if (PlayerVersion.major == 6) {
|
||||
return PlayerVersion;
|
||||
}
|
||||
}
|
||||
try {
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
|
||||
} catch(e) {}
|
||||
}
|
||||
if (axo != null) {
|
||||
PlayerVersion = new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));
|
||||
}
|
||||
}
|
||||
return PlayerVersion;
|
||||
}
|
||||
deconcept.PlayerVersion = function(arrVersion){
|
||||
this.major = arrVersion[0] != null ? parseInt(arrVersion[0]) : 0;
|
||||
this.minor = arrVersion[1] != null ? parseInt(arrVersion[1]) : 0;
|
||||
this.rev = arrVersion[2] != null ? parseInt(arrVersion[2]) : 0;
|
||||
}
|
||||
deconcept.PlayerVersion.prototype.versionIsValid = function(fv){
|
||||
if(this.major < fv.major) return false;
|
||||
if(this.major > fv.major) return true;
|
||||
if(this.minor < fv.minor) return false;
|
||||
if(this.minor > fv.minor) return true;
|
||||
if(this.rev < fv.rev) return false;
|
||||
return true;
|
||||
}
|
||||
/* ---- get value of query string param ---- */
|
||||
deconcept.util = {
|
||||
getRequestParameter: function(param) {
|
||||
var q = document.location.search || document.location.hash;
|
||||
if(q) {
|
||||
var pairs = q.substring(1).split("&");
|
||||
for (var i=0; i < pairs.length; i++) {
|
||||
if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
|
||||
return pairs[i].substring((pairs[i].indexOf("=")+1));
|
||||
}
|
||||
}
|
||||
}
|
||||
return "";
|
||||
}
|
||||
}
|
||||
/* fix for video streaming bug */
|
||||
deconcept.SWFObjectUtil.cleanupSWFs = function() {
|
||||
var objects = document.getElementsByTagName("OBJECT");
|
||||
for (var i=0; i < objects.length; i++) {
|
||||
objects[i].style.display = 'none';
|
||||
for (var x in objects[i]) {
|
||||
if (typeof objects[i][x] == 'function') {
|
||||
objects[i][x] = function(){};
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// fixes bug in fp9 see http://blog.deconcept.com/2006/07/28/swfobject-143-released/
|
||||
if (deconcept.SWFObject.doPrepUnload) {
|
||||
deconcept.SWFObjectUtil.prepUnload = function() {
|
||||
__flash_unloadHandler = function(){};
|
||||
__flash_savedUnloadHandler = function(){};
|
||||
window.attachEvent("onunload", deconcept.SWFObjectUtil.cleanupSWFs);
|
||||
}
|
||||
window.attachEvent("onbeforeunload", deconcept.SWFObjectUtil.prepUnload);
|
||||
}
|
||||
/* add Array.push if needed (ie5) */
|
||||
if (Array.prototype.push == null) { Array.prototype.push = function(item) { this[this.length] = item; return this.length; }}
|
||||
|
||||
/* add some aliases for ease of use/backwards compatibility */
|
||||
var getQueryParamValue = deconcept.util.getRequestParameter;
|
||||
var FlashObject = deconcept.SWFObject; // for legacy support
|
||||
var SWFObject = deconcept.SWFObject;
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 902 B |
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Donkey Kong</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="A Flash rendition of Donkey Kong.">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #000000;
|
||||
color: #748DE7;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width:400px; height:375px; margin-left:auto; margin-right:auto; border:3px double; border-collapse: collapse;">
|
||||
<script type='text/javascript'>
|
||||
document.write('<object width="400" height="375"><param name="movie" value="dk.swf"><param name="quality" value="high"><embed src="dk.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="375"><\/embed><\/object>');
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>DOOM</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="A Flash rendition of DOOM.">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #000000;
|
||||
color: #748DE7;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width:625px; height:375px; margin-left:auto; margin-right:auto; border:3px double; border-collapse: collapse;">
|
||||
<script type='text/javascript'>
|
||||
document.write('<object width="625" height="375"><param name="movie" value="doom.swf"><param name="quality" value="high"><embed src="doom.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="625" height="375"><\/embed><\/object>');
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Games</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="BrowzOS is capable of playing online games of all types.">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #000000;
|
||||
color: #C0C0C0;
|
||||
}
|
||||
:link { color: #748DE7 }
|
||||
p.c6 {text-align: center}
|
||||
span.c5 {font-size: 80%}
|
||||
p.c4 {text-align: center; font-size:14pt;}
|
||||
p.c3 {text-align: center; font-size:24pt;}
|
||||
div.c2 {text-align: center}
|
||||
span.c1 {font-size:24pt}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="c2"><span class="c1">Games Available:</span></div>
|
||||
<p class="c4"><a href="megaman.html">Megaman Project X</a></p>
|
||||
<p class="c4"><a href="ufsonic.html">Ultimate Flash Sonic</a></p>
|
||||
<p class="c4"><a href="dk.html">Donkey Kong</a></p>
|
||||
<p class="c4"><a href="metroid.html">Metroid Elements</a></p>
|
||||
<p class="c4"><a href="doom.html">Doom</a></p>
|
||||
<p class="c4"><a href="madnessaa.html">Madness Interactive:
|
||||
America's Army Mod</a></p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Madness Interactive: America's Army Mod</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="A modification to the Flash game Madness Interactive.">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #000000;
|
||||
color: #748DE7;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width:625px; height:375px; margin-left:auto; margin-right:auto; border:3px double; border-collapse: collapse;">
|
||||
<script type='text/javascript'>
|
||||
document.write('<object width="625" height="375"><param name="movie" value="madnessaa.swf"><param name="quality" value="high"><embed src="madnessaa.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="625" height="375"><\/embed><\/object>');
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Megaman Project X</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="A Flash remake of Megaman X.">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #000000;
|
||||
color: #748DE7;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width:500px; height:375px; margin-left:auto; margin-right:auto; border:3px double; border-collapse: collapse;">
|
||||
<script type='text/javascript'>
|
||||
document.write('<object width="500" height="375"><param name="movie" value="megaman.swf"><param name="quality" value="high"><embed src="megaman.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="375"><\/embed><\/object>');
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Metroid Elements</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="A Flash remake of the game Metroid.">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #000000;
|
||||
color: #748DE7;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width:400px; height:375px; margin-left:auto; margin-right:auto; border:3px double; border-collapse: collapse;">
|
||||
<script type='text/javascript'>document.write('<object width="400" height="375"><param name="movie" value="metroid-elements.swf"><param name="quality" value="high"><embed src="metroid-elements.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="375"><\/embed><\/object>');</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Snailiad</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="A Flash adventure game featuring snails.">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #000000;
|
||||
color: #748DE7;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width:800px; height:480px; margin-left:auto; margin-right:auto; border:3px double; border-collapse: collapse;">
|
||||
<script type='text/javascript'>
|
||||
document.write('<object name="game" width="800" height="480"><param name="movie" value="snailiad.swf"><param name="quality" value="high"><embed src="snailiad.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="480"><\/embed><\/object>');
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Ultimate Flash Sonic</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="A Flash rendition of the classic Sonic series of games.">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #000000;
|
||||
color: #748DE7;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width:500px; height:375px; margin-left:auto; margin-right:auto; border:3px double; border-collapse: collapse;">
|
||||
<script type='text/javascript'>
|
||||
document.write('<object width="500" height="375"><param name="movie" value="ufsonic.swf"><param name="quality" value="high"><embed src="ufsonic.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="375"><\/embed><\/object>');
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,134 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Tech's Test Rig Chat</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="A simple instant messaging utility for this site.">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #FFFFFF;
|
||||
color: #000000;
|
||||
}
|
||||
:link { color: #0000FF }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Morevil Web Chat Lite 2.4 www.morevil.com</p>
|
||||
<?php
|
||||
if(isset($dd)){$d=$dd;}
|
||||
else if(isset($_POST['dd'])){$d=$_POST['dd'];}
|
||||
else if(isset($HTTP_POST_VARS['dd'])){$d=$HTTP_POST_VARS['dd'];}
|
||||
else {echo "\n<!--xxx-->\n</body></html>";exit();}
|
||||
$d=explode("\n",str_replace("\\", "", $d));
|
||||
foreach($d as $w){$x=substr($w,0,1);$$x=substr($w,1);}
|
||||
$p = "";
|
||||
$tp=30;$st=$p."chat.txt";$in=$p."chat.tmp";$sm=$p."chat.dat";
|
||||
$r=array($st,$in,$sm);
|
||||
$q="\$-\$$l\n";
|
||||
if($a==1){if(f1()){ao();}}
|
||||
else if($a==2 || $a==4){
|
||||
if($j!="n" && $j < 0x8000 && $I=of($in,"r+")){fseek($I, $j+22); fwrite($I, time());fclose($I);}
|
||||
if($a==4){
|
||||
if($T= of($st, "a")){fwrite ($T, "d$b : $k\n");fclose($T);}
|
||||
$q.= "k\n";
|
||||
clearstatcache();
|
||||
}
|
||||
if($T=of($st,"r")){
|
||||
fseek($T, $i); $q.=fread($T, 10000)."\ng".filesize($st)."\n"; fclose($T);
|
||||
}
|
||||
}
|
||||
else if($a==3){if(f1()){lo();}}
|
||||
else if($a==9 && $j!="n" && $b!=""){
|
||||
$q.="uu\n";
|
||||
if($I=of($in,"r+")){
|
||||
fseek($I, $j);
|
||||
if(trim(fread($I, 22))==$b){
|
||||
fseek($I, $j);
|
||||
fwrite($I, str_repeat(" ",32));fclose($I);
|
||||
if($T= of($st, "a")){fwrite ($T, "f$b\n");fclose($T);}
|
||||
}
|
||||
}
|
||||
}
|
||||
echo "\n$q\n\$-\$\n";
|
||||
function f1(){
|
||||
global $q, $r, $i, $p;
|
||||
if($i==""){
|
||||
foreach($r as $f){
|
||||
if(!file_exists ($f)){
|
||||
if(!($F = fopen($f, "a"))){$q.="n$p\n";return 0;}
|
||||
fclose($F);chmod($f,0777);
|
||||
}
|
||||
}
|
||||
}
|
||||
return 1;
|
||||
}
|
||||
function lo(){
|
||||
global $q, $tp, $in, $st, $sm, $b, $c;
|
||||
if(strlen($b)>20 || strlen($b)==0){$q.="c3\n";return;}
|
||||
if(($I = of($in,"r+")) && ($T = of($st, "a"))){
|
||||
$n=-1; $tp=time()-$tp;
|
||||
fseek($I, 0);
|
||||
$m="";if(filesize($in)>0){$m = fread($I, filesize($in));}
|
||||
$l = strlen($m) - 3;
|
||||
for($i=0;$i<$l;$i+=32){
|
||||
$s = rtrim(substr($m,$i,22)); $t = substr($m,$i+22,10);
|
||||
if($t>0){
|
||||
if($t>$tp){
|
||||
if($s==$b){$q.="c1\n";$n=-2;break;}
|
||||
}
|
||||
else{
|
||||
fseek($I, $i); fwrite($I, str_repeat(" ",32));
|
||||
fwrite($T, "l$s\n");
|
||||
if($n==-1){$n=$i;}
|
||||
}
|
||||
}else if($n==-1){$n=$i;}
|
||||
}
|
||||
if($n!=-2){
|
||||
if($n==-1){$n=$i;}
|
||||
if($M=of($sm,"r+")){
|
||||
$m = "";if(filesize($sm)>0){$m=fread($M, filesize($sm));}else{fwrite($M, " ");}
|
||||
$uo = str_replace("=", " ", pack("V",crc32($b))); $po = str_replace("=", " ", pack("V",crc32($c)));
|
||||
if($x=strpos($m,"=$uo")){ $u=2;if("=$uo$po" != substr($m,$x,9)){$q.="c2\n";$u=1;}}
|
||||
if($u!=1){
|
||||
if($c!="" && $u!=2){fseek($M, 0, SEEK_END); fwrite($M, "=$uo$po");}
|
||||
fseek($I, $n); fwrite($I, str_pad($b,22).time());
|
||||
fseek($T, 0, SEEK_END); fwrite($T, "h$b\n");
|
||||
$q.="a$b\ni$n\n";
|
||||
}
|
||||
}fclose($M);
|
||||
}
|
||||
fclose($I);fclose($T);
|
||||
}else{$q.="c4\n";}
|
||||
}
|
||||
function ao(){
|
||||
global $q, $r, $tp, $in, $st, $b;
|
||||
if(($I = of($in,"r+")) && ($T = of($st, "a"))){
|
||||
$a=0; $tp=time()-$tp;
|
||||
fseek($I, 0);
|
||||
$m = fread($I, filesize($in));
|
||||
$l = strlen($m) - 3;
|
||||
for($i=0;$i<$l;$i+=32){
|
||||
$s = rtrim(substr($m,$i,22)); $t = substr($m,$i+22,10);
|
||||
if($t>0){
|
||||
$a=1;
|
||||
if($t>$tp){$q.="e$s\n"; }
|
||||
else{
|
||||
fseek($I, $i); fwrite($I, str_repeat(" ",32));
|
||||
fwrite($T, "l$s\n");
|
||||
}
|
||||
}
|
||||
}
|
||||
if($a==0){if(filesize($st)>2048){ftruncate($T, 0);}ftruncate($I, 0);}
|
||||
fclose($I);fclose($T);
|
||||
$q.="y1\ng".filesize($st)."\n";
|
||||
}
|
||||
}
|
||||
function of($b,$c){$i=0;while($i++ < 2){if($a = fopen($b,$c)){return $a;}usleep(200);}return 0;}
|
||||
$data_file_to_delete = "error_log";
|
||||
while(is_file($data_file_to_delete) == TRUE)
|
||||
{
|
||||
chmod($data_file_to_delete, 0666);
|
||||
unlink($data_file_to_delete);
|
||||
}
|
||||
?>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Tech's Test Rig Chat</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="A simple instant messaging utility for this site.">
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color: #000000;
|
||||
color: #748DE7;
|
||||
}
|
||||
:link { color: #00FFFF }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width:100%; height:100%; margin-left:auto; margin-right:auto;">
|
||||
<APPLET codebase="." archive="chat.jar" code="Chat.class" width="100%" height="100%">
|
||||
<param name="fgColor" value="#111111">
|
||||
<param name="bgColor" value="#CCCCCC">
|
||||
<param name="come" value="has come in chat"><param name="left" value="has left the chat "><param name="login" value="Login"><param name="logout" value="Logout"><param name="nick" value="Nickname : "><param name="password" value="Password (optional): "><param name="nick_used" value="Nickname is used"><param name="bad_password" value="Incorrect Password"><param name="enter_passw" value="Please enter your nickname">Your browser is NOT Java enabled.
|
||||
</APPLET>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
|
||||
Morevil Web Chat Lite 2.4 for Web Site
|
||||
|
||||
Please read the documentation.
|
||||
|
||||
|
||||
|
||||
Copyright (c) 2000-2004 Morevil Software. All rights reserved
|
||||
|
||||
http://www.morevil.com/
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html><head><title>Command Line</title>
|
||||
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type">
|
||||
<meta name="description" content="A JavaScript BASH emulator.">
|
||||
<script type="text/javascript">var Ver="5.50b"</script>
|
||||
<script type="text/javascript" src="unix.js"></script>
|
||||
<script type="text/javascript" src="mail.js"></script>
|
||||
<script type="text/javascript" src="file.js"></script>
|
||||
<script type="text/javascript" src="exec.js"></script>
|
||||
<style type="text/css">
|
||||
div, layer {font-family:'Lucida Console';font-size:18px;border-style:none;background-color:black;color:#C0C0C0}
|
||||
A {text-decoration: none}
|
||||
IMG {position:relative;visibility:hidden}
|
||||
</style></head>
|
||||
<body style="overflow:auto" onload="wid=Width();hig=Height();if (document.all) document.all.text.style.width=document.body.clientWidth-50;this.focus();Type('\nBrowzOS Command Line\n');TypeCPU();Type('\n\nLogin: ');
|
||||
if (NC && /X/.test(navigator.userAgent) && Version<5) bHnd = window.open('modules/modf.htm',null,'width=400,height=200')" onkeypress="KeyPress(event)" onkeydown="KeyDown(event)" onkeyup="KeyUp(event)" bgcolor="BLACK" text="#C0C0C0">
|
||||
<div style="position: absolute; top: 3px; left: 5px; cursor: default;" title="copyright">
|
||||
<a href="http://junix.kzn.ru/" target="_top">
|
||||
<font style="font-family: Monospace; font-size: 10px; color: #C0C0C0;" face="System" size="1">
|
||||
© Stepanischev Evgeny. (BO/\K) 2001 Kazan</font></a>
|
||||
</div>
|
||||
<br>
|
||||
<table style="width:500px;height:300px;">
|
||||
<tbody><tr><td valign="top">
|
||||
<div id="text">
|
||||
BrowzOS Command Line<br> <br># help<br>help: Command not found.<br># ?<br># ? @ alias bc break brow bye cat cd chmod clear compress continue cp cut d date df <br>echo eval exit fg foreach fw fy goto grep icq id if jzip kill ln load ls mail man mk<br>dir mkfifo more mount mv ping ps pwd read rehash repeat rm rmdir save scan sed set s<br>hift source su tail tee touch unalias uname unhash unmount unset vi wc where while w<br>hoami wish<br># _</div>
|
||||
</td></tr></tbody></table>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
// Çàãëóøêà
|
||||
function SetLogin(user, pass)
|
||||
{
|
||||
SetVar("user",user)
|
||||
}
|
||||
|
||||
// Ïåðåéòè ê... (â îáúåêòå mail)
|
||||
function Navi()
|
||||
{
|
||||
dtime = ping?(new Date()-0):0 // äëÿ êîìàíäû ping
|
||||
|
||||
with(document)
|
||||
if (NaviStack.length)
|
||||
{
|
||||
for (i = 10; i && images["navi"+curnavi].busy; i--)
|
||||
if (++curnavi>9) curnavi = 0
|
||||
|
||||
if (!images["navi"+curnavi].busy)
|
||||
{
|
||||
images["navi"+curnavi].busy = true
|
||||
images["navi"+curnavi].onerror = new Function("x","NaviFree("+curnavi+","+dtime+")")
|
||||
images["navi"+curnavi].src = NaviStack.pop()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Ïîñòàâèòü â î÷åðåäü
|
||||
function SetNavi(url)
|
||||
{
|
||||
NaviStack.unshift(url+(ping?'/%00?'+Math.random():''))
|
||||
Navi()
|
||||
}
|
||||
|
||||
function NaviFree(num, dtime)
|
||||
{
|
||||
if (document.images && document.images["navi"+num])
|
||||
{
|
||||
document.images["navi"+num].busy = false
|
||||
if (/^http:\/\/([^\/]+)/.test(host = document.images["navi"+num].src)) host = RegExp.$1
|
||||
if (dtime)
|
||||
{
|
||||
dtime = new Date()-dtime
|
||||
if (dtime>pingto) Type('Request timed out.\n'); else
|
||||
Type('64 bytes from '+host+': time='+dtime+' msec\n')
|
||||
}
|
||||
|
||||
if (--ping<0)
|
||||
{
|
||||
ping = dialog = 0
|
||||
Type(P())
|
||||
} else SetNavi('http://'+host)
|
||||
}
|
||||
}
|
||||
|
||||
// Ïðîâåðêà íà ãëþ÷íûå áðàóçåðû
|
||||
|
||||
function NaviCheckBrowser() // 1 <= bad
|
||||
{
|
||||
if (NC && Version>=5) return 1
|
||||
if (MZ)
|
||||
{
|
||||
var Aver = Version.split (".")
|
||||
if (Aver[1]<9 || Aver[1]==9 && Aver[2]<6)
|
||||
return 1
|
||||
}
|
||||
return 0
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,466 @@
|
|||
/* Calc4Chem - Scientific calculator for chemists written by Eni Generalic - http://www.periodni.com/ */
|
||||
/* Copyright © 2008 by EniG. If you use a variant of this in your page, then please email me (eni.generalic@gmail.com) */
|
||||
|
||||
/* --------------------------------------------------------- */
|
||||
/* Calc4Chem */
|
||||
/* --------------------------------------------------------- */
|
||||
|
||||
#calc4chem {
|
||||
position: relative;
|
||||
top: 15px;
|
||||
width: 529px;
|
||||
height: 377px;
|
||||
margin: auto;
|
||||
border: 3px outset;
|
||||
background: #e4e4e4;
|
||||
text-align: center;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
#kalkulator {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 257px;
|
||||
height: 365px;
|
||||
border: 0px ridge #f00;
|
||||
background: #e4e4e4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#biljeska {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 267px;
|
||||
width: 256px;
|
||||
height: 365px;
|
||||
border: 0px ridge #999;
|
||||
background: #e4e4e4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#konstante {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
left: 275px;
|
||||
width: 245px;
|
||||
height: 350px;
|
||||
border: 1px ridge #999;
|
||||
background: #fff;
|
||||
color: #fff;
|
||||
display: none;
|
||||
/*visibility: hidden; visible hidden */
|
||||
text-align: center;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#numformat {
|
||||
position: absolute;
|
||||
top: 138px;
|
||||
left: 3px;
|
||||
width: 245px;
|
||||
height: 225px;
|
||||
border: 1px ridge #999;
|
||||
display: none;
|
||||
background: #e4e4e4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.constnaslov {
|
||||
width: 200px;
|
||||
color: #00f;
|
||||
text-align: center;
|
||||
font: normal 12px/125% sans-serif;
|
||||
margin: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px #cacaba solid;
|
||||
}
|
||||
.const {
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
font: 11px/125% sans-serif;
|
||||
margin: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px #cacaba solid;
|
||||
}
|
||||
.const a:link {
|
||||
display: block;
|
||||
color: #900;
|
||||
text-decoration: none;
|
||||
}
|
||||
.const a:visited {
|
||||
display: block;
|
||||
color: #036;
|
||||
text-decoration: none;
|
||||
}
|
||||
.const a:active {
|
||||
display: block;
|
||||
color: #900;
|
||||
text-decoration: none;
|
||||
}
|
||||
.const a:hover {
|
||||
display: block;
|
||||
background: #eaeafa;
|
||||
color: #900;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
.crta {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 262px;
|
||||
width: 2px;
|
||||
height: 372px;
|
||||
border: 2px inset;
|
||||
background: #fff; /* groove ridge */
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tipkovnica {
|
||||
position: absolute;
|
||||
top: 138px;
|
||||
left: 5px;
|
||||
width: 245px;
|
||||
height: 228px;
|
||||
background: #e4e4e4;
|
||||
}
|
||||
|
||||
.displej {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 6px;
|
||||
width: 240px;
|
||||
height: 82px;
|
||||
border: 2px ridge #eee;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
#numauto, #numsci, #numfix, #nummem, #numrad, #numdeg, #numgrad {
|
||||
position: absolute;
|
||||
margin-top: 2px;
|
||||
width: 26px;
|
||||
height: 10px;
|
||||
font: normal 9px sans-serif;
|
||||
color: #ccc;
|
||||
display: inline;
|
||||
border: 0px solid #e00;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
#numauto {
|
||||
left: 5px;
|
||||
color: #000;
|
||||
}
|
||||
#numsci {
|
||||
left: 37px;
|
||||
}
|
||||
#numfix {
|
||||
left: 62px;
|
||||
}
|
||||
#nummem {
|
||||
left: 107px;
|
||||
}
|
||||
#numrad {
|
||||
left: 154px;
|
||||
color: #000;
|
||||
}
|
||||
#numdeg {
|
||||
left: 180px;
|
||||
}
|
||||
#numgrad {
|
||||
left: 205px;
|
||||
}
|
||||
|
||||
.upit {
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
left: 6px;
|
||||
width: 225px;
|
||||
height: 25px;
|
||||
border: 0px;
|
||||
background: #eee;
|
||||
text-align: left;
|
||||
font: normal 9pt sans-serif;
|
||||
letter-spacing: 1px;
|
||||
color: #0a0;
|
||||
}
|
||||
|
||||
.rezultat {
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
left: 6px;
|
||||
width: 225px;
|
||||
height: 25px;
|
||||
border: 0px;
|
||||
background: #eee;
|
||||
text-align: right;
|
||||
font: bold 12pt sans-serif;
|
||||
letter-spacing: 1px;
|
||||
color: #00a;
|
||||
}
|
||||
|
||||
.formatbr {
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
left: 12px;
|
||||
width: 220px;
|
||||
height: 95px;
|
||||
border: 1px solid #cdcdcd;
|
||||
background: #e8e8e8;
|
||||
}
|
||||
.formatnaslov {
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
font: normal 12pt cursive;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.automatik, .scienc, .fiksed {
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
font: normal 10pt sans-serif;
|
||||
}
|
||||
.automatik {top: 10px;}
|
||||
.scienc {top: 38px;}
|
||||
.fiksed {top: 66px;}
|
||||
|
||||
.decnaslov {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 110px;
|
||||
width: 110px;
|
||||
text-align: center;
|
||||
font: normal 10pt sans-serif;
|
||||
color: #000;
|
||||
border: 0px solid #cdcdcd;
|
||||
}
|
||||
.decimal {
|
||||
position: absolute;
|
||||
top: 32px;
|
||||
left: 136px;
|
||||
width: 60px;
|
||||
height: 22px;
|
||||
}
|
||||
.separator {
|
||||
position: absolute;
|
||||
top: 70px;
|
||||
left: 65px;
|
||||
width: 150px;
|
||||
text-align: right;
|
||||
font: normal 10pt sans-serif;
|
||||
color: #000;
|
||||
border: 0px solid #cdcdcd;
|
||||
}
|
||||
|
||||
.rad {
|
||||
position: absolute;
|
||||
top: 140px;
|
||||
left: 12px;
|
||||
width: 220px;
|
||||
height: 21px;
|
||||
border: 1px solid #cdcdcd;
|
||||
background: #e8e8e8;
|
||||
}
|
||||
|
||||
.deg {
|
||||
position: relative;
|
||||
margin: 4px;
|
||||
top: -1px;
|
||||
font: normal 10pt sans-serif;
|
||||
}
|
||||
|
||||
.cls {
|
||||
position: absolute;
|
||||
top: 103px;
|
||||
left: 217px;
|
||||
width: 30px;
|
||||
height: 22px;
|
||||
color: #f00;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.zadatak {
|
||||
position: absolute;
|
||||
top: 98px;
|
||||
left: 6px;
|
||||
width: 240px;
|
||||
height: 28px;
|
||||
border: 2px groove #eee;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.unos {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 4px;
|
||||
width: 228px;
|
||||
height: 23px;
|
||||
border: 0px;
|
||||
font: bold 10pt cursive;
|
||||
color: #060;
|
||||
}
|
||||
|
||||
|
||||
.tekstarea {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 8px;
|
||||
width: 238px;
|
||||
height: 317px;
|
||||
padding: 0px 0px 0px 5px;
|
||||
border: 2px groove #ccc;
|
||||
background: #fff; /*plavo*/
|
||||
font: normal 9pt/150% monospace;
|
||||
color: #345678;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.n1, .n2, .n3, .n4 {
|
||||
position: absolute;
|
||||
top: 340px;
|
||||
height: 24px;
|
||||
width: 80px;
|
||||
font: normal 9pt sans-serif;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.n1 {
|
||||
left: 8px;
|
||||
}
|
||||
.n2 {
|
||||
left: 91px;
|
||||
}
|
||||
.n3 {
|
||||
left: 174px;
|
||||
}
|
||||
.n4 {
|
||||
top: 174px;
|
||||
left: 85px;
|
||||
}
|
||||
.n2copy {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 206px;
|
||||
width: 242px;
|
||||
color: #aaa;
|
||||
font: normal 9pt sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.b11, .b12, .b13, .b14, .b15, .b16, .b21, .b22, .b23, .b24, .b25, .b26, .b31, .b32, .b33, .b34, .b35, .b36 {
|
||||
position: absolute;
|
||||
height: 25px;
|
||||
width: 40px;
|
||||
padding: 0px;
|
||||
color: #000;
|
||||
font: normal 10pt monospace;
|
||||
}
|
||||
|
||||
.b41, .b42, .b43, .b44, .b45, .b46, .b51, .b52, .b53, .b54, .b55, .b56, .b61, .b62, .b63, .b64, .b65, .b66, .b71, .b72, .b73, .b74, .b75, .b76 {
|
||||
position: absolute;
|
||||
height: 35px;
|
||||
width: 40px;
|
||||
padding: 0px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.b55, .b75 {
|
||||
position: absolute;
|
||||
height: 35px;
|
||||
width: 81px;
|
||||
font: normal 10pt sans-serif;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.b75 {
|
||||
position: absolute;
|
||||
height: 35px;
|
||||
width: 81px;
|
||||
font: normal 15pt sans-serif;
|
||||
color: #050;
|
||||
}
|
||||
|
||||
.b45, .b46 {
|
||||
font: normal 10pt sans-serif;
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.b34 {
|
||||
font: normal 10pt sans-serif;
|
||||
}
|
||||
|
||||
.b44, .b54, .b74 {
|
||||
font: bold 13pt sans-serif;
|
||||
color: #00f;
|
||||
}
|
||||
.b64 {
|
||||
font: normal 15pt serif;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
.b41, .b42, .b43, .b51, .b52, .b53, .b61, .b62, .b63, .b71, .b72 {
|
||||
font: normal 12pt cursive;
|
||||
color: #575;
|
||||
}
|
||||
|
||||
.b11, .b12, .b13, .b14, .b15, .b16 {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.b21, .b22, .b23, .b24, .b25, .b26 {
|
||||
top: 26px;
|
||||
}
|
||||
|
||||
.b31, .b32, .b33, .b34, .b35, .b36 {
|
||||
top: 52px;
|
||||
}
|
||||
|
||||
.b41, .b42, .b43, .b44, .b45, .b46 {
|
||||
top: 85px;
|
||||
}
|
||||
|
||||
.b51, .b52, .b53, .b54, .b55, .b56 {
|
||||
top: 121px;
|
||||
}
|
||||
|
||||
.b61, .b62, .b63, .b64, .b65, .b66 {
|
||||
top: 156px;
|
||||
}
|
||||
|
||||
.b71, .b72, .b73, .b74, .b75, .b76 {
|
||||
top: 192px;
|
||||
}
|
||||
|
||||
|
||||
.b11, .b21, .b31, .b41, .b51, .b61, .b71 {
|
||||
left: 0px
|
||||
}
|
||||
|
||||
.b12, .b22, .b32, .b42, .b52, .b62, .b72 {
|
||||
left: 41px
|
||||
}
|
||||
|
||||
.b13, .b23, .b33, .b43, .b53, .b63, .b73 {
|
||||
left: 82px
|
||||
}
|
||||
|
||||
.b14, .b24, .b34, .b44, .b54, .b64, .b74 {
|
||||
left: 123px
|
||||
}
|
||||
|
||||
.b15, .b25, .b35, .b45, .b55, .b65, .b75 {
|
||||
left: 164px
|
||||
}
|
||||
|
||||
.b16, .b26, .b36, .b46, .b56, .b66, .b76 {
|
||||
left: 205px
|
||||
}
|
||||
|
||||
/* END of Calc4Chem */
|
||||
/* --------------------------------------------------------- */
|
||||
|
||||
|
||||
|
||||
/*Eni Generalic, Split, Create: 1999/10/14; Update: 2008/02/27 */
|
||||
/* Copyright © 2008 by EniG. */
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,619 @@
|
|||
body {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
font: normal 10pt cursive;
|
||||
color: #123456;
|
||||
background: #000000
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 2em 0;
|
||||
text-align: center;
|
||||
}
|
||||
h2 {
|
||||
margin: 10px;
|
||||
color: #000099;
|
||||
font: 12pt cursive;
|
||||
padding: 5px 0px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 10px;
|
||||
font: bold 11pt cursive;
|
||||
padding: 5px 0px;
|
||||
text-align: left;
|
||||
}
|
||||
h4 {
|
||||
margin: 10px;
|
||||
font: bold italic 10pt cursive;
|
||||
padding: 5px 0px;
|
||||
text-align: left;
|
||||
}
|
||||
h5 {
|
||||
margin: 10px;
|
||||
font: italic 10pt cursive;
|
||||
text-align: left;
|
||||
}
|
||||
img {border: 0px;}
|
||||
li {padding: 5px;}
|
||||
p {
|
||||
margin-bottom: 1em;
|
||||
text-align: justify;
|
||||
color: #123456;
|
||||
}
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#glavni {
|
||||
position: relative;
|
||||
width: 880px;
|
||||
margin: auto;
|
||||
border: 0px;
|
||||
}
|
||||
#gore {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 160px;
|
||||
margin-right: 0px;
|
||||
border-bottom: 0px #cacaba solid;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#dole {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
border-top: 1px #cacaba solid;
|
||||
}
|
||||
#livi {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 145px;
|
||||
margin-right: 5px;
|
||||
text-align: center;
|
||||
border: 0px solid #0f0;
|
||||
}
|
||||
#desni {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
margin-left: 150px;
|
||||
width: 725px;
|
||||
border: 0px solid #f00;
|
||||
}
|
||||
#footer {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.data , .prilog {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.desno {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
margin-left: 512px;
|
||||
width: 365px;
|
||||
text-align: justify;
|
||||
background: #fff;
|
||||
border: 1px solid #0cc;
|
||||
}
|
||||
.centar {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 145px;
|
||||
margin-left: 366px;
|
||||
text-align: center;
|
||||
border: 0px solid #0ff;
|
||||
}
|
||||
|
||||
|
||||
/* --------------------------------------------------------- */
|
||||
/* GOOGLE */
|
||||
/* --------------------------------------------------------- */
|
||||
.google-vrh {
|
||||
position: absolute;
|
||||
top: 70px;
|
||||
left: 150px;
|
||||
/* border-top: 1px #cacaba solid; */
|
||||
}
|
||||
|
||||
.google-dno {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
padding-top: 10px;
|
||||
border-top: 1px #cacaba solid;
|
||||
border-bottom: 1px #cacaba solid;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------------- */
|
||||
/* SLIKE */
|
||||
/* --------------------------------------------------------- */
|
||||
.img-l {
|
||||
float: left;
|
||||
margin: 10px 20px 10px 10px;
|
||||
}
|
||||
.img-r {
|
||||
float: right;
|
||||
margin: 10px 10px 10px 20px;
|
||||
}
|
||||
.img-c {
|
||||
text-align: center;
|
||||
margin: 20px;
|
||||
}
|
||||
.img-p {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
font: italic 11pt Times;
|
||||
}
|
||||
.txt-c {
|
||||
text-align: center;
|
||||
}
|
||||
/* --------------------------------------------------------- */
|
||||
/* TOPMENI */
|
||||
/* --------------------------------------------------------- */
|
||||
|
||||
.topmeni {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 725px;
|
||||
height: 55px;
|
||||
margin-top: 5px;
|
||||
margin-left: 150px;
|
||||
font: 11px/150% verdana,sans-serif;
|
||||
text-align: center;
|
||||
color: #226622;
|
||||
border-bottom: 1px #cacaba solid;
|
||||
}
|
||||
.zastave {
|
||||
top:0px;
|
||||
padding: 5px;
|
||||
}
|
||||
.zde, .zen, .zfr, .zhr, .zit, .zes {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
width: 116px;
|
||||
margin: 0px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.zde {left: 0px;}
|
||||
.zen {left: 122px;}
|
||||
.zfr {left: 244px;}
|
||||
.zhr {left: 366px;}
|
||||
.zit {left: 488px;}
|
||||
.zes {left: 610px;}
|
||||
|
||||
.topmeni a:link {
|
||||
display: block;
|
||||
color: #900;
|
||||
}
|
||||
.topmeni a:visited {
|
||||
display: block;
|
||||
color: #036;
|
||||
}
|
||||
.topmeni a:active {
|
||||
display: block;
|
||||
color: #900;
|
||||
}
|
||||
.topmeni a:hover {
|
||||
display: block;
|
||||
background: #fff;
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------------- */
|
||||
|
||||
a:link {
|
||||
color: #00f;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:visited {
|
||||
color: #00a;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:active {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: #f00;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------------- */
|
||||
/* PSE LOGO */
|
||||
/* --------------------------------------------------------- */
|
||||
|
||||
.logo {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
margin: 15px 0px 0px 10px;
|
||||
text-align: center;
|
||||
border: 0px #f00 solid;
|
||||
}
|
||||
.img-riba {
|
||||
position: absolute;
|
||||
top: 46px;
|
||||
left: -15px;
|
||||
}
|
||||
.img-logo {
|
||||
position: relative;
|
||||
top: 7px;
|
||||
}
|
||||
.txt-logo {
|
||||
position: absolute;
|
||||
top: 58px;
|
||||
left: 40px;
|
||||
font: 28pt cursive;
|
||||
letter-spacing: 5px;
|
||||
z-index: 10;
|
||||
}
|
||||
.pse-logo {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
font: 11px/150% verdana,sans-serif;
|
||||
color: #226622;
|
||||
}
|
||||
/* --------------------------------------------------------- */
|
||||
/* UTF-8 */
|
||||
|
||||
.tablice {
|
||||
position: absolute;
|
||||
top: 119px;
|
||||
left: 2px;
|
||||
width: 750px;
|
||||
height: 510px;
|
||||
}
|
||||
|
||||
.naslov {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
width: 750px;
|
||||
color:#800;
|
||||
font: bold 22pt cursive;
|
||||
text-align: center;
|
||||
}
|
||||
.znak {
|
||||
text-align: left;
|
||||
}
|
||||
.utf h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ---------------------------------------- */
|
||||
/* COLOR TABLE */
|
||||
.ct {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.ct table {
|
||||
width: 98%;
|
||||
border: 1px #000 solid;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.ct td {
|
||||
text-align: center;
|
||||
width: 20%;
|
||||
border: 1px #000 solid;
|
||||
}
|
||||
/* ---------------------------------------- */
|
||||
/* EniG. */
|
||||
/* ---------------------------------------- */
|
||||
.enig {
|
||||
font: normal 10pt cursive;
|
||||
color: #123456;
|
||||
}
|
||||
.enig p {
|
||||
margin: 0;
|
||||
padding: 0px 10px 5px 10px;
|
||||
text-align: justify;
|
||||
color: #123456;
|
||||
}
|
||||
.BiliOkvir{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
margin-bottom: 5px;
|
||||
background: #fff;
|
||||
border: 1px solid #0cc;
|
||||
}
|
||||
.SlikaLivo, .SlikaDesno , .SlikaVrh {
|
||||
position: relative;
|
||||
width: 30%;
|
||||
text-align: center;
|
||||
}
|
||||
.SlikaLivo {
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.SlikaDesno {
|
||||
float: right;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.SlikaVrh {
|
||||
float: left;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.TekstLivo, .TekstDesno {
|
||||
position: relative;
|
||||
width: 70%;
|
||||
text-align: left;
|
||||
}
|
||||
.TekstDesno {
|
||||
margin-left: 30%;
|
||||
}
|
||||
|
||||
.onlyen {
|
||||
font: normal 10pt cursive;
|
||||
margin-top: 5px;
|
||||
text-align: center;
|
||||
color: #f00;
|
||||
}
|
||||
.red, .livo, .desno, .centar, .kratki, .dugi {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.red {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 5px;
|
||||
background: #fff;
|
||||
border: 1px solid #0cc;
|
||||
}
|
||||
.livo {
|
||||
position: relative;
|
||||
width: 370px;
|
||||
text-align: justify;
|
||||
background: #fff;
|
||||
border: 1px solid #0c0;
|
||||
}
|
||||
.desno {
|
||||
position: absolute;
|
||||
margin-left: 517px;
|
||||
width: 370px;
|
||||
text-align: justify;
|
||||
background: #fff;
|
||||
border: 1px solid #0cc;
|
||||
}
|
||||
.centar {
|
||||
position: absolute;
|
||||
width: 145px;
|
||||
margin-left: 371px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dugi {
|
||||
position: absolute;
|
||||
margin-left: 20px;
|
||||
margin-right: 5px;
|
||||
width: 530px;
|
||||
text-align: left;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.kratki {
|
||||
|
||||
position: relative;
|
||||
width: 325px;
|
||||
margin-left: 550px;
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.dugi2 {
|
||||
|
||||
position: relative;
|
||||
margin-left: 325px;
|
||||
margin-right: 5px;
|
||||
width: 550px;
|
||||
text-align: left;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.kratki2 {
|
||||
position: absolute;
|
||||
width: 325px;
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.jezik {
|
||||
font: normal 9pt cursive;
|
||||
margin-top: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.enig a:link {
|
||||
color: #00f;
|
||||
text-decoration: none;
|
||||
}
|
||||
.enig a:visited {
|
||||
color: #00a;
|
||||
text-decoration: none;
|
||||
}
|
||||
.enig a:active {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
.enig a:hover {
|
||||
color: #f00;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* --------------------------------------------------------- */
|
||||
.space4 {
|
||||
font: 4pt verdana,sans-serif;
|
||||
}
|
||||
.space6 {
|
||||
font: 6pt verdana,sans-serif;
|
||||
}
|
||||
.space8 {
|
||||
font: 8pt verdana,sans-serif;
|
||||
}
|
||||
|
||||
.paypal {
|
||||
margin-bottom: 10px;
|
||||
color: #000;
|
||||
font: normal 10pt cursive;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.linkdno {
|
||||
margin-bottom: 10px;
|
||||
color: #000;
|
||||
font: normal 12pt cursive;
|
||||
text-align: center;
|
||||
}
|
||||
.copyme {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: #aaa;
|
||||
font: 8pt verdana,sans-serif;
|
||||
}
|
||||
.copyme a:link {color: #a8a9b9}
|
||||
.copyme a:hover {color: #f00}
|
||||
|
||||
.tekst {
|
||||
color: #000;
|
||||
font: 10pt verdana,sans-serif;
|
||||
text-align: justify;
|
||||
}
|
||||
.copycent {
|
||||
margin-top: 5px;
|
||||
font: 10pt verdana,sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
.crven {
|
||||
color: #f00;
|
||||
}
|
||||
.plav {
|
||||
color: #00f;
|
||||
}
|
||||
.citat {
|
||||
padding: 0px 10px 5px 10px;
|
||||
font: 11px/150% verdana,sans-serif;
|
||||
color: #226622;
|
||||
text-align: justify;
|
||||
}
|
||||
.eni-print {
|
||||
position: absolute;
|
||||
left: -6000px;
|
||||
}
|
||||
|
||||
|
||||
.tablica table, .tablica-b table{
|
||||
border: 1px #000 solid;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
text-align: center;
|
||||
}
|
||||
.tablica caption, .tablica-b caption {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
padding: 3px 0px;
|
||||
text-align: center;
|
||||
}
|
||||
.tablica td {
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
padding: 3px;
|
||||
}
|
||||
.tablica-b td {
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
padding: 3px;
|
||||
}
|
||||
.sredina {
|
||||
text-align: center;
|
||||
padding: 3px;
|
||||
}
|
||||
/* ---------------------------------------- */
|
||||
/* Oksidacijski brojevi */
|
||||
/* ---------------------------------------- */
|
||||
.sy, .sy-r, .sy-g, .sy-b {
|
||||
position: relative;
|
||||
padding-left: 1px;
|
||||
font-size: 11pt;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
.sy-r {color: #f00;}
|
||||
.sy-g {color: #4f8c4f;}
|
||||
.sy-b {color: #00f;}
|
||||
.oxbr {
|
||||
position: absolute;
|
||||
top: -1em;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
font-family: serif;
|
||||
font-size: 70%;
|
||||
text-align: center;
|
||||
}
|
||||
.eq-l, .eq-c, .eq-t {
|
||||
position: relative;
|
||||
font-size: 11pt;
|
||||
font-weight: 500;
|
||||
}
|
||||
.eq-l {
|
||||
padding: 15px;
|
||||
text-align: left;
|
||||
}
|
||||
.eq-c {
|
||||
padding: 10px 0px;
|
||||
text-align: center;
|
||||
}
|
||||
.eq-t {
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
.eq-final {
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
background: #fff;
|
||||
border: 1px solid #0cc;
|
||||
}
|
||||
.korak {
|
||||
padding-left: 50px;
|
||||
}
|
||||
/* ---------------------------------------- */
|
||||
|
||||
/*
|
||||
.vidi {background: #ff0; visibility: visible;}
|
||||
.nevidi {visibility: hidden;} */
|
||||
/* -------------------------------------------- */
|
||||
|
|
@ -0,0 +1,175 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html lang="en"><head><title>Scientific Calculator</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<meta name="description" content="Calc4Chem is a JavaScript scientific calculator for chemists. This calculator can be used as common scientific calculator (sin, cos, log, power, root, memory), but it also includes a molecular weight calculator and the tables with various physical and chemical constants. The calculator contains a list with task history, storing all the recent inputs and results. Scientific calculator displays the numbers rounded to a user-specified number of decimal places.">
|
||||
<meta name="keywords" content="javascript, calc4chem, enig, scientific, calculator, chemists, mathematic, chemistry, molecular, weight, physical, constants, memory, decimals, sine, cosine, tangent, power, root, logarithm, percent, factorial, memory, round, numbers, free, program">
|
||||
<meta name="url" content="http://www.periodni.com">
|
||||
<meta name="author" content="Eni Generalic, Faculty of Chemistry and Technology, Split, Croatia">
|
||||
<meta name="reply-to" content="enig@periodni.com">
|
||||
<meta name="copyright" content="Copyright © 2010 Eni Generalic, All Rights Reserved">
|
||||
<script type="text/javascript" src="calc4chem.js"></script>
|
||||
<link media="all" href="enig.css" type="text/css" rel="stylesheet">
|
||||
<link media="all" href="calc4chem.css" type="text/css" rel="stylesheet"></head>
|
||||
<body onload="start()">
|
||||
<!-- END DIV - logo -->
|
||||
<!-- END DIV - topmeni -->
|
||||
<div class="data">
|
||||
<div id="calc4chem">
|
||||
<form action="http://www.periodni.com" name="racunalo">
|
||||
<div id="kalkulator">
|
||||
<div class="displej">
|
||||
<input name="numauto" value="AUTO" id="numauto" onfocus="ascifix[0].click()" type="text" size="20">
|
||||
<input name="numsci" value="SCI" id="numsci" onfocus="ascifix[1].click()" type="text" size="20">
|
||||
<input name="numfix" value="FIX" id="numfix" onfocus="ascifix[2].click()" type="text" size="20">
|
||||
<input name="nummem" value="MEM" id="nummem" onfocus="MS.click()" type="text" size="20">
|
||||
<input name="numrad" value="RAD" id="numrad" onfocus="stupnjevi[0].click()" type="text" size="20">
|
||||
<input name="numdeg" value="DEG" id="numdeg" onfocus="stupnjevi[1].click()" type="text" size="20">
|
||||
<input name="numgrad" value="GRAD" id="numgrad" onfocus="stupnjevi[2].click()" type="text" size="20">
|
||||
<input name="upit" value="Problem" onclick="this.select()" class="upit" type="text" size="20">
|
||||
<input name="rezultat" value="Solution" onclick="this.select()" class="rezultat" type="text" size="20">
|
||||
</div>
|
||||
<div class="zadatak">
|
||||
<input name="zadatak" value="" onkeydown="if (event.keyCode==13) {enter.click()}" class="unos" type="text" size="20">
|
||||
</div>
|
||||
<input name="cls" value="Cls" title="Clear" onclick="memory(3)" class="cls" type="button">
|
||||
<div class="tipkovnica">
|
||||
<input name="sqrt" value="√¯" title="Square root" onclick="izracunaj(3)" class="b11" type="button">
|
||||
<input name="root" value="y√¯x" title="Root" onclick="izracunaj(22)" class="b12" type="button">
|
||||
<input name="ln" value="ln" title="Natural logarithm" onclick="izracunaj(5)" class="b13" type="button">
|
||||
<input name="log" value="log" title="Common logarithm" onclick="izracunaj(8)" class="b14" type="button">
|
||||
<input name="tan" value="tan" title="Tangent" onclick="izracunaj(14)" class="b15" type="button">
|
||||
<input name="atan" value="atan" title="Arc tangent" onclick="izracunaj(10)" class="b16" type="button">
|
||||
<input name="kvadrat" value="x²" title="Square" onclick="izracunaj(2)" class="b21" type="button">
|
||||
<input name="potencija" value="x^y" title="Power" onclick="izracunaj(21)" class="b22" type="button">
|
||||
<input name="aln" value="e^x" title="Natural antilogarithm" onclick="izracunaj(6)" class="b23" type="button">
|
||||
<input name="alog" value="10^x" title="Common antilogarithm" onclick="izracunaj(9)" class="b24" type="button">
|
||||
<input name="cos" value="cos" title="Cosine" onclick="izracunaj(15)" class="b25" type="button">
|
||||
<input name="acos" value="acos" title="Arc cosine" onclick="izracunaj(11)" class="b26" type="button">
|
||||
<input name="sign" value="+/-" title="Sign change" onclick="izracunaj(4)" class="b31" type="button">
|
||||
<input name="1/x" value="1/x" title="Reciprocal" onclick="izracunaj(7)" class="b32" type="button">
|
||||
<input name="fact" value="x!" title="Factorial" onclick="izracunaj(20)" class="b33" type="button">
|
||||
<input name="postotak" value="%" title="Percent" onclick="izracunaj(17)" class="b34" type="button">
|
||||
<input name="sin" value="sin" title="Sine" onclick="izracunaj(16)" class="b35" type="button">
|
||||
<input name="asin" value="asin" title="Arc sine" onclick="izracunaj(12)" class="b36" type="button">
|
||||
<input name="7" value="7" title="Seven" onclick="dodajBroj(7)" class="b41" type="button">
|
||||
<input name="8" value="8" title="Eight" onclick="dodajBroj(8)" class="b42" type="button">
|
||||
<input name="9" value="9" title="Nine" onclick="dodajBroj(9)" class="b43" type="button">
|
||||
<input name="djeljeno" value="÷" title="Division" onclick="dodajBroj('/')" class="b44" type="button">
|
||||
<input name="MS" value="MS" title="Memory store" onclick="memory(1)" class="b45" type="button">
|
||||
<input name="MR" value="MR" title="Memory recall" onclick="memory(2)" class="b46" type="button">
|
||||
<input name="4" value="4" title="Four" onclick="dodajBroj(4)" class="b51" type="button">
|
||||
<input name="5" value="5" title="Five" onclick="dodajBroj(5)" class="b52" type="button">
|
||||
<input name="6" value="6" title="Six" onclick="dodajBroj(6)" class="b53" type="button">
|
||||
<input name="puta" value="×" title="Multiplication" onclick="dodajBroj('*')" class="b54" type="button">
|
||||
<input name="con" value="Constants" title="Physical Constants" onclick="vidi('konstante'); return false;" class="b55" type="button">
|
||||
<input name="1" value="1" title="One" onclick="dodajBroj(1)" class="b61" type="button">
|
||||
<input name="2" value="2" title="Two" onclick="dodajBroj(2)" class="b62" type="button">
|
||||
<input name="3" value="3" title="Three" onclick="dodajBroj(3)" class="b63" type="button">
|
||||
<input name="minus" value="-" title="Subtraction" onclick="dodajBroj('-')" class="b64" type="button">
|
||||
<input name="lijevo" value="(" title="Parentheses" onclick="dodajBroj('(')" class="b65" type="button">
|
||||
<input name="desno" value=")" title="Parentheses" onclick="dodajBroj(')')" class="b66" type="button">
|
||||
<input name="0" value="0" title="Zero" onclick="dodajBroj(0)" class="b71" type="button">
|
||||
<input name="." value="." title="Decimal point" onclick="dodajBroj('.')" class="b72" type="button">
|
||||
<input name="exp" value="exp" title="Exponent" onclick="dodajBroj('e')" class="b73" type="button">
|
||||
<input name="plus" value="+" title="Addition" onclick="dodajBroj('+')" class="b74" type="button">
|
||||
<input name="enter" value="=" title="Calculate" onclick="izracunaj(1)" class="b75" type="button">
|
||||
</div> <!-- END tipkovnica -->
|
||||
<div id="numformat">
|
||||
<p class="formatnaslov">Number formats</p>
|
||||
<div class="formatbr">
|
||||
<div class="automatik">
|
||||
<input name="ascifix" checked="checked" title="Automatic" onclick="scifix(0)" type="radio">
|
||||
<a href="javascript:document.racunalo.ascifix[0].click()" onmouseover="self.status='Automatic'; return true">Auto</a>
|
||||
</div>
|
||||
<div class="scienc">
|
||||
<input name="ascifix" title="Scientific notation" onclick="scifix(1)" type="radio">
|
||||
<a href="javascript:document.racunalo.ascifix[1].click()" onmouseover="self.status='Scientific notation'; return true">Sci</a>
|
||||
</div>
|
||||
<div class="fiksed">
|
||||
<input name="ascifix" title="Fixed number of decimal places" onclick="scifix(2)" type="radio">
|
||||
<a href="javascript:document.racunalo.ascifix[2].click()" onmouseover="self.status='Fixed number of decimal places'; return true">Fix</a>
|
||||
</div>
|
||||
<div class="decnaslov">Decimals</div>
|
||||
<select name="izaZareza" size="1" onchange="numformat(this.selectedIndex)" class="decimal">
|
||||
<option value="0"> 0 </option>
|
||||
<option value="1"> 1 </option>
|
||||
<option value="2"> 2 </option>
|
||||
<option value="3"> 3 </option>
|
||||
<option value="4"> 4 </option>
|
||||
<option value="5"> 5 </option>
|
||||
<option value="6"> 6 </option>
|
||||
<option value="7"> 7 </option>
|
||||
<option value="8"> 8 </option>
|
||||
<option value="9"> 9 </option>
|
||||
<option value="10"> 10 </option>
|
||||
<option value="11"> 11 </option>
|
||||
<option value="12"> 12 </option>
|
||||
<option value="13"> ---- </option>
|
||||
<option value="14" selected="selected"> Auto </option>
|
||||
</select>
|
||||
<div class="separator">
|
||||
<a href="javascript:seplk(1)" onmouseover="self.status='1000 separator'; return true">1000 separator </a>
|
||||
<input id="tisucice" onclick="seplk(0)" type="checkbox" value="ON">
|
||||
</div>
|
||||
</div> <!-- END formatbr -->
|
||||
<div class="rad">
|
||||
<input name="stupnjevi" checked="checked" title="Radians" onclick="raddeg(0)" type="radio">
|
||||
<span class="deg">
|
||||
<a href="javascript:document.racunalo.stupnjevi[0].click()" onmouseover="self.status='Radians'; return true">Rad </a>
|
||||
</span>
|
||||
<input name="stupnjevi" title="Degrees" onclick="raddeg(1)" type="radio">
|
||||
<span class="deg">
|
||||
<a href="javascript:document.racunalo.stupnjevi[1].click()" onmouseover="self.status='Degrees'; return true">Deg </a>
|
||||
</span>
|
||||
<input name="stupnjevi" title="Grads" onclick="raddeg(2)" type="radio">
|
||||
<span class="deg">
|
||||
<a href="javascript:document.racunalo.stupnjevi[2].click()" onmouseover="self.status='Grads'; return true">Grad</a>
|
||||
</span>
|
||||
</div>
|
||||
<input name="close" value="Close" title="Close Form" onclick="memory(4)" class="n4" type="button">
|
||||
<div class="n2copy"><a href="http://www.periodni.com/">Copyright © 2010 by Eni Generalić</a></div>
|
||||
</div> <!-- END numformat -->
|
||||
</div> <!-- END racunalo -->
|
||||
<div id="biljeska">
|
||||
<textarea name="notes" class="tekstarea" rows="1" cols="20">
|
||||
Operations listing:
|
||||
|
||||
</textarea>
|
||||
<input name="mode" value="Mode" title="Number formats" onclick="memory(4)" class="n1" type="button">
|
||||
<input name="select" value="Select All" title="Select All" onclick="document.racunalo.notes.select()" class="n2" type="button">
|
||||
<input name="clear" value="Clear" title="Clear All" onclick="memory(5)" class="n3" type="reset">
|
||||
</div> <!-- END biljeska -->
|
||||
<div id="konstante">
|
||||
<div class="constnaslov"><b>PHYSICAL CONSTANTS</b></div>
|
||||
<div class="const" onclick="dodajConst(-273.15)"><a href="#">Absolute zero<br>-273.15 °C</a></div>
|
||||
<div class="const" onclick="dodajConst(9.80665)"><a href="#">Acceleration of free fall, standard<br>9.80665 m/s<sup>2</sup></a></div>
|
||||
<div class="const" onclick="dodajConst(1.6605402e-27)"><a href="#">Atomic mass unit<br>1.6605402×10<sup>-27</sup> kg</a></div>
|
||||
<div class="const" onclick="dodajConst(6.0221367e23)"><a href="#">Avogadro constant<br>6.0221367×10<sup>23</sup> 1/mol</a></div>
|
||||
<div class="const" onclick="dodajConst(2.718281828)"><a href="#">Base of natural logarithms <br>2.718281828</a></div>
|
||||
<div class="const" onclick="dodajConst(1.380658e-23)"><a href="#">Boltzmann constant<br>1.380658×10<sup>-23</sup> J/K</a></div>
|
||||
<div class="const" onclick="dodajConst(2.81794092e-15)"><a href="#">Classical electron radius<br>2.81794092×10<sup>-15</sup> m</a></div>
|
||||
<div class="const" onclick="dodajConst(9.1093897e-31)"><a href="#">Electron mass<br>9.1093897×10<sup>-31</sup> kg</a></div>
|
||||
<div class="const" onclick="dodajConst(5.44617013e-4)"><a href="#">Electron-proton mass ratio<br>5.44617013×10<sup>-4</sup></a></div>
|
||||
<div class="const" onclick="dodajConst(1.6021892e-19)"><a href="#">Electronvolt<br>1.6021892×10<sup>-19</sup> J</a></div>
|
||||
<div class="const" onclick="dodajConst(1.60217733e-19)"><a href="#">Elementary charge<br>1.60217733×10<sup>-19</sup> C</a></div>
|
||||
<div class="const" onclick="dodajConst(96485.309)"><a href="#">Faraday constant<br>96485.309 C/mol</a></div>
|
||||
<div class="const" onclick="dodajConst(3.7417749e-16)"><a href="#">First radiation constant<br>3.7417749×10<sup>-16</sup> W m<sup>2</sup></a></div>
|
||||
<div class="const" onclick="dodajConst(8.314510)"><a href="#">Molar gas constant<br>8.314510 J/mol K</a></div>
|
||||
<div class="const" onclick="dodajConst(0.02241410)"><a href="#">Molar volume<br>(Ideal gas, <i>T</i> = 273.15 K, <i>p</i> = 101.325 kPa)<br>0.02241410 m<sup>3</sup>/mol</a></div>
|
||||
<div class="const" onclick="dodajConst(6.67259e-11)"><a href="#">Newtonian constant of gravitation<br>6.67259×10<sup>-11</sup> N m<sup>2</sup>/kg<sup>2</sup></a></div>
|
||||
<div class="const" onclick="dodajConst(12.566370614e-7)"><a href="#">Permeability of vacuum<br>12.566370614×10<sup>-7</sup> N/A<sup>2</sup></a></div>
|
||||
<div class="const" onclick="dodajConst(8.854187817e-12)"><a href="#">Permittivity of vacuum<br>8.854187817×10<sup>-12</sup> F/m</a></div>
|
||||
<div class="const" onclick="dodajConst(3.1415926535897932)"><a href="#">PI<br>3.1415926535897932</a></div>
|
||||
<div class="const" onclick="dodajConst(6.6260755e-34)"><a href="#">Planck constants<br>6.6260755×10<sup>-34</sup> J s</a></div>
|
||||
<div class="const" onclick="dodajConst(0.01438769)"><a href="#">Second radiation constant<br>0.01438769 m K</a></div>
|
||||
<div class="const" onclick="dodajConst(1400)"><a href="#">Solar constant<br>1400 W/m<sup>2</sup></a></div>
|
||||
<div class="const" onclick="dodajConst(299792458)"><a href="#">Speed of light in vacuum<br>299792458 m/s</a></div>
|
||||
<div class="const" onclick="dodajConst(340)"><a href="#">Speed of sound in air at STP<br>340 m/s</a></div>
|
||||
<div class="const" onclick="dodajConst(101325)"><a href="#">Standard pressure<br>101325 Pa</a></div>
|
||||
</div> <!-- END konstante -->
|
||||
<input name="oldrezultat" value="" type="hidden">
|
||||
<input name="memorija" value="Memory recall" type="hidden">
|
||||
</form>
|
||||
</div> <!-- END calc4chem -->
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html><head><title>Calendar Component</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="This is the calendar component of the Dock.">
|
||||
<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
|
||||
<script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
|
||||
<script type="text/javascript">
|
||||
window.onload = function(){
|
||||
g_globalObject = new JsDatePick({
|
||||
useMode:1,
|
||||
isStripped:true,
|
||||
target:"calendar"
|
||||
/*selectedDate:{
|
||||
day:5,
|
||||
month:9,
|
||||
year:2006
|
||||
},
|
||||
yearsRange:[1900,2100],
|
||||
limitToToday:false,
|
||||
cellColorScheme:"beige",
|
||||
dateFormat:"%m-%d-%Y",
|
||||
imgPath:"img/",
|
||||
weekStartDay:1*/
|
||||
});
|
||||
g_globalObject.setOnSelectedDelegate(function(){
|
||||
var obj = g_globalObject.getSelectedDay();
|
||||
});
|
||||
};
|
||||
</script>
|
||||
</head>
|
||||
<body style="background-color: #FFFFFF">
|
||||
<div id="calendar" style="width:205px; height:230px;"></div>
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html><head><title>Time Component</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<meta name="description" content="This is the time component of the Dock.">
|
||||
</head>
|
||||
<body style="background-color: #008080">
|
||||
<div style="width:117px; height:117px; margin-left:auto; margin-right:auto;">
|
||||
<script type="text/javascript" src="clock_dial.js"></script>
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<!--
|
||||
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
|
||||
ie4 = (document.all && !document.getElementById)? true : false;
|
||||
ie5 = (document.all && document.getElementById)? true : false;
|
||||
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
|
||||
var mx=0;
|
||||
var my=0;
|
||||
var outer;
|
||||
var now=new Date();
|
||||
var ringX=new Array();
|
||||
var ringY=new Array();
|
||||
ringX[7]=[80,94,100,94,77,53,28,11,5,11,28,53];
|
||||
ringY[7]=[8,26,50,74,91,97,91,74,50,26,8,2];
|
||||
var hours=new Array();
|
||||
var minutes=new Array();
|
||||
var seconds=new Array();
|
||||
var txt=(ns4)? '<table cellpadding=0 cellspacing=0><tr><td width="117" height="117"><ilayer name="outer" height="117" width="117">' : '<div id="outer" style="position:relative; width:117px; height:117px; visibility:visible">';
|
||||
txt+='<img src="face.gif">';
|
||||
for(i=1;i<=7;i++)txt+=(ns4)? '<layer name="sec'+i+'" top="-100" left="0" bgcolor="black" width="6" height="6"></layer>' : '<div id="sec'+i+'" style="position:absolute; top:-100px; left:-100px; width:6px; height:6px; background-color:black; font-size:6px;"></div>';
|
||||
for(i=1;i<=6;i++)txt+=(ns4)? '<layer name="min'+i+'" top="-100" left="0" bgcolor="blue" width="6" height="6"></layer>' : '<div id="min'+i+'" style="position:absolute; top:-100px; left:-100px; width:6px; height:6px; background-color:blue; font-size:6px;"></div>';
|
||||
for(i=1;i<=5;i++)txt+=(ns4)? '<layer name="hrs'+i+'" top="-100" left="0" bgcolor="red" width="6" height="6"></layer>' : '<div id="hrs'+i+'" style="position:absolute; top:-100px; left:-100px; width:6px; height:6px; background-color:red; font-size:6px;"></div>';
|
||||
txt+=(ns4)? '</ilayer></td></tr></table>' : '</div>';
|
||||
document.write(txt);
|
||||
function runclock(){
|
||||
now=new Date();
|
||||
now.hrs=now.getHours();
|
||||
now.min=now.getMinutes();
|
||||
now.sec=now.getSeconds();
|
||||
if(now.hrs==12)now.hrs=0;
|
||||
now.hrs=(now.hrs>12)? now.hrs-12 : now.hrs;
|
||||
now.hrs=Math.floor((now.hrs*5)+(now.min/12));
|
||||
for(n=0;n<hours.length;n++)moveid(hours[n], ringX[n][now.hrs], ringY[n][now.hrs]);
|
||||
for(n=0;n<minutes.length;n++)moveid(minutes[n], ringX[n][now.min], ringY[n][now.min]);
|
||||
for(n=0;n<seconds.length;n++)moveid(seconds[n], ringX[n][now.sec], ringY[n][now.sec]);
|
||||
}
|
||||
function moveid(id,x,y){
|
||||
if(ns4)id.moveTo(x,y);
|
||||
else{
|
||||
id.style.left=x+'px';
|
||||
id.style.top=y+'px';
|
||||
}}
|
||||
// FUNCTION TO FIND NESTED LAYERS IN NS4 BY MIKE HALL
|
||||
function findlayer(name,doc){
|
||||
var i,layer;
|
||||
for(i=0;i<doc.layers.length;i++){
|
||||
layer=doc.layers[i];
|
||||
if(layer.name==name)return layer;
|
||||
if(layer.document.layers.length>0)if((layer=findlayer(name,layer.document))!=null)return layer;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
function getid(idstr){
|
||||
if(ns4) return findlayer(idstr, document);
|
||||
if(ie4) return document.all[idstr];
|
||||
else return document.getElementById(idstr);
|
||||
}
|
||||
window.onload=function(){
|
||||
for(i=1;i<=5;i++)hours[i-1]=getid('hrs'+i);
|
||||
for(i=1;i<=6;i++)minutes[i-1]=getid('min'+i);
|
||||
for(i=1;i<=7;i++)seconds[i-1]=getid('sec'+i);
|
||||
outer=getid('outer');
|
||||
var cnt=[0];
|
||||
var radius=6;
|
||||
var result=new Array();
|
||||
for(i=1;i<=60;i++){
|
||||
cnt[i]=cnt[i-1]+((Math.PI*2)/60);
|
||||
cnt[i-1]+=Math.PI/180;
|
||||
}
|
||||
for(num=0;num<=6;num++){
|
||||
ringX[num]=new Array();
|
||||
ringY[num]=new Array();
|
||||
for(i=1;i<=60;i++){
|
||||
result=((i-15)<0)? 60+i-15 : i-15;
|
||||
ringX[num][i]=Math.floor((num*radius*Math.cos(cnt[result]))+56);
|
||||
ringY[num][i]=Math.floor((num*radius*Math.sin(cnt[result]))+55);
|
||||
}
|
||||
ringX[num][0]=ringX[num][60];
|
||||
ringY[num][0]=ringY[num][60];
|
||||
}
|
||||
setInterval('runclock()',100);
|
||||
}
|
||||
|
||||
window.onresize=function(){
|
||||
if(ns4)setTimeout('history.go(0)',300);
|
||||
}
|
||||
//-->
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<!--
|
||||
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
|
||||
ie4 = (document.all && !document.getElementById)? true : false;
|
||||
ie5 = (document.all && document.getElementById)? true : false;
|
||||
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
|
||||
var mx=0;
|
||||
var my=0;
|
||||
var outer;
|
||||
var now=new Date();
|
||||
var ringX=new Array();
|
||||
var ringY=new Array();
|
||||
ringX[7]=[80,94,100,94,77,53,28,11,5,11,28,53];
|
||||
ringY[7]=[8,26,50,74,91,97,91,74,50,26,8,2];
|
||||
var hours=new Array();
|
||||
var minutes=new Array();
|
||||
var seconds=new Array();
|
||||
var txt=(ns4)? '<table cellpadding=0 cellspacing=0><tr><td width="117" height="117"><ilayer name="outer" height="117" width="117">' : '<div id="outer" style="position:relative; width:117px; height:117px; visibility:visible">';
|
||||
txt+='<img src="face.png">';
|
||||
for(i=1;i<=7;i++)txt+=(ns4)? '<layer name="sec'+i+'" top="-100" left="0" bgcolor="black" width="6" height="6"></layer>' : '<div id="sec'+i+'" style="position:absolute; top:-100px; left:-100px; width:6px; height:6px; background-color:black; font-size:6px;"></div>';
|
||||
for(i=1;i<=6;i++)txt+=(ns4)? '<layer name="min'+i+'" top="-100" left="0" bgcolor="blue" width="6" height="6"></layer>' : '<div id="min'+i+'" style="position:absolute; top:-100px; left:-100px; width:6px; height:6px; background-color:blue; font-size:6px;"></div>';
|
||||
for(i=1;i<=5;i++)txt+=(ns4)? '<layer name="hrs'+i+'" top="-100" left="0" bgcolor="red" width="6" height="6"></layer>' : '<div id="hrs'+i+'" style="position:absolute; top:-100px; left:-100px; width:6px; height:6px; background-color:red; font-size:6px;"></div>';
|
||||
txt+=(ns4)? '</ilayer></td></tr></table>' : '</div>';
|
||||
document.write(txt);
|
||||
function runclock(){
|
||||
now=new Date();
|
||||
now.hrs=now.getHours();
|
||||
now.min=now.getMinutes();
|
||||
now.sec=now.getSeconds();
|
||||
if(now.hrs==12)now.hrs=0;
|
||||
now.hrs=(now.hrs>12)? now.hrs-12 : now.hrs;
|
||||
now.hrs=Math.floor((now.hrs*5)+(now.min/12));
|
||||
for(n=0;n<hours.length;n++)moveid(hours[n], ringX[n][now.hrs], ringY[n][now.hrs]);
|
||||
for(n=0;n<minutes.length;n++)moveid(minutes[n], ringX[n][now.min], ringY[n][now.min]);
|
||||
for(n=0;n<seconds.length;n++)moveid(seconds[n], ringX[n][now.sec], ringY[n][now.sec]);
|
||||
}
|
||||
function moveid(id,x,y){
|
||||
if(ns4)id.moveTo(x,y);
|
||||
else{
|
||||
id.style.left=x+'px';
|
||||
id.style.top=y+'px';
|
||||
}}
|
||||
// FUNCTION TO FIND NESTED LAYERS IN NS4 BY MIKE HALL
|
||||
function findlayer(name,doc){
|
||||
var i,layer;
|
||||
for(i=0;i<doc.layers.length;i++){
|
||||
layer=doc.layers[i];
|
||||
if(layer.name==name)return layer;
|
||||
if(layer.document.layers.length>0)if((layer=findlayer(name,layer.document))!=null)return layer;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
function getid(idstr){
|
||||
if(ns4) return findlayer(idstr, document);
|
||||
if(ie4) return document.all[idstr];
|
||||
else return document.getElementById(idstr);
|
||||
}
|
||||
window.onload=function(){
|
||||
for(i=1;i<=5;i++)hours[i-1]=getid('hrs'+i);
|
||||
for(i=1;i<=6;i++)minutes[i-1]=getid('min'+i);
|
||||
for(i=1;i<=7;i++)seconds[i-1]=getid('sec'+i);
|
||||
outer=getid('outer');
|
||||
var cnt=[0];
|
||||
var radius=6;
|
||||
var result=new Array();
|
||||
for(i=1;i<=60;i++){
|
||||
cnt[i]=cnt[i-1]+((Math.PI*2)/60);
|
||||
cnt[i-1]+=Math.PI/180;
|
||||
}
|
||||
for(num=0;num<=6;num++){
|
||||
ringX[num]=new Array();
|
||||
ringY[num]=new Array();
|
||||
for(i=1;i<=60;i++){
|
||||
result=((i-15)<0)? 60+i-15 : i-15;
|
||||
ringX[num][i]=Math.floor((num*radius*Math.cos(cnt[result]))+56);
|
||||
ringY[num][i]=Math.floor((num*radius*Math.sin(cnt[result]))+55);
|
||||
}
|
||||
ringX[num][0]=ringX[num][60];
|
||||
ringY[num][0]=ringY[num][60];
|
||||
}
|
||||
setInterval('runclock()',100);
|
||||
}
|
||||
|
||||
window.onresize=function(){
|
||||
if(ns4)setTimeout('history.go(0)',300);
|
||||
}
|
||||
//-->
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
tday =new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
|
||||
tmonth=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
|
||||
function GetClock(){
|
||||
d = new Date();
|
||||
nday = d.getDay();
|
||||
nmonth = d.getMonth();
|
||||
ndate = d.getDate();
|
||||
nyear = d.getYear();
|
||||
nhour = d.getHours();
|
||||
nmin = d.getMinutes();
|
||||
nsec = d.getSeconds();
|
||||
if(nyear<1000) nyear=nyear+1900;
|
||||
if(nhour == 0) {ap = " AM";nhour = 12;}
|
||||
else if(nhour <= 11) {ap = " AM";}
|
||||
else if(nhour == 12) {ap = " PM";}
|
||||
else if(nhour >= 13) {ap = " PM";nhour -= 12;}
|
||||
if(nmin <= 9) {nmin = "0" +nmin;}
|
||||
if(nsec <= 9) {nsec = "0" +nsec;}
|
||||
document.getElementById('clockbox').innerHTML=""+tday[nday]+", "+tmonth[nmonth]+" "+ndate+", "+nyear+"<br>"+nhour+":"+nmin+":"+nsec+ap+"";
|
||||
setTimeout("GetClock()", 1000);
|
||||
}
|
||||
window.onload=GetClock;
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 895 B |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
Binary file not shown.
|
After Width: | Height: | Size: 148 B |
Binary file not shown.
|
After Width: | Height: | Size: 150 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 616 B |
Binary file not shown.
|
After Width: | Height: | Size: 398 B |
Binary file not shown.
|
After Width: | Height: | Size: 406 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue