Auto Refresh, hvordan virker script.

Her kan du få hjælp og stille spørgsmål til JavaScript!
Besvar
Bech
Begynder
Indlæg: 22
Tilmeldt: 4. feb 2013, 10:14

Auto Refresh, hvordan virker script.

Indlæg af Bech » 11. feb 2013, 13:42

Hej

Jeg har en side med et javascript på, det skifter nogle billeder alt efter en værdi på en var. men nu vil jeg gerne have den del af siden med billeder styret af JavaScriptet. men ikke resten af siden.

Nogle der har et forslag til dette? evt. med og lave en opdelt side?

Jeg har fundet denne kode, men er usikker på hvordan det kan hjælpe mig, hvordan jeg får det puttet ind i det script jeg har nu.

Kode: Vælg alt

<html>
  <head>
   <title></title>
  <script type="text/javascript">
    window.onload = startInterval;
    function startInterval()
    {
        setInterval("startTime();",1000);
    }
    
    function startTime()
    {
        document.getElementById('time').innerHTML = Date();  
    }
  </script>
  </head>
  <body>  
            <div id="time"></div>
  </body>
</html>
Info omkring det andet nævnte JavaScript.
http://www.nemprogrammering.dk/forum/vi ... ?f=3&t=588

Brugeravatar
Daniel
Admin
Admin
Indlæg: 625
Tilmeldt: 14. jun 2011, 09:27
Geografisk sted: Danmark, Fyn, Nørre Aaby
Kontakt:

Re: Auto Refresh, hvordan virker script.

Indlæg af Daniel » 11. feb 2013, 13:56

Hmm, hvis det er fordi du vil have siden til at auto refresh fx hvert 30 sekund, så kan du bruge HTML til det.

Sæt dette i din header:

Kode: Vælg alt

<meta http-equiv="refresh" content="30" />

Bech
Begynder
Indlæg: 22
Tilmeldt: 4. feb 2013, 10:14

Re: Auto Refresh, hvordan virker script.

Indlæg af Bech » 11. feb 2013, 13:59

Det er sådan jeg har gjordt det lige nu.

Men har den venstre del af siden er billeder der bliver styrret af et JavaScript, de skal opdatere hver 10sek.
Og højre del af siden er med indtastnings felter der ikke skal auto opdateres.

Brugeravatar
Daniel
Admin
Admin
Indlæg: 625
Tilmeldt: 14. jun 2011, 09:27
Geografisk sted: Danmark, Fyn, Nørre Aaby
Kontakt:

Re: Auto Refresh, hvordan virker script.

Indlæg af Daniel » 11. feb 2013, 14:50

Hmm, se eventuelt i bunden af denne artikel (selve artiklen, ikke kommentarerne)
http://www.techtricky.com/how-to-refres ... matically/

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg: 1528
Tilmeldt: 28. dec 2010, 10:49

Re: Auto Refresh, hvordan virker script.

Indlæg af ThomasI » 11. feb 2013, 16:54

Altså er det nogle billeder du vil have der skal skifte hvert 30 sekund?

I såfald er det jo en jquery slider / image gallery du skal have fat på...

Bech
Begynder
Indlæg: 22
Tilmeldt: 4. feb 2013, 10:14

Re: Auto Refresh, hvordan virker script.

Indlæg af Bech » 12. feb 2013, 10:02

de skal ikke skifte hvert 30 sek. de skal opdateres hver f.eks. 30 sek.

Jeg har et JavaScript der skifter billederne alt efter værdien af en variabel.

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg: 1528
Tilmeldt: 28. dec 2010, 10:49

Re: Auto Refresh, hvordan virker script.

Indlæg af ThomasI » 12. feb 2013, 10:31

Og hvad er forskellen på at skifte og opdatere? ;) Går udfra at det er et nye billede du skal have vist hvert 30. sekund?

Bech
Begynder
Indlæg: 22
Tilmeldt: 4. feb 2013, 10:14

Re: Auto Refresh, hvordan virker script.

