Autor | Zpráva | ||
---|---|---|---|
klima555 Profil |
#1 · Zasláno: 15. 9. 2013, 11:48:59
jak docílit změny dvou obrázků při změně proměnné
|
||
juriad Profil |
#2 · Zasláno: 15. 9. 2013, 11:51:03
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 |
#3 · Zasláno: 15. 9. 2013, 11:53:28
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 |
#5 · Zasláno: 15. 9. 2013, 12:04:12 · Upravil/a: klima555
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 $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 |
#7 · Zasláno: 17. 9. 2013, 15:46:45
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 .
|
||
Časová prodleva: 11 let
|
0