Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

AspDotNetStoreFront
  Ads  
OnyakTech
 


  Sponsors  

Meet Our Sponsors

telerik
ExactTarget email software solutions
Merak Mail Server
WebSecureStores -- ASP.NET & DotNetNuke Hosting Solutions
FCKeditor Project
Salaro -- Skins and more
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  Please Help with Javascript in Skin Problem
Previous Previous
 
Next Next
New Post 1/29/2008 2:25 PM
User is offline John P
36 posts
10th Ranked


Please Help with Javascript in Skin Problem 
Modified By John P  on 1/29/2008 5:29:01 PM)

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.

 
New Post 1/30/2008 12:39 AM
User is offline armand datema
214 posts
9th Ranked


Re: Please Help with Javascript in Skin Problem 

first of all

no runat=server thats only needed if you want to have vb or c code into it

also if you are trying to expand the contentpane this wont work because the id contentpane isnt in hth html anymore

the html returned is something like id="dnn_contentpane" you need to call the item that is around your contentpane div and then expand that one

 

another option is to use the faux column technique and have a 3 column background instead of trying it with javacript

 

 


Armand Datema
Complex css/xhtml and unobtrosive javascript skin conversion to make you stand out from the crowd

Latest work itbuzz & nu.nl/Z

SchwingSoft

 
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  Please Help with Javascript in Skin Problem
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, please observe the following posting guidelines:

1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

 


Personify Design, Inc.
Seattle-based Personify Design has developed customized DotNetNuke websites for a wide range of customers to meet many different types of needs, including distributed authorship across thousands of pages to integrated Verisign e-commerce capabilities.
www.personifydesign.com
DNN Outsourcing
50% more affordable services comparing to Western Europe and US: Custom DotNetNuke module development, skins, consulting, maintainence... Over 15.000 working hours of experience in custom DotNetNuke Solutions development, 8 years experience in outsourcing, excellent references!
www.dnnoutsourcing.com
Expressnet - DotNetNuke Hosting
Expressnet provide premium quality ASP.NET Web Hosting. We specialise in Windows based products including ASP.NET and Microsoft SQL Server. We offer fantastic value packages for DotNetNuke hosting. We also offer free asp.net web hosting
www.expressnet.com.au

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP