Změna dvou obrázků na webové stránce
mám dva obrazky uložené na nějakem uložišti jak provést střídání těchto obrázků od změny proměnné
Odpovědi
Diskuze
<!--
var d="$C1d9";
if (d =="VYP")
{
var GraphicFile=("http://s19.postimage.org/cy72uqgdf/regulace_uvr.png");
pokracovat = true;
}
else
{
var GraphicFile=(" http://s19.postimage.org/hlbe22wyr/Animation29.gif");
pokracovat = false;
}
-->
</script> kod funguje ale zmena nastane až po opětovném nalogování do systému nebo po ručním refresh auto refresh pouze aktualizuje hodnoty ale obrazek zůstává původní jak na to?
Takze bez znalosti dalsi logiky nejde konkretne rict, co mas udelat.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;
<html xmlns="http://www.w3.org/1999/xhtml">;
<head>
<meta http-equiv="content-type" content="text/html;windows-1252" />
<style type="text/css">
body {font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; background-repeat: no-repeat; background-color: transparent; background: transparent;
margin: 0px; padding: 0px;}
#frame {text-align: left; vertical-align: top; position: relative; margin-left: 0;}
/*########## CSS-ID: pozice parametru zobrazeni ##########*/
#pos01 {top: 356px; left: 10px;}
#pos02 {top: 512px; left: 132px;}
#pos03 {top: 352px; left: 134px;}
#pos04 {top: 418px; left: 252px;}
#pos06 {top: 280px; left: 358px;}
#pos07 {top: 148px; left: 300px;}
#pos08 {top: 92px; left: 302px;}
#pos09 {top: 134px; left: 418px;}
#pos10 {top: 304px; left: 538px;}
#pos11 {top: 364px; left: 684px;}
#pos12 {top: 448px; left: 302px;}
#pos13 {top: 454px; left: 708px;}
#pos14 {top: 420px; left: 588px;}
#pos15 {top: 534px; left: 688px;}
#pos16 {top: 188px; left: 632px;}
#pos17 {top: 430px; left: 810px;}
#pos18 {top: 520px; left: 246px;}
#pos19 {top: 144px; left: 630px;}
#pos20 {top: 0px; left: 524px;}
#pos21 {top: 0px; left: 144px;}
#pos22 {top: 456px; left: 754px;}
#pos23 {top: 450px; left: 352px;}
#pos24 {top: 230px; left: 634px;}
#pos25 {top: 350px; left: 832px;}
#pos26 {top: 118px; left: 170px;}
#pos27 {top: 118px; left: 10px;}
#pos28 {top: 160px; left: 10px;}
#pos29 {top: 195px; left: 10px;}
#pos30 {top: 140px; left: 170px;}
#pos31 {top: 162px; left: 170px;}
#pos32 {top: 372px; left: 832px;}
#pos33 {top: 394px; left: 832px;}
#pos34 {top: 320px; left: 300px;}
#pos35 {top: 350px; left: 300px;}
#pos36 {top: 450px; left: 810px;}
/*########## CSS-trida: predstaveni parametru zobrazeni ##########*/
.style1 {font-family: Tahoma; font-size: 20px; text-align: left; font-style: normal; font-weight: bold; color: #000000; position: absolute;}
</style>
<script>
var Width = "1890px";
var Height = "1240px";
//### cas intervalu (v sekundach) pro automatickou aktualizace merenych hodnot: ###
//### < 30 = zadna automaticka aktualizace ###
//--------------------------------------------------
var AutoRefreshTime = 30;
//### text linku pro manualni aktualizaci merenych hodnot: ###
//### "" = zadny link pro manualni aktualizaci ###
//--------------------------------------------------
var RefreshLink ="aktualizovat hodnoty";
-->
</script>
<script type="text/javascript">
<!--
var d="$C1d9";
if (d =="VYP")
{
var GraphicFile=("http://s19.postimage.org/cy72uqgdf/regulace_uvr.png");
pokracovat = true;
}
else
{
var GraphicFile=(" http://s19.postimage.org/hlbe22wyr/Animation29.gif");
pokracovat = false;
}
-->
</script>
<script>
var y, text; //definice číslo a text
y =$n1a2; //sčítani promenná
x =$n1a3; //sčítani promenná
z =x+y;
text = "celkova spotreba " + z; //
document.write(text)
</script>
<script>
function pushbutton() {
window.open("http://192.168.1.150/main.html");
}
</script>
<script>
onclick="pushbutton";
</script>
<script>
function spotreba() {
var y, text; //definice číslo a text
y =$n1a2; //sčítani promenná
x =$n1a3; //sčítani promenná
z =x+y;
text = "celková spotreba " + z; //
document.write(text);
}
</script>
<script>
onclick="MOJE";
</script>
<script>
function venk() {
window.open("http://.........");
}
</script>
</head>
<div id="frame">
<!--########## definice parametru zobrazeni ##########-->
<div class="style1" id="pos01">$C1a9</div>
<div class="style1" id="pos02">$C1a1</div>
<div class="style1" id="pos03">$C1a0</div>
<div class="style1" id="pos04">$C1ac</div>
<div class="style1" id="pos06">$C1a2</div>
<div class="style1" id="pos07">$C1a4</div>
<div class="style1" id="pos08">$C1a5</div>
<div class="style1" id="pos09">$c1d7</div>
<div class="style1" id="pos10">$c1d9</div>
<div class="style1" id="pos11">$C1a6</div>
<div class="style1" id="pos12">$c1d0</div>
<div class="style1" id="pos13">$c1d1</div>
<div class="style1" id="pos14">$C1a8</div>
<div class="style1" id="pos15">$C1a7</div>
<div class="style1" id="pos16">HDO$C1ad</div>
<div class="style1" id="pos17">tep1$C1ab</div>
<div class="style1" id="pos18">$C1a3</div>
<div class="style1" id="pos19"><span style="color: red;">venkovka$C1d4</div>
<div class="style1" id="pos20">$c1t1</div>
<div class="style1" id="pos21">$c1z1</div>
<div class="style1" id="pos22">$n1a1</div>
<div class="style1" id="pos23">$n1a0</div>
<div class="style1" id="pos24">kotel $c1d8</div>
<div class="style1" id="pos25"><span style="color: red;">kw/e $n1a2</div>
<div class="style1" id="pos26"><span style="color: red;">kw/e $n1a3</div>
<div class="style1" id="pos27"> <input type="button" name="MOJE" value="dom.uvr"onclick="pushbutton()"> </div>
<div class="style1" id="pos28"> <input type="button" name="a" value="tak kolik to natocilo"onclick="spotreba()"> </div>
<div class="style1" id="pos29"> <input type="button" name="a" value="ven.uvr"onclick="venk()"> </div>
<div class="style1" id="pos30">kw/o $n1a4</div>
<div class="style1" id="pos31">kw/c $n1a5</div>
<div class="style1" id="pos32">kw/o $n1a6</div>
<div class="style1" id="pos33">kw/c $n1a7</div>
<div class="style1" id="pos34">l/h $n1a8</div>
<div class="style1" id="pos35">$n1a9</div>
<div class="style1" id="pos36">tep2$C1ae</div>
<br>
<button type="button" onclick="document.location.href='580E01.htm'"><=</button></span
</br>
<br>
<form name="blw" method="GET"><select name="blw901D3001" onchange="blw.submit()"><option value="1">POHOTOVOST</option><option value="2">CAS/AUTO</option><option
value="3" selected="selected">NORMAL.</option><option value="4">SNIZENA</option><option value="5">PARTY</option><option value="6">DOVOLENA</option><option
value="7">VOLNO</option></select>
</div>
</body>
</html>
šlo by to tam nějak dopsat?
2) Tato proměnná se bude nastavovat kde ? na serveru nebo ji bude odesílat uživatel metodou POST nebo GET na server ?
3) nebo bude tuto proměnnou napevno obsahovat kód HTML ?
jde o to aby při stavu čerpadla VYP v proměné $C1d9 se zobrazil obrázek
a při druhé stavu ZAP se načetla animace .Moc tomu nerozumím ,ale nějak bz to jít mělo
protože pokud se stav proměnné změní a já dám ručně refresh tak se načte ten správný stav animace nebo obrázek ale při autorefresh se aktualizuji jen hodnoty ,třeba je nějaký script který nahradí ten můj ruční refresh a dal by se napsat ,že po změně stavu proměné refresh
vložil sjem
<meta http-equiv="refresh" content=30;URL=http://192.168.1.150/GRAFIK.htm">;
změna nastane po 30s ale při každém dalším načtení zůstane první obrazek na původním míste a nový se překryje přes něj a o kus se posune a znova a znova co stím?