{"id":25098,"date":"2016-09-21T03:01:43","date_gmt":"2016-09-20T17:01:43","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=25098"},"modified":"2016-09-21T06:24:08","modified_gmt":"2016-09-20T20:24:08","slug":"holes-web-application-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/holes-web-application-primer-tutorial\/","title":{"rendered":"Holes Web Application Primer Tutorial"},"content":{"rendered":"
\"Holes<\/a>

Holes Web Application Primer Tutorial<\/p><\/div>\n

Today we want to show you a web application using a CSS “look” we stumbled upon recently, namely making the HTML table element border<\/i><\/a> attribute be quite a big numerical value. To do this creates a sort of 3D “bevelled” look, that we’ve turned to our advantage, so far, just to create a simple web application asking the user how many “Holes” they want to create in a grid where they nominate …<\/p>\n

    \n
  1. number of columns<\/li>\n
  2. number of rows<\/li>\n
  3. border colour<\/li>\n<\/ol>\n

    We’re thinking about other uses for this, but just for the meantime we’re enjoying the hierarchical nature of it, and the dynamic aspects that change the dimensions of “Holes” should you resize the web application window, triggering the web application to fire off an onresize<\/i><\/a> event. So far, the display is everything, and we can happily rewrite document.body.innerHTML<\/i> without a care via the examination of document.URL<\/i><\/a> calls, in child HTML iframe windows, as necessary, but, as you can imagine, if more detailed data issues come up, we may not have this “luxury” forever. For instance, when you start involving HTML form elements in a web application, the rewrite of document.body.innerHTML<\/i> becomes more involved, though not impossible to accommodate.<\/p>\n

    So we guess we’ll see if we develop this idea further, in the future. We think it can become a multi-purpose job organizer of user-defined functionality. But for now, let’s deal with this “look” for now … admittedly unusual for us to undertake this project this way around, but we are keen on the HTML table border<\/i> attribute, with large values, usage.<\/p>\n

    In the meantime, please try our HTML and Javascript holes.html<\/a> with this live run<\/a> link, and try making some “Holes” yourself.<\/p>\n

    If this was interesting you may be interested in this<\/a> too.<\/p>\n