geplaatst door: Cenobyte
Ik heb eigenlijk wat hulp nodig bij het maken van een simpele web app die lokaal draait (localhost) en die een textbestand uit een bepaalde folder kan lezen en de data daarvan op het scherm weergeeft.  Verder met enkele buttons op de interface waarbij de keuzes van de buttons weg worden geschreven in een ander textbestand in dezelfde lokale folder.

Als iemand me met een simpel stukje html en/of code op weg kan helpen zou dat fijn zijn.  :worship:

En is er een manier dat de app zich periodiek ververst zodat de interface up to date blijft?

Ik ben al een tijdje op zoek naar een goede omgeving om zoiets in te ontwikkelen, maar loop steeds tegen muren op: te ingewikkeld, veel te veel overhead om te installeren, etc.  :withstupid:
Groetjes,
Mario  -
Web-app die textfiles kan lezen en schrijven
31 juli 2023 - 22:27    reactie #1
geplaatst door: Cenobyte
Ik ben zelf uiteraard ook al aardig aan het knutselen met html en heb nu het onderstaande. Het pad wordt alleen niet geïnterpreteerd, hier wordt gewoon één lange bestandsnaam van gemaakt en alles eindigt dan gewoon in de Download folder, niet op de lokatie waar ik hem wil hebben.

<!DOCTYPE html>
<html>
<head>
<style>
form * {
  display: block;
  margin: 10px;
}
</style>
<script language="Javascript" >
function download(filename, text) {
  var pom = document.createElement('a');
  pom.setAttribute('href', 'data:text/plain;charset=utf-8,' +

encodeURIComponent(text));
  pom.setAttribute('download', filename);

  pom.style.display = 'none';
  document.body.appendChild(pom);

  pom.click();

  document.body.removeChild(pom);
}
</script>
</head>
<body>

<form onsubmit="download(this['name'].value, this['text'].value)">
  <input type="text" name="name" value="/users/mariovanginneken/dropbox/apps/cenojuke/test.txt">
  <textarea rows=3 cols=50 name="text">Please type in this box. When you

click the Download button, the contents of this box will be downloaded to

your machine at the location you specify. Pretty nifty. </textarea>
  <input type="submit" value="Download">
</form>
</body>
</html>

Groetjes,
Mario  -
Web-app die textfiles kan lezen en schrijven
31 juli 2023 - 22:29    reactie #2
geplaatst door: puk1980
https://developer.mozilla.org/en-US/docs/Web/API/File_API/Using_files_from_web_applications


Draaien op localhost, zeg je.
Waarom moet het per se een web app zijn?
Je zou ook een Python programmaatje kunnen maken bijvoorbeeld.

Wat wil je precies bereiken?
"The number of people that predict the end of Moore's law doubles every two years."
Web-app die textfiles kan lezen en schrijven
1 augustus 2023 - 10:11    reactie #3
geplaatst door: Cenobyte
Ik was nog steeds bezig met het bouwen van een simpele "remote" voor mijn zelfgebouwde alternatieve iTunes/Muziek programma zodat ik via de smartphone kon zien wat er draait en simpele commando's kon geven zoals aanpassen rating & mood van het nummer, skippen naar volgende nummer, muziek stoppen, etc.

Dit is mijn programma dat muziek vanuit de iTunes/Muziek app bibliotheek draait:

Scherm­afbeelding 2023-08-01 om 10.09.11.jpegWeb-app die textfiles kan lezen en schrijven
Groetjes,
Mario  -
Web-app die textfiles kan lezen en schrijven
1 augustus 2023 - 10:17    reactie #4
geplaatst door: Cenobyte
En ik denk dat ik inmiddels een oplossing heb gevonden: ik ben vannacht na vele omzwervingen toch teruggekeerd naar Node-Red (dankzij Jaco in dit topic).

Ik had die eerder nog even naast me gelegd omdat er een standalone server voor nodig was, maar gebruik nu de iMac waarop de muziek draait zelf als server. Dat werkt goed, maar met wat kleine kanttekeningen: de iMac krijgt een vast IP adres omdat je anders na uit- en aanzetten de website kwijt bent en ik geen zin heb in ingewikkelde DNS dingetjes  :happy:

Dit heb ik tot nu toe draaien en het werkt goed. Gewoon inloggen op het IP nummer van de Mac op poort 1880 en met /UI erachter en dan krijg je dit:

Scherm­afbeelding2023-08-01om100345.pngWeb-app die textfiles kan lezen en schrijven
Groetjes,
Mario  -