Hello to all, this is my first post, i hope you can help me :)
I'm creating a gadget for the forum of a my friend. The gadget reads, from a php web page, the title of the latest 3 active topics in the forum, the number of replies, and other info, it writes them in a table, the table is composed by 3 cells, the first and the third are used only for display pictures (the "head" picture and the "end" picture of the gadget), the middle one is where the information read from the php are written. I also add the refresh function and it's work perfectly.
The gadget works pretty well but the topics title isn't everytime of the same length, so i can't set a default height for the gadget but i need to set it dinamically, because the table changes its height with the quantity of text to display, the width is fix to 128 px.
There is a way to set the height of the gadget equal to the height of the table baybe with javascript
Thanks in advance,
Gyppi.
Dynamic Height
bob v
Many many thanks, It works!
I've created this function based on your suggestion:
function resize(){
var table = document.getElementById("table1");
var tableheight = table.clientHeight;
document.body.style.height = tableheight + "px";
}
the gadget calls it at the loading of the page and when it updates its content
<body onload="resize()" ...>
window.setInterval(refreshGadget, 60000);
window.setInterval(resize, 60000);
hope this code can help someone other too :)
Thanks again,
Gyppi.
Geogy
document.body.style.width = <tableobject>.clientWidth;
document.body.style.height = <tableobject>.clientHeight;