Skapa ENKEL hemsida med en räknare med ett minimum av js.

C, C++, Pascal, Assembly, Raspberry, Java, Matlab, Python, BASIC, SQL, PHP, etc.
Användarvisningsbild
lillahuset
Gått bort
Inlägg: 13969
Blev medlem: 3 juli 2008, 08:13:14
Ort: Norrköping

Skapa ENKEL hemsida med en räknare med ett minimum av js.

Inlägg av lillahuset »

Tråkigt korta rubriker ibland.

Jag skulle vilja ha ett exempel på ensida med ytte pytte lite HTML och helst inget annat än C som skriver ut en räknare en gång per sekund. Jag inser att antingen anropar man C-programmet en gång per sekund eller också anropar man det direkt och blir hängande där. Jag vet inte vad som är bäst eftersom jag aldrig har hållit på med sånt här. :?
gunnerfeldt
Inlägg: 87
Blev medlem: 29 november 2010, 00:32:55

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av gunnerfeldt »

Skriver ut?

Det låter som att websockets kommer in bra här.

Jag gör dock allt med NodeJS nu förtin.
Inte för att jag är så förtjust i JS, men enkelheten och snabbheten från idé till första test är ju fenomenal tycker jag.
Samt att man smidigt kan flytta kod mellan front och back end.

Men. Minimalt med JS var det ja.. jag backar ut och låtsas som jag inte sagt nåt.

Förlåt.
Användarvisningsbild
lillahuset
Gått bort
Inlägg: 13969
Blev medlem: 3 juli 2008, 08:13:14
Ort: Norrköping

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av lillahuset »

Självklart. :)
Farbror är en gammal stofil som har ägnat sitt liv åt hårdvara, VHDL, assembler, Forth och C i den ordningen. Farbror känner en kraftfull vämjelse när det dyker upp ett IDE eller något annat som automagiskt fixar allting. Speciellt om det är baserat på Eclipse. Farbror vill ha enkla lösningar han kan förstå. Och det innebär att de ska vara jävligt uppenbara. Resten lämnar vi till det uppväxande släktet som vi fördomsfullt anser att bara bryr sig om vad och aldrig varför. Men det kanske är bäst så. :D
Användarvisningsbild
pbgp
Inlägg: 1450
Blev medlem: 11 november 2010, 09:09:22
Ort: Uppsala

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av pbgp »

Lite mer kontext vore nog bra. Du kan ju svänga ihop en egen webserver som gör bara det du önskar :)

Men du vill att sidan ska laddas om (eller på annat vis vaea dynamisk) och att räknaren ska vara på serversidan?
sodjan
EF Sponsor
Inlägg: 43245
Blev medlem: 10 maj 2005, 16:29:20
Ort: Söderköping

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av sodjan »

Att bara ha en räknare på en sida blir ju inte många rader JS.
Att blanda in C i detta verkar lite underligt. Ska det vara någon
serverfunktion inblandat så blir det ganska mycket annorlunda.
Användarvisningsbild
lillahuset
Gått bort
Inlägg: 13969
Blev medlem: 3 juli 2008, 08:13:14
Ort: Norrköping

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av lillahuset »

pbgp: Webservern är inget problem eftersom jag kör Linux på burken.
Räknaren, eller egentligen ett C-program som ska läsa några mätvärden, ska vara på serversidan. Och sidan ska laddas om dynamiskt. Det sista tror jag jag skulle kunna komma undan men någon kommer naturligtvis att gnälla så det vore fint om jag kunde lösa det innan gnället kommer igång.

Önskemålen är:
Minimalt med HTML förutom det som genereras av C-programmet.
Helst inget JavaScript.
Absolut inga "moderna" lösningar med olika "frameworks" osv.
En C-programmerare ska förstå precis vad som händer.

Som jag ser det handlar det om att hemsidan antingen laddas om en gång per sekund eller att den laddas om omedelbart och C-programmet blockerar en sekund innan det svarar.

Jag hoppas jag har varit någorlunda tydlig. :humm:

sodjan: Trolleriet ska ske i C-koden men jag ville hålla exemplet enkelt.

