![\"PHP](\"http:\/\/rjmprogramming.com.au\/PHP\/blog_summary.jpg\" "\\"PHP")
<\/a>PHP Blog Summary Primer Tutorial<\/p><\/div>
\nThere are two things that often happen for programmers:<\/p>\n
- \n
- they break a job into its components (often immediately jumping to list the biggest “worry”)<\/li>\n
- they look for ways to achieve the job faster and more reliably (ideas regarding code reuse both internally or externally)<\/li>\n<\/ul>\n
With this in mind today’s job, which is a GETME code lister for this blog<\/i> (like a blog summary (updated every day, via cron\/curl)) had (or I wanted):<\/p>\n
- \n
- sortable HTML tables<\/li>\n
- data from Linux operating system<\/li>\n<\/ul>\n
To me the biggest “worry” with this job is the “sortable HTML tables” (spend far more time on client side work (“front end”) per unit of time of productivity than server-side work (“back end”)). So, how about we start with a good code basis of “sortable HTML tables” … that’s why we’re showing you the PHP\/Javascript JSON Feed or Array Data Primer Tutorial<\/a> below that we are. Although it looks off-topic, it is very close code-wise, and this leads to another quality (or not) you may want, or not, to do with programming:<\/p>\n
- \n
- do you mind the old
if (1 == 1) { }<\/code><\/i> (for code you show to be “back in favour”) vsif (7 != 7) { }<\/code><\/i> orif ((\"to be\" || \"not to be\") == \"that is the question\") { }<\/code><\/i> perhaps (for code that is “deliberately out of favour, but may be of interest, or come back into play later”)<\/i> ? … lots of programmers will not like this, some will be fine with this … am in the latter group, because, to me, it is like “the comment you make when you’re not making a comment”<\/li>\n<\/ul>\nBack to the idea … we do a lot of code download offers with *GETME files here at this blog … so why not summarize all this in a sortable table?<\/p>\n
Link to some downloadable PHP programming code … rename to getmelist.php<\/a> as you wish and here is a link to the live run<\/a> and will leave you with the difference in code between this idea and the one of the code below with getmelist.php<\/a>.<\/p>\n
\nPrevious code-relevant tutorial called PHP\/Javascript JSON Feed or Array Data Primer Tutorial<\/a> is shown below.<\/p>\n
![\"PHP\/Javascript](\"http:\/\/rjmprogramming.com.au\/PHP\/JSON\/ArrayData\/PHP_JSON_ArrayData.png\" "\\"PHP\/Javascript")
<\/a>PHP\/Javascript JSON Feed or Array Data Primer Tutorial<\/p><\/div>\n
JSON<\/a> is a very useful protocol because:<\/p>\n
- \n
- There is a lot of support in Javascript and the server-side languages, such as PHP or ASP.Net, for JSON-friendly functionality.<\/li>\n
- Many website feeds<\/a> use JSON as their protocol (format) of choice.<\/li>\n<\/ul>\n
Today<\/a>‘s live run is a simple interface to JSON incoming data and its presentation back to you, either as an HTML table element, or as a validator. Of interest, are the two previous tutorials below. We use an optional method of the first, and the same default input data (via Google Charts<\/a>) as the second:<\/p>\n
- \n
- jQuery Sortable Table Primer Tutorial<\/a><\/li>\n
- PHP\/Javascript\/HTML Google Chart JSON Data Table Event Tutorial<\/a><\/li>\n<\/ol>\n
Along the way, wanted to point out use of:<\/p>\n
- \n
- Format of JSON data regarding array<\/a> data … eg.
'{\"a\":1,\"b\":2,\"c\":3,\"d\":4,\"e\":5}'<\/code><\/a><\/li>\n- PHP json_decode()<\/a> method<\/li>\n
- PHP http_build_query()<\/a> method<\/li>\n
- PHP urldecode()<\/a> method<\/li>\n
- Use of an HTML onload Javascript click of an HTML form’s submit button to automate the use of post<\/i>ed data … why post<\/i> rather than get<\/i>? … two reasons:<\/li>\n
- \n
- better security<\/li>\n
- there are limits to the amount of get<\/i> data applied to your address bar urls that comes into play with get<\/i> scenarios, but not with post<\/i> scenarios\n<\/ol>\n
- Usefulness of online resources such as the JSONLint<\/a> validator<\/li>\n
- The attempts at genericity in the interface by converting post<\/i>ed feed url data into an HTML table presentation (with sortable column data) via the recognition of search specifications for:<\/li>\n
- \n
- table ID<\/li>\n
- table heading data<\/li>\n
- table cell data<\/li>\n<\/ol>\n<\/ul>\n
Here is a download link for some PHP programming source code you could call json_array_post.php<\/a><\/p>\n
Perhaps Ajax functionality with local JSON data sources is of interest to you, and if this is the case, have a peruse of Ajax Local JSON Primer Tutorial<\/a> … anyway, hope something here is of interest to you.<\/p>\n
\nPrevious relevant jQuery Sortable Table Primer Tutorial<\/a> is shown below.<\/p>\n
![\"jQuery](\"http:\/\/www.rjmprogramming.com.au\/Javascript\/jQuery\/SortableTable\/Sortable_Table.jpg\" "\\"jQuery")
<\/a>jQuery Sortable Table Primer Tutorial<\/p><\/div>\n
A lot of the things people like about the Web are to do with JavaScript and client-side activities. Adding to that experience are Javascript libraries packed full of features. Probably the best known of these is jQuery.<\/p>\n
Read more about the powerful jQuery Javascript library here<\/a> (at its spiritual home) and here<\/a> (at Wikipedia).<\/p>\n
Regarding this topic I really like “JavaScript & Ajax” seventh edition by Tom Negrino and Dori Smith<\/em> pages 437 to 441. The code in this book was followed with quite a few changes. Why change a good thing … welllllll, want to show you some concepts\/ideas\/
buffoonery<\/strike> which we’d like to present in pointy form below (you thought we were going to say “above” didn’t you? … go on! … admit it):<\/p>\n- \n
- Can include “old style” Javascript “body onload”<\/i> code within jQuery ready<\/i> functionality (just checking … because, personally, feel shy about combining the two worlds, but there is nothing wrong doing this, as we do today) …<\/li>\n
- Function onloading()<\/i> which is “old style” Javascript is the first thing called from jQuery ready<\/i> code … why?<\/li>\n
- \n
- First off please refer to today’s downloadable HTML\/Javascript\/jQuery code you could call conjunction_sortable_table.html<\/a><\/li>\n
- Sometimes you want to use Javascript DOM techniques to dynamically load your document.body.innerHTML contents … so that, perhaps, you can read off a data source of some kind … wouldn’t PHP be sooooo great here?! … Subtext translation: <\/b><\/i> the programmer is lazy and wanted to save coding time by taking an array from the previous tutorial called HTML\/Javascript Sentence Conjunction Game Tutorial<\/a><\/li>\n
- The jQuery ready<\/i> code fires at the webpage’s body onload<\/i> event, and you lose the ability to go <body onload=’onloading();’><\/i> but this doesn’t stop you plugging in onloading() up the top of your ready<\/i> code … are you still awake?!<\/li>\n
- Alternative approach is static HTML, and this is presented to you, but is commented out down the bottom of our code<\/a> provided today … by the way, HTML comment goes <!– … –><\/li>\n
- … and how was this derived when a View->Page Source doesn’t show it? …<\/li>\n
- … use Firebug (or something like it) and point at the body tag and use “Copy innerHTML” to derive this (as per the tutorial’s picture<\/a>)<\/li>\n<\/ul>\n
- Use of cursor:pointer<\/i> style property to make a span<\/i> tag, within an h1<\/i> tag act like an a<\/i> tag<\/li>\n
- Recall of ready function for the addsome() Javascript bit awkward, in that code is repeated<\/li>\n
- \n
- Maybe start reading http:\/\/stackoverflow.com\/questions\/999092\/can-i-call-the-function-ready-again-in-jquery<\/a> to see if you can do better<\/li>\n<\/ul>\n<\/ol>\n
Click on picture above<\/a> to go to jQuery page for a (live run) tutorial on the jQuery concept called Sortable Table. <\/p>\n
Link to jQuery information … via Wikipedia<\/a>.<\/p>\n
Link to jQuery spiritual home page … via jQuery Foundation<\/a>.<\/p>\n
Link to the great third-party jQuery Sortable Table code is available from the GitHub<\/a> source control resource here<\/a> which is a link from here<\/a> … thanks heaps … isn’t Open Source great?!<\/p>\n
Did you know?<\/i><\/b><\/p>\n
The tutorial picture today features the Firefox<\/a> web browser and a very useful add-on called Firebug<\/a> which you may want more information about here<\/a>, which is commonly used to debug client-side Javascript and HTML. As for today’s usage, Firebug is also extremely useful in deconstructing how a web page was created. The other simple wonderful tool for this is the web browser’s equivalent menu command like View->Page Source (or sometimes equivalent of right-click Page Source). Firebug has a sister product called FirePHP<\/a> which helps debug server-side PHP and Ajax work<\/a>.<\/p>\n
If this was interesting you may be interested in this<\/a> too.<\/p>\n
- Sometimes you want to use Javascript DOM techniques to dynamically load your document.body.innerHTML contents … so that, perhaps, you can read off a data source of some kind … wouldn’t PHP be sooooo great here?! … Subtext translation: <\/b><\/i> the programmer is lazy and wanted to save coding time by taking an array from the previous tutorial called HTML\/Javascript Sentence Conjunction Game Tutorial<\/a><\/li>\n
- Function onloading()<\/i> which is “old style” Javascript is the first thing called from jQuery ready<\/i> code … why?<\/li>\n
- Can include “old style” Javascript “body onload”<\/i> code within jQuery ready<\/i> functionality (just checking … because, personally, feel shy about combining the two worlds, but there is nothing wrong doing this, as we do today) …<\/li>\n
- Usefulness of online resources such as the JSONLint<\/a> validator<\/li>\n
- PHP json_decode()<\/a> method<\/li>\n
- PHP\/Javascript\/HTML Google Chart JSON Data Table Event Tutorial<\/a><\/li>\n<\/ol>\n
- jQuery Sortable Table Primer Tutorial<\/a><\/li>\n
- do you mind the old
![\"PHP\/Javascript\/HTML](\"http:\/\/www.rjmprogramming.com.au\/PHP\/ChartEditor\/Json_Data_Table_Events.jpg\" "\\"PHP\/Javascript\/HTML")
<\/a>![\"PHP\/Javascript\/HTML](\"http:\/\/www.rjmprogramming.com.au\/PHP\/ChartEditor\/Json_Data_Table.jpg\" "\\"PHP\/Javascript\/HTML")
<\/a>![\"PHP\/Javascript\/HTML](\"http:\/\/www.rjmprogramming.com.au\/PHP\/IntensityChart\/Intensity_Map.jpg\" "\\"PHP\/Javascript\/HTML")
<\/a>