{"id":55,"date":"2005-03-08T16:31:01","date_gmt":"2005-03-08T16:31:01","guid":{"rendered":"http:\/\/grind.rpol.net\/?p=55"},"modified":"2010-03-15T22:46:26","modified_gmt":"2010-03-15T22:46:26","slug":"the-redraw-is-an-only-child-hes-waiting-in-the-park","status":"publish","type":"post","link":"https:\/\/grind.rpol.net\/?p=55","title":{"rendered":"The redraw is an only child he’s waiting in the park"},"content":{"rendered":"

Ok, so Duran Duran never actually used those<\/em> particular lyrics, and this post isn’t going to interest my regular readers (though I have faith it’ll be as interesting as my regular posts for them). \u00a0Nobody will really care except those who happen to stumble on this post after searching for keywords such as “dynamic redraw”, “innerHtml”, “innerText”, “document.write” with “lose”, “clear”, “undo”, “redo”, “buffer” and “IE” or “Internet Explorer”. \u00a0Possible also “Mozilla” or “Firefox”.<\/p>\n

To make sense of the keywords, basically when you dynamically update part of the text on the screen, Internet Explorer has the nasty habit of clearing the undo\/redo buffer. \u00a0Mozilla was supposed to have fixed this in a bugfix<\/a>, but it still does the same thing to me.<\/p>\n

Changing form values also has the same effect, so I can’t use a form to update part of the screen for any value otherwise the undo buffer is cleared every time the update is called… basically if I was using such a function now and pressed Alt-Z, nothing would happen.<\/p>\n

I make far too many mistakes to not have undo!<\/p>\n

Now this was really annoying when I wanted to have a message input area like the one I’m using right now, while also having a status line showing how many characters the user has entered, and the limit they can have.<\/p>\n

I did, however, find out you can hide and unhide elements with the style.visibility = “hidden”\/”visible” javascript directive, so I originally had a fuel gauge type thing with a bunch of slashes etc<\/p>\n

(i.e. it looked like this; [ E\\\\\\\\\\\\\\\\\\\\|\/\/\/\/\/\/\/\/\/\/Full])<\/p>\n

And I used to hide all of the slashes except for the appropriate one (and hide the “ull” in “Full” unless it was full. \u00a0Simple enough I guess, but not really the nice-ity that a status line of “Using xxx of xxx characters” gave.<\/p>\n

So then one day I thought, hmmm, you actually can have HTML overlap each other. \u00a0Imagine 0 through to 9 all occupying the same spot on the screen, initially messy yes, but then you only make one of the digits visible… to the user they’d see the appropriate number. \u00a0So what if I did that for a bunch of numbers, 0 through to 9 repeated several times, with each repetition adjacent to the other. \u00a0Then surely I could only make the appropriate digit of each repetition visible, so I could effectively have a counter without the old dynamic redraw?<\/p>\n

Well, after about four hours of javascript hacking coding, I came up with the solution.<\/p>\n

And because I know my regular visitors are already bored, I’ll put the code in the comments section. (c;<\/p>\n","protected":false},"excerpt":{"rendered":"

Ok, so Duran Duran never actually used those particular lyrics, and this post isn’t going to interest my regular readers (though I have faith it’ll be as interesting as my regular posts for them). \u00a0Nobody will really care except those who happen to stumble on this post after searching for keywords such as “dynamic redraw”, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-55","post","type-post","status-publish","format-standard","hentry","category-default-ramblings"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/grind.rpol.net\/index.php?rest_route=\/wp\/v2\/posts\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grind.rpol.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/grind.rpol.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/grind.rpol.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grind.rpol.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=55"}],"version-history":[{"count":1,"href":"https:\/\/grind.rpol.net\/index.php?rest_route=\/wp\/v2\/posts\/55\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/grind.rpol.net\/index.php?rest_route=\/wp\/v2\/posts\/55\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/grind.rpol.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grind.rpol.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grind.rpol.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}