[not: publicerad: 230430]
Regn.
Trött
Kanske något lite bättre idag?
Programmering
Jösses – det tog nästan hela dagen att klura ut hur jag skulle få en tabell att hamna under en ’div’ och placera en knapp’ centrerad i tabellens översta rad.
Jag hade alltså först en ’div’ med text,
sedan en ’div’ som alltid ska vara kvadratisk – det fixas med:
aspect-ratio: 1/1; i ’CSS’ (stylingen: hur det ska se ut (CSS = Cascading Style Sheet)).
i denna ’div’ har jag en tabell.
Och nu ville jag då ha en tabell som hela tiden höll sig nedanför ovanstående div.
Efter en massa testande utan något som helst vettigt resultat så testade jag med att i ’div’:en ’storleken_1-1’ (den som ska vara kvadratisk) med att kommentera bort raden:
position: fixed;
till:
/*position: fixed;*/
Och se! Då blev det så som jag ville 😀
Jösses! Hur det kan bli ibland. Fixade en funktion som hjälper mig skapa strängar som jag ska använda i samma program fast då bygga en sk ’array’.
I den funktionen fick jag problem som tog mig timmar att klura ut vad det berodde på.
Jag hade skrivit ’break;’ på ett antal rader. Det skulle stå ’return;’.
Sedan uppenbarade sig ett problem när jag skulle kontrollera om en cell i tabell hade fått färg eller inte.
I mitt program så har jag via s.k. CSS tilldelat alla tabellceller färg.
Det var bara det att det inte uppfattades av min funktion.
Det tog ett bra tag att få fram att kontrollen svarade ’null’.
Till slut löste jag mitt problem genom att lägga in just ’kontrollen’ i en sk om-sats (if) och eftersom den då ju till en början var falsk (null) så kunde jag skriva en instruktion för det och innehöll kontrollen något så kunde det utföras något annat.
Så här blev det:
function fGiveStringTLF() { // en funktion med namnet 'fGiveStringTLF' initieras
var sTLFstr = ""; // deklarerar en variabel och tilldelar den värdet ""
// B_1v // en kommentar
if (document.getElementById("B_1v").style.backgroundColor) { // finns det färg i tabellcellen med id="B_1v"? om inte 'gå' till 'else'
sTLFstr += document.getElementById("B_1v").style.backgroundColor.substring(0,1).toUpperCase(); // det fanns det, ta då första bokstaven i färgen (strängen) och gör om den till versal. Lägg till det i variabeln 'sTLFstr'.
} else { // om 'if'-satsen är falskt så ska det här nedan utföras.
document.getElementById("presentAlgoritm").innerHTML = "Fält behöver färg!"; // i en tabellcell med id="presentAlgoritm" skriv ett meddelande
return; // 'lämna' sedan funktionen.
} // avsluta 'if'-satsen
// ... ett helt gäng snarlika rader totalt 15st 'if'-satser som ovan
} // avsluta funktionenProgrammering (HTML & JavaScript)
Uppdateras numer här: HTML & JavaScript.
Kuben ![[Bild: Rubriks kub]](http://ngn.nu/Pict/2023/230108-Rubriks_Kub.png "Rubriks Kub"){kind=small}
Uppdateras numer här: Kub-sidan.