{"id":880,"date":"2010-01-05T23:59:36","date_gmt":"2010-01-05T22:59:36","guid":{"rendered":"http:\/\/blogg.ngn.nu\/index.php\/2010\/01\/05\/trettondagsafton\/"},"modified":"2010-01-06T00:11:39","modified_gmt":"2010-01-05T23:11:39","slug":"trettondagsafton","status":"publish","type":"post","link":"https:\/\/blogg.ngn.nu\/index.php\/2010\/01\/05\/trettondagsafton\/","title":{"rendered":"Trettondagsafton"},"content":{"rendered":"

s\u00f6mn, helt ok<\/p>\n

Programmering<\/strong>
\nG\u00e5rdagens hj\u00e4rnkn\u00e4ck visade sig vara ett ordentligt hj\u00e4rnsl\u00e4pp. Eller inte. Kanske mer en k\u00e4nga \u00e5t olika programmerares of\u00f6rm\u00e5ga att t\u00e4nka ’enklare’.<\/p>\n

Det som bl.a. satte krokben f\u00f6r mig var f\u00f6ljande;
\nFel: \u00a0TextAreaMe.Value
\nR\u00e4tt:<\/font>\u00a0TextAreaMe.value<\/font>
\nSer Ni skillnaden?<\/p>\n

Klart att Ni g\u00f6r n\u00e4r det blir uppst\u00e4llt p\u00e5 det viset. I en JavaScriptKod med ca 1321 tecken blir det knepigare.<\/p>\n

S\u00e5h\u00e4r ser det ut (Mina f\u00e4rgmarkeringar, grovt \u00e4r; gr\u00f6nt<\/font>, r\u00f6tt<\/font>, m\u00f6rklila<\/font>, lila<\/font>,\u00a0ljusbl\u00e5tt<\/font>, turkos<\/font> och svart HTML samt; brunt<\/font>, r\u00f6tt<\/font>, ljusr\u00f6tt<\/font>, lila<\/font>, bl\u00e5tt<\/font>, ljusbl\u00e5tt<\/font>, gr\u00e5tt<\/font> och svart JavaScript):
\n <\/strong><\/p>\n

<!DOCTYPE<\/font> html PUBLIC<\/font> \"<\/font>-\/\/W3C\/\/DTD HTML 4.01\/\/EN\"<\/font> \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\"<\/font><\/font>><\/font>\r\n<html<\/font> lang=<\/font><\/font>\"<\/font>sv<\/font>\"<\/font><\/font>><\/font>\r\n<head>\r\n<meta<\/font> content=<\/font><\/font>\"<\/font>text\/html<\/font>\"<\/font><\/font> charset=<\/font><\/font>\"<\/font>UTF-8<\/font>\"<\/font><\/font> http-equiv=<\/font><\/font>\"<\/font>content-type<\/font>\"<\/font><\/font>><\/font>\r\n<meta<\/font> content=<\/font><\/font>\"<\/font>NGN\"<\/font><\/font> name=<\/font><\/font>\"<\/font>author\"<\/font><\/font>><\/font>\r\n<title><\/title>\r\n<script><\/font>\r\nfunction<\/font> ifEnter<\/font>(f<\/font>,e<\/font>) {\r\n var<\/font> theKeyCode<\/font> =<\/font> e<\/font>.keyCode<\/font> ?<\/font> e<\/font>.keyCode<\/font> :<\/font> e<\/font>.which<\/font> ?<\/font> e<\/font>.which<\/font> :<\/font> e<\/font>.charCode<\/font>;\r\n if<\/font> (theKeyCode<\/font> ==<\/font> 13<\/font>){\r\n  var<\/font> youString<\/font> =<\/font> f<\/font>.You<\/font>.value<\/font>;\r\n  var<\/font> youStringLower<\/font> =<\/font> youString<\/font>.toLowerCase<\/font>();\r\n  \/\/OBS! Ett [Enter] 'h\u00e4nger' med sist i textarea-'str\u00e4ngen'<\/font>\r\n  if<\/font> (f<\/font>.You<\/font>.value<\/font>.length<\/font> ==<\/font> 1<\/font> &&<\/font> theKeyCode<\/font> ==<\/font> 13<\/font>){\r\n   f<\/font>.Me<\/font>.rows<\/font> =<\/font> 2<\/font>;\r\n   f<\/font>.Me<\/font>.value<\/font> =<\/font> \"<\/font>Du skrev: Ingenting...\"<\/font><\/font> +<\/font> \"<\/font>\\n\\n<\/font>Skriv g\u00e4rna n\u00e5got.\"<\/font><\/font>;\r\n   f<\/font>.You<\/font>.value<\/font> =<\/font> ''<\/font>;\r\n  }else if<\/font>(youStringLower<\/font>.search<\/font>(\"<\/font>hej\"<\/font><\/font>) ><\/font> -1<\/font>){\r\n   f<\/font>.Me<\/font>.rows<\/font> =<\/font> 3<\/font>;\r\n   f<\/font>.Me<\/font>.value<\/font> =<\/font> \"<\/font>Du skrev: \"<\/font><\/font> +<\/font> f<\/font>.You<\/font>.value<\/font> +<\/font> \"<\/font>Hej p\u00e5 Dig ocks\u00e5!<\/font>\\n<\/font>Skriv g\u00e4rna n\u00e5got mer.\"<\/font><\/font>;\r\n   f<\/font>.You<\/font>.value<\/font> =<\/font> ''<\/font>;\r\n  } else<\/font> {\r\n   f<\/font>.Me<\/font>.rows<\/font> =<\/font> 2<\/font>;\r\n   f<\/font>.Me<\/font>.value<\/font> =<\/font> \"<\/font>Du skrev: \"<\/font><\/font> +<\/font> f<\/font>.You<\/font>.value<\/font> +<\/font> \"<\/font>\\n<\/font>Skriv g\u00e4rna n\u00e5got annat.\"<\/font><\/font>;\r\n   f<\/font>.You<\/font>.value<\/font> =<\/font> ''<\/font>;\r\n  }\r\n }\r\n}\r\n<\/script>\r\n<\/head>\r\n<body>\r\n<form<\/font> name=<\/font><\/font>\"<\/font>formname\"<\/font><\/font>><\/font>\r\n<textarea<\/font> id=<\/font><\/font>\"<\/font>Me\"<\/font><\/font> readonly=<\/font><\/font>\"<\/font>readonly<\/font>\"<\/font><\/font> onfocus=<\/font><\/font>\"<\/font>this.<\/font>blur<\/font>()\"<\/font><\/font> rows=<\/font><\/font>\"<\/font>2\"<\/font><\/font> cols=<\/font><\/font>\"<\/font>40\"<\/font><\/font>><\/font>Skriv n\u00e5got!<\/textarea><br>\r\n<textarea<\/font> id=<\/font><\/font>\"<\/font>You\"<\/font><\/font> rows=<\/font><\/font>\"<\/font>5\"<\/font><\/font> cols=<\/font><\/font>\"<\/font>40\"<\/font><\/font> onkeyup=<\/font><\/font>\"<\/font>ifEnter<\/font>(<\/font><\/font>this.<\/font>form,<\/font>event);<\/font><\/font>\"<\/font><\/font>><\/textarea><br><\/font>\r\n(avsluta med [Enter])<br>\r\n<\/form>\r\n<script><\/font>\r\n document<\/font>.formname<\/font>.You<\/font>.focus<\/font>();\r\n<\/script>\r\n<\/body>\r\n<\/html><\/font><\/font><\/strong><\/pre>\n
 Det ovanst\u00e5ende\u00a0HTML-sidan och JavaScript g\u00f6r \u00e4r att skapa tv\u00e5 textrutor.
\nI den \u00f6versta ’skriver’ programmet (programmeraren) och i den nedre skriver anv\u00e4ndaren (du).<\/p>\n
Detta \u00e4r allts\u00e5 embryot till mitt s.k. textspel.<\/p>\n
N\u00e4sta steg \u00e4r att f\u00e5 det att fungera tillsammans med php och MySQL databas.<\/p>\n
Min tanke \u00e4r att detta textspel ska finnas som en egen sida p\u00e5 den h\u00e4r bloggen.<\/p>\n
Du kan testa h\u00e4r: TextSpelTest<\/a><\/p>\n
After Work<\/strong>
\nHustrun och jag har\u00a0haft v\u00e5rt eget lilla privata After Work.<\/p>\n
Bastu<\/strong>
\nEfter v\u00e5r After Work tog jag mig till ’g\u00e5rdsbastun’ och var d\u00e4r i ganska precis 2 timmar, h\u00e4rligt!<\/p>\n
H\u00e4lsol\u00e4get<\/strong>:
\nK\u00e4nner av en hel del ledproblem. Speciellt i fingerlederna, \u00f6veramsmusklerna och mina kn\u00e4n. Mest h\u00f6ger.<\/p>\n","protected":false},"excerpt":{"rendered":"
s\u00f6mn, helt ok Programmering G\u00e5rdagens hj\u00e4rnkn\u00e4ck visade sig vara ett ordentligt hj\u00e4rnsl\u00e4pp. Eller inte. Kanske mer en k\u00e4nga \u00e5t olika programmerares of\u00f6rm\u00e5ga att t\u00e4nka ’enklare’. Det som bl.a. satte krokben f\u00f6r mig var f\u00f6ljande; Fel: \u00a0TextAreaMe.Value R\u00e4tt:\u00a0TextAreaMe.value Ser Ni skillnaden? … 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":[448,392],"tags":[118,200,747,311],"class_list":["post-880","post","type-post","status-publish","format-standard","hentry","category-halsa","category-programmering","tag-afterwork","tag-bastu","tag-html","tag-javascript"],"_links":{"self":[{"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/posts\/880","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=880"}],"version-history":[{"count":0,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/posts\/880\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/media?parent=880"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/categories?post=880"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/tags?post=880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}