{"id":6098,"date":"2014-02-07T05:01:38","date_gmt":"2014-02-06T18:01:38","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=6098"},"modified":"2014-02-07T05:01:38","modified_gmt":"2014-02-06T18:01:38","slug":"ross-browserplatform-javascript-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/ross-browserplatform-javascript-primer-tutorial\/","title":{"rendered":"Cross Browser\/Platform Javascript Primer Tutorial"},"content":{"rendered":"
\"Cross<\/a>

Cross Browser\/Platform Javascript Primer Tutorial (try twirling round bottom of image for a synopsis ... 'do the twirl now')<\/p><\/div>\n

Today’s tutorial shows a cross browser and cross platform consideration of a styling issue where CSS (any type) cannot help but Javascript can. The issue is that with the HTML frameset element the cols<\/i> property cannot be changed by CSS, so we will change it dynamically using Javascript.<\/p>\n

This is an opportunity to introduce some if\/else if\/else code in Javascript to differentiate browsers and platforms based on Javascript Browser Detection \u2013 Navigator User Agent<\/a> … thanks.<\/p>\n

The mobile platforms do not like HTML frameset at all, and you will see in the code an approach that wipes the slate clean to work with table\/iframe instead, and using document.writeln<\/p>\n

Enjoy this tutorial<\/a> or live run<\/a> that has logic for Internet Explorer, Firefox, Safari, Chrome and Opera browsers, and for iOS and Android platforms.<\/p>\n

Here is a link to the HTML supervising programming source code that you might want to rename to new_frameset_supervisor.html<\/a><\/p>\n

Here is a link to the HTML supervised programming source code that you might want to rename to new_frameset_content.html<\/a><\/p>\n

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