Edit: För att pigga upp Jan Almqvist så handlar det om att läsa värden via modbus i samma burk och visa på en webbserver. Och ja, jag hade hellre kört HMI Droid men den tänkta kunden köper inte det konceptet. :(
Användarvisningsbild
Jan Almqvist
Inlägg: 1651
Blev medlem: 1 oktober 2013, 20:48:26
Ort: Orust

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av Jan Almqvist »

Jag kan berätta att vi just nu håller på med ett pilotprojekt där OEM-versioner av HMI Droid för Android och iOS kommer att distribueras under ett annat namn och med en annan logga och där färdiga paneler är förinstallerade.
sodjan
EF Sponsor
Inlägg: 43245
Blev medlem: 10 maj 2005, 16:29:20
Ort: Söderköping

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av sodjan »

Det finns en HTML meta-tag som laddar om sidan automatiskt.
Sedan kan din server bara lägga ut sidan igen, varje gång
blir precis som första gångern, så att säga.

https://en.wikipedia.org/wiki/Meta_refresh

Ganska klumpig metod, och hela sidan laddas om, men om sidan
är enkel så fungerar det nog.

En snyggare variant är med en timer i JS som kör ett ajax
anrop som enbart hämtar värdet som JS sedan uppdaterar
sidan med.
bobobo
Inlägg: 695
Blev medlem: 10 november 2007, 22:18:30
Ort: Kungsbacka

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av bobobo »

Jag har nog inte gjort något liknande, i alla fall inte de senaste 10 åren.
Men jag tänker mig att man skulle kunna låta C-programmet generera en helt ny index.html fil varje gång mätvärdena ändras.
Som skulle kunna se ut något sånt här:

Kod: Markera allt

<META HTTP-EQUIV="refresh" CONTENT="15">
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>Lillahusets mätvärde1, 2 och 3</p>

</body>
</html> 
Dock vet jag inte om det kan bli problem ifall webservern läser filen samtidigt som C-programmet skriver?
Anledningen att jag svarar trots att jag egentligen inte alls behärskar web-programmering är för att jag tror att det är någon så här basal lösning lillahuset efterfrågar, och alla som kan något om webprogrammering kommer ge svar som är bättre i deras ögon, men antagligen inte på den simpla nivå som Lillahuset efterfrågar till detta projektet :?:

Jag har gjort en lite liknande applikation, där jag har en hemsida som i princip bara består av en IMG tag, och sedan ett annat program som skapar en ny bild och skriver över den gamla varje minut.

Sodjan svarade visst under tiden, ungefär samma men inte helt så jag postar ändå...
Användarvisningsbild
Jan Almqvist
Inlägg: 1651
Blev medlem: 1 oktober 2013, 20:48:26
Ort: Orust

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av Jan Almqvist »

Jag skulle nog säga att refresh-taggen är ganska dålig lösning.

"Use of meta refresh is discouraged by the World Wide Web Consortium (W3C), ..."

https://en.wikipedia.org/wiki/Meta_refresh
bobobo
Inlägg: 695
Blev medlem: 10 november 2007, 22:18:30
Ort: Kungsbacka

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av bobobo »

Men du utelämnade efterföljande mening i ditt citat från wikin :)
There are legitimate uses of meta-refresh, such as providing updates to dynamic web pages or implementing site controlled navigation of a website without JavaScript. Many large websites use it to refresh news or status updates, especially when dependencies on JavaScript and redirect headers are unwanted.
Användarvisningsbild
lillahuset
Gått bort
Inlägg: 13969
Blev medlem: 3 juli 2008, 08:13:14
Ort: Norrköping

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av lillahuset »

I mitt fall tycker nog sodjans lösning är rimlig men det kanske finns bättre.
johano
Inlägg: 1943
Blev medlem: 22 januari 2008, 10:07:45
Ort: Stockholm

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av johano »

Låt isåfall C-programmet hellre skriva en liten json-fil som sedan laddas ner med jämna mellanrum av ett enkelt javascript så slipper man
hela den fula "sidomladdningen".

Fast ändå snyggare vore ju att låta serverdelen implemetera ett REST-gränssnitt som din klientkod kan anropa.

Men snyggast är att låta serversidan pusha data till klienten över websockets när det är tillgängligt så slipper man all "ful" pollning överhuvudtaget.

Jag har på senare tid använt crossbar.io som funkar alldeles ypperligt även under hård last.

/johan
Användarvisningsbild
lillahuset
Gått bort
Inlägg: 13969
Blev medlem: 3 juli 2008, 08:13:14
Ort: Norrköping

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av lillahuset »

Här kommer lasten att vara skrattretande låg. :)
E Kafeman
Inlägg: 3582
Blev medlem: 29 april 2012, 18:06:22

Re: Skapa ENKEL hemsida med en räknare med ett minimum av js

Inlägg av E Kafeman »

Nu är inte javascript i mitt tycke ens halvsvårt att förstå om man behärskar annan programmering.
Visar här dels när man bara uppdaterar en del av sidans innehåll och då man laddar om hela sidan.
Att ladda om hela sidan kan bli flimrigt så det är som till en regel bättre att bara uppdatera variabeln.
Variabeln är i detta fallet inkluderat i koden men det går bra att hämta den från servern genom att deklarera den extern.

Kod: Markera allt

<html>

<script type="text/javascript">

var ticknr = 0;//Variabel-värde

function tick() {
	temp = document.getElementById('tickvisare'); //Objektet
    temp.innerHTML = ticknr; //Tilldela objektet värdet i variabeln ticknr
	ticknr=ticknr+1; //Öka värdet i variabeln
    setTimeout(tick, 300); //Repetera denna function varje 300mS
	
	if (ticknr>10) 
		{
		self.location.href=location; //Ladda om denna sidan
		}
    }
	
	</script>

<body onLoad="tick()">
OnLoad anropar funktionen tick() när sidan laddats in i webbläsaren.
<div id="tickvisare">0</div> Objektet "tickvisare"

</body>
</html>
Spara koden i en textfil döpt xx.html och starta i webbläsaren.
Skriv svar