Indlæg af Bech » 12. feb 2013, 11:48

Jeg har 3 billeder der har samme placering på siden. Billed_Rød, Billed_Grøn og Billed_gul.

Så har jeg en variabel der kan have værdine 1, 2 eller 3.

Variabel = 1 - vises et rødt billed
Variabel = 2 - vises et grønt billed
Variabel = 3 - vises et gult billed

Eks. Hvis værdien er 1 og der er vist et grønt billed, hvis værdien skifter til 3 skal der vises et gult billed, men dette sker først når der trykkes F5 (Refresh)

Så det er det jeg gerne vil have sker automatiks, har prøvet med Meta kode så hele siden opdateres hver 30 eller 10 sek. men der er en del indtastnings felter der bliver "nulstillet" når siden opdateres.
Derfor ønsker jeg kun og opdatere billederne eller dele siden op i to sektioner, en med billeder og en med indtastnings felter, hvor billed sektionen opdateres automatiks hver 10 sek.

En anden løsning som kunne være smart, ved dog ikke om det kan lade sig gøre, er at billed delen opdateres hver gang variabel skifter værdi, så det ikke sker med fast interval men først når der er en ændring i værdien.

Håber dette forklare det bedre.

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg: 1528
Tilmeldt: 28. dec 2010, 10:49

Re: Auto Refresh, hvordan virker script.

Indlæg af ThomasI » 12. feb 2013, 12:52

Ok...tror godt jeg ved hvad du mener ;)

Det her må være præcis hvad du leder efter:

http://www.javascriptkit.com/script/scr ... lide.shtml

Altså en slags slider der viser vilkårlige billeder / farver - UDEN at du skal loade siden hele tiden!

Bech
Begynder
Indlæg: 22
Tilmeldt: 4. feb 2013, 10:14

Re: Auto Refresh, hvordan virker script.

Indlæg af Bech » 12. feb 2013, 13:05

Både og.

Min skifter ikke Random mellem de 3 billeder.

Men måske man kan bruge noget fra den der, Men jeg er ikke så stærk i Javascript at jeg lige kan se hvad jeg skal bruge :D

Hvad er det der gør man ikke skal trykke F5 hver gang den viser et nyt billed, hvilken del af scriptet har den funktion?

Bech
Begynder
Indlæg: 22
Tilmeldt: 4. feb 2013, 10:14

Re: Auto Refresh, hvordan virker script.

Indlæg af Bech » 12. feb 2013, 13:16

Jeg viser lige hvad jeg har nu.

Her er et billeder der viser to eksempler på siden.
Billed Link

Her er den komplette kode.

Kode: Vælg alt

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></meta>
   <title>Status test</title>
   
   <style type="text/css">
      .cirkelOnline {
         height: 100px;
         width: 100px;
         border-radius: 80px;
         border: solid 3px;
         background-color: green;
      }
      .cirkelOffline {
         height: 100px;
         width: 100px;
         border-radius: 80px;
         border: solid 3px;
         background-color: red;
      }
      .motorstart {
          height: 80px;
          width: 80px;
          background-image: url(billeder/Pumpe_Gron.png);
      }
       .motorstop {
          height: 80px;
          width: 80px;
          background-image: url(billeder/Pumpe_Rod.png);
          
      }
       .motormanuel {
          height: 80px;
          width: 80px;
          background-image: url(billeder/Pumpe_Gul.png);
          
      }
       .motorfejl {
          height: 80px;
          width: 80px;
          background-image: url(billeder/Pumpe_Fejl.png);
      }
   </style>
   

   
   <script type ="text/javascript">
      function cirkel() {
         var status = :="Knap":;
         var cirkel = document.getElementById("cirkel");
         
         if(status == 0) {
            cirkel.className = "cirkelOffline";
         } else {
            cirkel.className = "cirkelOnline";
         }
      }
   </script>
   
      <script type ="text/javascript">
      function motor() {
         var status = :="Motor_Status":;
         var motor = document.getElementById("motor");
         
         if(status == 1) {
            motor.className = "motorstart";
         } else if(status == 2) {
            motor.className = "motorstop";
         } else if(status == 3) {
            motor.className = "motormanuel";
         } else {
            motor.className = "motorfejl";
         }
      }
      // window.onload = cirkel; 
      // window.onload = motor; 
   </script>
   <!-- AWP_In_Variable Name='"Motor_Start"'  -->
   <!-- AWP_In_Variable Name='"Motor_Stop"'  -->
   <!-- AWP_In_Variable Name='"Motor_Manuel"'  -->
   <!-- AWP_In_Variable Name='"Start_Knap"'  -->
   <!-- AWP_In_Variable Name='"Stop_Knap"'  -->
