Hey
Just wondered if there's any decent way of telling a the 'real' width
of a div with overflow:hidden or auto.
The only method ii found that worked was to create a table in dom
giving the same width as the div itself putting in the innerHTML and
then meassuring the width of that table and deleting the table element
after.
This works in the situations I used it in, but there must be a much
smoother way doing it.
Code example:
function getRealWidth(id){
//make temp table calc real width of content
var tmpTable = document.createElement('table');
//set the 'width' of the element set in css or style tag
tmpTable.width = Element.getDimensions($('tmpTable')).width;
//tmp id
tmpTable.id = 'tmpTable';
//create rest of table
var tmpTbody = document.createElement('tbody');
var tmpTr = document.createElement('tr');
var tmpTd = document.createElement('td');
tmpTd.innerHTML = $(id).innerHTML;
//append
tmpTr.appendChild(tmpTd);
tmpTbody.appendChild(tmpTr);
tmpTable.appendChild(tmpTbody);
//append element to meassure the width
document.body.appendChild(tmpTable);
var theDim = Element.getDimensions($('tmpTable'));
//remove table element again
document.body.removeChild(tmpTable);
return theDim.width;
}
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs
-~----------~----~----~----~------~----~------~--~---
