• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Tim Cooke
  • Campbell Ritchie
  • Paul Clapham
  • Ron McLeod
  • Liutauras Vilda
Sheriffs:
  • Jeanne Boyarsky
  • Rob Spoor
  • Bear Bibeault
Saloon Keepers:
  • Jesse Silverman
  • Tim Moores
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
Bartenders:
  • Piet Souris
  • Al Hobbs
  • salvin francis

Liquid Layout (resizing the columns of table)

 
Greenhorn
Posts: 5
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
hi,
i have a question. I am using liquid layout. There is a relative table with relative columns (i.e width speficed in % in the css file). on resize i want to truncate the text in the td and display "..." at the end if the text does not fit the column, and provide a tooltip to show the full contents.
How can i achieve this. Also this table is within a div tag. so on resize of the div element i have to provide this functionality. when is onResize event triggered for div ?

Thanks in advance

Anirudh
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
You are talking manipulating the table data with JavaScript since there is no HTML or CSS that does this. It would be a lot of work.

Eric
 
Anirudh Jhina
Greenhorn
Posts: 5
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Yes that is, manipulating the entire table data on resize. But can we do it and if yes how?
Div tag has an even "onresize", when does it get triggerd. I tried

<script>
document.getElementById("divId").onresize = some function;
</script>
it did not work but when i replaced it with "window.onresize = some function" it worked when i resized by browser window.
What could be the reason. When i resize my window the height and widht of div also changes.

Thanks
Anirudh
 
reply
    Bookmark Topic Watch Topic
  • New Topic