</head>

<body onload="cirkel(); motor()">
    Status of plant <br>
<br>
<form method="post" action=""> 
    <input type="submit" value="Start_Knap" style="height: 30px; width: 100px;" type="submit"> 
    <input type="hidden" name='"Start_Knap"' value="1">
</form>
<form method="post" action=""> 
    <input type="submit" value="Stop_Knap" style="height: 30px; width: 100px;" type="submit"> 
    <input type="hidden" name='"Stop_Knap"' value="1">
</form>
<br>
<div id="cirkel"></div>
<br>
Knap: :="Knap":<br>
<br>
<div id="motor"></div>
<br>
<form method="post" action=""> 
    <input type="submit" value="Motor_Start" style="height: 30px; width: 100px;" type="submit"> 
    <input type="hidden" name='"Motor_Start"' value="1">
</form>
<form method="post" action=""> 
    <input type="submit" value="Motor_Stop" style="height: 30px; width: 100px;" type="submit"> 
    <input type="hidden" name='"Motor_Stop"' value="1">
</form>
<form method="post" action=""> 
    <input type="submit" value="Motor_Manuel" style="height: 30px; width: 100px;" type="submit"> 
    <input type="hidden" name='"Motor_Manuel"' value="1">
</form>
<br>
Motor_status: :="Motor_Status":<br>
</body>

</html>
Den variabel der hedder Motor_Status er den der bestemmer hvilket billed der bliver valgt.
Motor_Status = 1 - vises et rødt billed
Motor_Status = 2 - vises et grønt billed
Motor_Status = 3 - vises et gult billed

Men hvis motor status ændres fra 1 til 3 skifter billedet først når siden opdateres.

Det er dette jeg gerne vil have skal gøres automatisk, men ikke med Meta refresh da det vil opdatere hele siden og der skal være en del indtastninge felter der ikke skal opdateres.

Kan man dele siden op med CSS frame og få en CSS frame til og opdatere automatik hver 10 sek.

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg: 1528
Tilmeldt: 28. dec 2010, 10:49

Re: Auto Refresh, hvordan virker script.

Indlæg af ThomasI » 12. feb 2013, 13:47

Okay,

Så du vil have et kontrolpanel på den ene side hvor du kan taste data ind og på den anden side vil du så have et området som skifter afhængig hvert 10. sekund afhængig af hvad der er tastet ind på den anden side?

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg: 1528
Tilmeldt: 28. dec 2010, 10:49

Re: Auto Refresh, hvordan virker script.

Indlæg af ThomasI » 12. feb 2013, 14:01

Du skal sandsynligvis hen og kigge på noget Jquery...

måske noget ala. det her:

http://blog.chapagain.com.np/jquery-how ... image-src/

DEMO: http://blog.chapagain.com.np/examples/replace/

Bech
Begynder
Indlæg: 22
Tilmeldt: 4. feb 2013, 10:14

Re: Auto Refresh, hvordan virker script.

Indlæg af Bech » 13. feb 2013, 11:58

Ja det er noget i den stil, så bare i stedet for man selv skal trykke refresh knap som dette eksempel skal det ske automatiks.

Men hvordan får jeg det script ind i det jeg har i forvejen,

Besvar