Hi, I'm not very knowledgable of Javascript, so I'm trying to use a copy and paste solution with some code I found.
Basically, I have a 3 panel full CSS skin that I'm trying to get the columns to stretch properly and show the background color for the entire length instead of the background color ending after the content ends.
I'm using this Javascript at the end of my HTM file:
[script type="text/javascript" runat="server"]
function resize() {
var frame = document.getElementById("contentpane");
var htmlheight = document.body.parentNode.scrollheight;
var windowheight = window.innerheight;
if ( htmlheight < windowheight ) { document.body.style.height = windowheight + "px"; frame.style.height = windowheight + "px"; }
else { document.body.style.height = htmlheight + "px"; frame.style.height = htmlheight + "px"; }
}
window.onload=resize;
window.onresize=resize;
[/script]
*Note that I replaced the greater than, less than symbols with brackets so it would show up in the forum correctly... I can't copy/paste into the rich text editor without running into all kinds of crazy formatting errors.
When I parse the package, I lose all the visual elements of my skin, but the content pane definititions stay correct. I get this message across the top of the IE7 browser:
Could Not Load Skin: /Portals/0/Skins/test_css/skin.ascx Error: D:\Inetpub\wwwroot\test\Portals\0\Skins\test_css\skin.ascx(41): error BC30205: End of statement expected.
Line 41 is the line that reads "function resize () {"
The Javascript works though, the panels resize properly... like I said, none of the visual elements of my skin is showing up though.
Any help would be greatly appreciated!
NOTE: I discovered that when I take out the runat="Server" part of the Script line, the visual elements of my skin show up, but the javascript doesn't work.