Autor Zpráva
klima555
Profil
jak docílit změny dvou obrázků při změně proměnné
juriad
Profil
Zkus se lépe vyjádřit: o co se snažíš a jaký kód už máš.
Co myslíš pojmem změna proměnné?
klima555
Profil
mám dva obrázky použil jsem příkaz if
<script>
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>
to sice funguje ,ale změna probězne až po novém přihlášení a nebo po ručním refresh .autorefresh aktulizuje sice všechny hodnoty i tu proměnnou ale obrázek zůstane původní
juriad
Profil
Aha, takže máš PHP skript, který vypíše do stránky aktuální stav (proměnná $C1d9) do proměnné d.
A ty chceš změnit obrázek, když by se změní stav.

Tak jednoduše to nejde. Stránka se zobrazí až PHP skript celý doběhne.
Máš dvě možnosti:
1) automaticky obnovit celou stránku každých pár sekund
2) AJAXem obnovit jen část stránky (ten obrázek) každých pár sekund.

Té části s autorefresh nerozumím. Co tím myslíš?
klima555
Profil
tak jsem to tak napůl vyřešil ,ale nastal jiný problém
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?


ten autorefresh je tam pro načitáni aktualních hodnot -teploty a stavů výstupů


jsem totální amater nevím jak to v tom ajaxu napsat aby to fungovalo


selé to vypadá takhle tady je to ještě s původním- var AutoRefreshTime = 30;
<!--2.0-->
<!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&nbsp;$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>
peta
Profil
Kdyz pises souvisly js kod, nemusis ho prerusovat </script><script>. Tez je dobre kod obalit do funkci, kdyz to jde. A taky by bylo fajn nestridat <br> </br>
Ceho chces presne docilit? Potrebujes k tomu ten php? Nestacilo by pouzit casovac a menit promennou v js, aby prochazela pole? Neco na zpusob prikladu Vypis nahodneho prislovi javascriptem, co je na jpw?
klima555
Profil
jak jsem psan nahoře potřebuji prostřídat dva obrázky ,když v proměnné dojde ke změně stavu a po autorefresh ukázat aktualní obrázek pro daný stav .

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: