Shopping list / Indkøbsliste

Obsolete / Forældet

This version of "Shopping list" is now obsolete. See the new version Shopping list / Indkøbsliste. /
Denne udgave af "Indkøbsliste" er nu forældet. Se den nye udgave Shopping list / Indkøbsliste.

About this page - and how to use it / Om denne side - og hvordan den bruges

To the left is seen a drawing of a piece of a Danish kitchen equipment (kitchen utensil) from about 1936 with the heading "HUSKETAVLE (Shopping Board)" described as "Shopping board for use in the kitchen with slide controls". The Shopping Board was normally hanged on nails on the wall in the kitchen. /
Til venstre ses en tegning af et stykke dansk køkkeninventar (køkkenredskab) fra omkring 1936 med titlen "HUSKETAVLE" beskrevet som "Husketavle til Køkkenet med Skydeknapper". Husketavlen var normalt ophængt på søm på væggen i køkkenet.

This is my attempt to make something similar in JavaScript. The Shopping list above reflects my requirements. Just change the names of the articles to your requirements. When you are finished and click the button "Print / Udskriv" a new page will be generated with the print version, which will open in a Pop Up window. Both the "Quantity" and the "Article" fields must be filled in otherwise the line will not be a part of the printed version. For a more permanent change see below. /
Dette er mit forsøg på at lave noget tilsvarende i JavaScript. Indkøbslisten ovenfor afspejler mine behov. Bare ændre navnene på varerne efter dit behov. Når du er færdig og klikker på knappen "Print / Udskriv", vil en ny side blive genereret med udskriftversionen, som åbnes i et Pop Up vindue. Både "Mængde" og "Vare" felterne skal være udfyldt, ellers vil linien ikke blive en del af udskriftversionen. For en mere permanent ændring se nedenfor.

How: Just save this page "shoplst.htm" on your computer using "View Source" and modify the desired line with the code <INPUT TYPE="text" NAME="lstItemArticleStrInput_#" ID="lstItemArticleStrInput_#" SIZE="60" MAXLENGTH="40" VALUE="Text"> where you can change the value between the quotation marks of the property "VALUE=""" (do not add or remove any quotation marks here) in the page's HTML code to your requirements; however make sure that the "Article" name does not exceed 40 characters. In addition you have to change the property "value = """ in the line document.formShoppingList.lstItemArticleStrInput_#.value = "Text"; in the JavaScript function clear_all_form_input() accordingly. Optional: Just below the directory (folder) on your computer where the htm-file "shoplst.htm" is placed the graphic file "shpboard.gif" can be stored in a directory (folder) called: "graphics". Use "Save picture as..." to save the picture. /
Hvordan: Bare gem denne side "shoplst.htm" på din computer ved at bruge "Vis Kilde" og ændre den ønskede linie med koden <INPUT TYPE="text" NAME="lstItemArticleStrInput_#" ID="lstItemArticleStrInput_#" SIZE="60" MAXLENGTH="40" VALUE="Tekst"> hvor du kan ændre værdien imellem anførselstegnene af egenskaben "VALUE=""" (tilføj eller fjern ikke nogen anførselstegn her) i sidens HTML kode efter dit behov; dog sørg for at "Vare"-navnet ikke overstiger 40 tegn. Yderligere er du nødt til at ændre egenskaben "value = """ i linien document.formShoppingList.lstItemArticleStrInput_#.value = "Tekst"; i JavaScript-funktionen clear_all_form_input() i overensstemmelse hermed. Valgfrit: Lige under det bibliotek (mappe) på din computer hvor htm-filen "shoplst.htm" er placeret, kan den grafiske fil "shpboard.gif" gemmes i et bibliotek (mappe) med navnet: "graphics". Brug "Gem billede som..." til at gemme billedet.

Obsolete / Forældet

This version of "Shopping list" is now obsolete. See the new version Shopping list / Indkøbsliste. /
Denne udgave af "Indkøbsliste" er nu forældet. Se den nye udgave Shopping list / Indkøbsliste.

Technical description / Teknisk beskrivelse

This page makes use of a simulated multidimensional array object in its JavaScript code created by the function MakeArray(n), and the function Make_List_Items_Line(n, txt), which creates an instance whose first property contains the number of properties (in this case 2 informative properties, and length) which all are referenced by name to store each of the Shopping list's lines values in the multidimensional array of the individual HTML tag drop-down list elements SELECT control's OPTION VALUE elements and the HTML tag text box element INPUT TYPE="text" control to match. To refer to and read an object's value, the object's NAME is used. NAME provides a unique identifier name for the object. Each of the values stored in the simulated multidimensional array object is then processed in a for next loop, which loops through and reads the many values from the array and process them item by item. /
Denne side gør brug af et simuleret multidimensional array-objekt i dens JavaScript kode skabt af funktionen MakeArray(n), og funktionen Make_List_Items_Line(n, txt), som skaber en instans, hvis første egenskab indeholder antallet af egenskaber (i dette tilfælde 2 informative egenskaber, og længde), som alle bliver refereret til ved navn, til at gemme hver af Indkøbslistens liniers værdier i den flerdimensionale array af de individuelle HTML tag rulleliste elementer SELECT kontrols OPTION VALUE elementer og tilhørende HTML tag tekstboks element INPUT TYPE="text" kontrol. Til at referere til og aflæse et objekts værdi, bruges objektets NAME. NAME giver et unik datanavn til objektet. Hver af værdierne gemt i det simulerede flerdimensionale array-objekt er derefter behandlet i en for næste løkke, der løber igennem, og læser de mange værdier fra arrayet, og behandler dem punkt for punkt.

Return: / Retur:

Index of recipes (in Danish) / Indeks til opskrifter (på dansk)