Olen puuhastellut hackaton-projektin kanssa ja hermot ovat meinanneet mennä kun en saa tehtyä kunnolla HTML-listaa, jota voisi järjestellä sekä hiirellä että kosketusnäytöllä. Sen pitäisi toimia myös silloin kun lista on pidempi kuin ruutu.
Testasin useampaa erilaista esimerkkiä ja kaikki ovat olleet muodossa tai toisessa rikki. Usein koodikin on sellaista spagettia, ettei siitä ota pirukaan tolkkua.
Kostoksi käytin sitten omaa aivokapasiteettia ongelman ymmärtämiseen ja tein oman ratkaisun. Ehkä tämäkin on rikki ja koodi ihan hirveää 💩 :aa, mutta ainakin minä olen tyytyväinen 😅
Tässäpä se muillekin:
https://github.com/saaste/sortable-list-example
#development #SoftwareDevelopment #oppiminen #learning #html #JavaScript
Mika Hiltunen /
npub1ty…a48d9
2023-10-22 12:07:24
Author Public Key
npub1tyum04l3e6ngvhmm6tufe3xrkm6tq392t573xm4kgfzzej0p2ddssa48d9Published at
2023-10-22 12:07:24Event JSON
{
"id": "da89c715cfdf178dd8c6586da45c94cef4340b2606c029be3d2896dfb4195dd8",
"pubkey": "5939b7d7f1cea6865f7bd2f89cc4c3b6f4b044aa5d3d136eb642442cc9e1535b",
"created_at": 1697976444,
"kind": 1,
"tags": [
[
"t",
"development"
],
[
"t",
"softwaredevelopment"
],
[
"t",
"oppiminen"
],
[
"t",
"learning"
],
[
"t",
"html"
],
[
"t",
"javascript"
],
[
"proxy",
"https://mementomori.social/users/saaste/statuses/111278584298029481",
"activitypub"
]
],
"content": "Olen puuhastellut hackaton-projektin kanssa ja hermot ovat meinanneet mennä kun en saa tehtyä kunnolla HTML-listaa, jota voisi järjestellä sekä hiirellä että kosketusnäytöllä. Sen pitäisi toimia myös silloin kun lista on pidempi kuin ruutu.\n\nTestasin useampaa erilaista esimerkkiä ja kaikki ovat olleet muodossa tai toisessa rikki. Usein koodikin on sellaista spagettia, ettei siitä ota pirukaan tolkkua.\n\nKostoksi käytin sitten omaa aivokapasiteettia ongelman ymmärtämiseen ja tein oman ratkaisun. Ehkä tämäkin on rikki ja koodi ihan hirveää 💩 :aa, mutta ainakin minä olen tyytyväinen 😅 \n\nTässäpä se muillekin:\nhttps://github.com/saaste/sortable-list-example\n\n#development #SoftwareDevelopment #oppiminen #learning #html #JavaScript",
"sig": "0b9f69b6684a2c3322c2dfbcf2fbd115315f3104b4222ef3c274568af8036cbae5c4ff5ec0965ca6e8dfc7c951d998ebd129c3f88889b11898d323a0f941a9b8"
}