{"id":15755,"date":"2023-04-25T23:59:51","date_gmt":"2023-04-25T21:59:51","guid":{"rendered":"https:\/\/blogg.ngn.nu\/?p=15755"},"modified":"2023-04-30T11:28:03","modified_gmt":"2023-04-30T09:28:03","slug":"tisdag-fast-i-programmering","status":"publish","type":"post","link":"https:\/\/blogg.ngn.nu\/index.php\/2023\/04\/25\/tisdag-fast-i-programmering\/","title":{"rendered":"Tisdag – Fast i programmering…"},"content":{"rendered":"

[not: publicerad: 230430]<\/span><\/p>\n

Regn.<\/p>\n

Tr\u00f6tt<\/b>
\nKanske n\u00e5got lite b\u00e4ttre idag?<\/p>\n

Programmering<\/b>
\nJ\u00f6sses – det tog n\u00e4stan hela dagen att klura ut hur jag skulle f\u00e5 en tabell att hamna under en ’div’ och placera en knapp’ centrerad i tabellens \u00f6versta rad.
\nJag hade allts\u00e5 f\u00f6rst en ’div’ med text,
\nsedan en ’div’ som alltid ska vara kvadratisk – det fixas med:
\naspect-ratio: 1\/1;<\/code> i ’CSS’ (stylingen: hur det ska se ut (CSS = Cascading Style Sheet)).
\ni denna ’div’ har jag en tabell.
\nOch nu ville jag d\u00e5 ha en tabell som hela tiden h\u00f6ll sig nedanf\u00f6r ovanst\u00e5ende div.<\/p>\n

Efter en massa testande utan n\u00e5got som helst vettigt resultat s\u00e5 testade jag med att i ’div’:en ’storleken_1-1’ (den som ska vara kvadratisk) med att kommentera bort raden:
\nposition<\/b><\/span>: fixed<\/span>;
\ntill:
\n\/*position: fixed;*\/<\/code><\/p>\n

Och se! D\u00e5 blev det s\u00e5 som jag ville \ud83d\ude00<\/p>\n

J\u00f6sses! Hur det kan bli ibland. Fixade en funktion som hj\u00e4lper mig skapa str\u00e4ngar som jag ska anv\u00e4nda i samma program fast d\u00e5 bygga en sk ’array’.<\/p>\n

I den funktionen fick jag problem som tog mig timmar att klura ut vad det berodde p\u00e5.<\/p>\n

Jag hade skrivit ’break;’ p\u00e5 ett antal rader. Det skulle st\u00e5 ’return;’.<\/p>\n

Sedan uppenbarade sig ett problem n\u00e4r jag skulle kontrollera om en cell i tabell hade f\u00e5tt f\u00e4rg eller inte.<\/p>\n

I mitt program s\u00e5 har jag via s.k. CSS tilldelat alla tabellceller f\u00e4rg.<\/p>\n

Det var bara det att det inte uppfattades av min funktion.
\nDet tog ett bra tag att f\u00e5 fram att kontrollen svarade ’null’.<\/p>\n

Till slut l\u00f6ste jag mitt problem genom att l\u00e4gga in just ’kontrollen’ i en sk om-sats (if) och eftersom den d\u00e5 ju till en b\u00f6rjan var falsk (null) s\u00e5 kunde jag skriva en instruktion f\u00f6r det och inneh\u00f6ll kontrollen n\u00e5got s\u00e5 kunde det utf\u00f6ras n\u00e5got annat.<\/p>\n

S\u00e5 h\u00e4r blev det:<\/p>\n

function<\/b><\/span> fGiveStringTLF() { \/\/ en funktion med namnet 'fGiveStringTLF'\u00a0initieras<\/span>
\n\u00a0 var<\/b><\/span> sTLFstr = \"\"<\/span>; \/\/ deklarerar en variabel och tilldelar den v\u00e4rdet \"\"<\/span>
\n\u00a0 \/\/ B_1v<\/span> \/\/ en kommentar<\/span>
\n\u00a0 if<\/b><\/span> (document.getElementById(\"B_1v\"<\/span>).style.backgroundColor) { \/\/\u00a0finns det f\u00e4rg i tabellcellen med id=\"B_1v\"? om\u00a0inte 'g\u00e5' till 'else'<\/span>
\nsTLFstr +=\u00a0document.getElementById(\"B_1v\"<\/span>).style.backgroundColor.substring<\/span>(0,1<\/span>).toUpperCase<\/span>(); \/\/ det fanns det, ta d\u00e5 f\u00f6rsta bokstaven i\u00a0f\u00e4rgen (str\u00e4ngen) och g\u00f6r om den till versal. L\u00e4gg till det i variabeln 'sTLFstr'.<\/span>
\n} else<\/b><\/span>\t{ \/\/ om 'if'-satsen\u00a0\u00e4r falskt s\u00e5 ska det h\u00e4r nedan utf\u00f6ras.<\/span>
\ndocument.getElementById(\"presentAlgoritm\"<\/span>).innerHTML = \"F\u00e4lt beh\u00f6ver f\u00e4rg!\"<\/span>; \/\/ i en tabellcell med id=\"presentAlgoritm\" skriv ett meddelande<\/span>
\nreturn<\/b><\/span>; \/\/ 'l\u00e4mna' sedan\u00a0funktionen.<\/span>
\n} \/\/\u00a0avsluta 'if'-satsen <\/span>
\n\/\/ ... ett helt g\u00e4ng snarlika rader totalt\u00a015st 'if'-satser som ovan<\/span>
\n} \/\/ avsluta funktionen<\/span><\/code><\/div>\n

Programmering (HTML & JavaScript)<\/b>
\nUppdateras numer h\u00e4r: HTML & JavaScript<\/a>.<\/p>\n

Kuben <\/b>\"[Bild:<\/a>
\nUppdateras numer h\u00e4r: Kub-sidan<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

[not: publicerad: 230430] Regn. Tr\u00f6tt Kanske n\u00e5got lite b\u00e4ttre idag? Programmering J\u00f6sses – det tog n\u00e4stan hela dagen att klura ut hur jag skulle f\u00e5 en tabell att hamna under en ’div’ och placera en knapp’ centrerad i tabellens \u00f6versta … Forts\u00e4tt l\u00e4sa →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-15755","post","type-post","status-publish","format-standard","hentry","category-vardag"],"_links":{"self":[{"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/posts\/15755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/comments?post=15755"}],"version-history":[{"count":29,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/posts\/15755\/revisions"}],"predecessor-version":[{"id":15798,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/posts\/15755\/revisions\/15798"}],"wp:attachment":[{"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/media?parent=15755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/categories?post=15755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/tags?post=15755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}