At A Glance Main Projects Tutorials Resume

Contact


Email: palen1c at gmail.com




CSS Only In IE and Jquery UI Datepicker

Sun, 06 Jul 2008 18:25:31 EST

An example of one of the Technogumbo pages with user comments after the formatting update
I decided to take this Sunday and work on the website instead of Flex. I have improved the formatting of user comments and updated the blog calendar. User comments will now show formatting such as return characters and is aligned on the left not to wrap underneath the avatar picture. The blog post calendar will now show the title of the post when you mouse-over the date. The blog calendar update in particular was a much needed improvement in my opinion.

There is a known bug with the blog post pages that display user comments. The web-server will randomly return a "this page cannot be displayed" error. You just have to refresh the page a few times. Brock and I traced this to software called ion-cube in combination with PHP's XML parser running on the web-server. We were unable to re-create the error on my development environment (XAMPP) and my test Linux machine that runs fedora core 4 so the error still randomly crops up.

An example of one of the Technogumbo pages with user comments prior to the formatting update
Another known bug is with the tag cloud generator located on the left side of the main page. This is Johann Burkard's Dynacloud that utilizes Jquery. It is supposed to generate tag clouds based on frequency of word usage across the entire main page. However it seems to rank links and items inside div tags much higher then normal text. I also have to manually adjust the maximum allowed font size of this script whenever I update the site due to the irregularities in rating words. Perhaps a future update will be to fix the cloud myself or find another candidate. In any case, thanks to Johann for his nice contribution!

While messing with the CSS for the comment posting, I learned a nice little tidbit. When you place an asterisk "*" in front of a line of CSS, it means that only IE will read that line. This came in handy for the chunk that I use on the comment formatting. Take a look:

div.CenterColumb .CommentContainer p{
/* for the text of the users post*/

line-height: 130%;
/* prevents non-break text from going all over the place
pre preserves user line breaks
max-width allows for the nice alignment on the right
* means only IE will read the css
*/

word-wrap:break-word;
white-space: -moz-pre-wrap;
* white-space: pre;
overflow: hidden;
max-width:80%;
float: left;
margin-left: 1%;
}


The modified Jquery UI datepicker that Technogumbo uses
I wanted to mention Marc Grabanski and Keith Wood for their work on the Jquery UI Datepicker. The blog calendar on this site is a modified version of the UI Datepicker before it became officially integrated into the standard Jquery UI components. I again modified the core of the Datepicker to include the blog post titles. These modifications haven't been that difficult due to the excellent job Marc and Keith did on the Datepicker. Thanks fella's.


Charles Palen has been involved in the technology sector for several years. His formal education focused on Enterprise Database Administration. He currently works as the principal software architect and manager at Transcending Digital where he can be hired for your next contract project. Charles is a full stack developer who has been on the front lines of small business and enterprise for over 10 years. Charles current expertise covers the areas of .NET, Java, PHP, Node.js, Javascript, HTML, and CSS. Charles created Technogumbo in 2008 as a way to share lessons learned while making original products.

Comments

No one has posted any comments yet, be the first

Comments are currently disabled.