Archive for category JavaScript

JavaScript: YUI dataTable hidden column border bug CSS fix

With the YUI datatable control you can render a HTML table into a new table with enhanced features such as column hiding. To hide and show columns the CSS style is changed to display:none. One particular problem with hidden columns is, that not the cell itself gets hidden but the div inside the cell. I [...]

Tags: , , , , , ,

JavaScript: Hide and show columns of a YUI dataTable using checkboxes

The DataTable control provides a simple yet powerful API to display screen-reader accessible tabular data on a web page. Notable features include sortable columns, pagination, scrolling, row selection, resizeable columns, and inline cell editing.

I wrote a script to show and hide columns of the YUI dataTable control using checkboxes. If you are new to YUI [...]

Tags: , , ,

Python: Parse IIS 6.0 W3C Extended Log Files using Python and YUI libraries

I wrote a tool that parses my logfiles generated by Microsoft Internet Information Services 6.0. On top of that I added functionality to create standard HTML or YUI powered HTML files. This means that all the information in the logfiles will be displayed in an HTML table. The tool supports single logfile processing as well [...]

Tags: , , , ,

Make table rows drag and dropable using the YUI JavaScript Framework

I took this yui drag and drop tutorial and modified it a bit so that it works with table rows instead of list items.

//Get a LogReader and append it to the ‘logger’ container.Make that container DragNDropable.
var myLogReader = new YAHOO.widget.LogReader("logger");
var drag_console = new YAHOO.util.DD(’logger’);

(function() {
var Dom = YAHOO.util.Dom;
var Event = YAHOO.util.Event;
var DDM = YAHOO.util.DragDropMgr;
YAHOO.example.DDApp = [...]

Tags: , , ,