Velocity Reviews

Velocity Reviews (http://www.velocityreviews.com/forums/index.php)
-   Javascript (http://www.velocityreviews.com/forums/f68-javascript.html)
-   -   Change table cell text alignment? (http://www.velocityreviews.com/forums/t915898-change-table-cell-text-alignment.html)

harry 01-19-2005 09:47 AM

Change table cell text alignment?
 
I want to be able to change the text alignment within a table cell between
"right" & "center" depending on how many rows are in the table.

Is this possible in Javascript? - can't see how to do it!

thanks

harry



Martin Honnen 01-19-2005 11:55 AM

Re: Change table cell text alignment?
 


harry wrote:

> I want to be able to change the text alignment within a table cell between
> "right" & "center" depending on how many rows are in the table.
>
> Is this possible in Javascript?


In browsers that implement the W3C DOM HTML module as specified here
<http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-82915075>
table cell element objects have property named align which you can read
and set e.g.
tableCell.align = 'right';
Table element objects as documented here
<http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-64060425>
have a rows property whiich is a collection with a length property so
you could check
if (tableElement.rows.length > 200) {
tableCell.align = 'right';
}
Getting a table or table cell elements can be done in various ways, by
id e.g.
<table id="table1">
<tbody>
<tr>
<td id="cell1">...</td>
...
...
</table>

var tableElement, tableCell;
if (document.getElementById) {
tableElement = document.getElementById('table1');
tableCell = document.getElementById('cell1');
// then do above check here
}
but of course the DOM offers various other possibilities (e.g.
document.getElementsByTagName('table')) to find elements.

Support for that is in at least IE5+, Netscape 6+, Mozilla 1.x, Opera 7,
hopefully in Safari and Konqueror too though I am not sure there I have
ever tested to manipulate the align property of a table cell.


--

Martin Honnen
http://JavaScript.FAQTs.com/

RobG 01-19-2005 12:44 PM

Re: Change table cell text alignment?
 
Martin Honnen wrote:
[...]
> if (tableElement.rows.length > 200) {
> tableCell.align = 'right';


You can also play with the style object:

if (tableElement.rows.length > 200 && tableCell.style) {
tableCell.style.textAlign = 'right';
// more style manipulation
}

--
Rob

Spats30 01-21-2005 10:00 PM

Re: Change table cell text alignment?
 
You might also be able to put a div tag inside each cell with a class
on it that will hold your content. Then, it would be really easy to
dynamically change the class using javascript.



All times are GMT. The time now is 08:39 PM.

Powered by vBulletin®. Copyright ©2000 - 2014, vBulletin Solutions, Inc.
SEO by vBSEO ©2010, Crawlability, Inc.