load_skin.js

javascript 很酷的类库

/*
	Isomorphic SmartClient Skin File
	
	This file loads a 'skin' for your Isomorphic SmartClient applications.
	To load this skin, reference this file in a <SCRIPT> tag immediately
	after your Isomorphic SmartClient loader:
	
		<SCRIPT ...>


*/

isc.loadSkin = function (theWindow) {
if (theWindow == null) theWindow = window;
with (theWindow) {
	//
	//	Step 1:  Set the Isomorphic SmartClient skinDir to point to this directory
	//
	//			 NOTE: The path provided here MUST be relative to your application
	//					file or the already set up Isomorphic dir.
	//
	//			 ** If you move this skin, you must change the skinDir below!***
	//
	isc.Page.setSkinDir("[ISOMORPHIC]/skins/Cupertino/");
	
	
	//
	//	Step 2:  Load the stylesheet (you can load app-specific stylesheets here, too, if you like)
	//
	isc.Page.loadStyleSheet("[SKIN]/skin_styles.css", theWindow);
	
	
	//
	//	Step 3: Customize the SmartClient client framework below
	//
	isc.Canvas.setProperties({
		// this skin uses custom scrollbars
		showCustomScrollbars:true
	});

    // define IButton so examples that support the new SmartClient skin image-based
    // button will fall back on the CSS-based Button with this skin
	isc.ClassFactory.defineClass("IButton", "Button");
	isc.ClassFactory.defineClass("IAutoFitButton", "AutoFitButton");
    
	// ListGrid skinning	
	if (isc.ListGrid) {										  
		isc.ListGrid.addProperties({
			bodyBackgroundColor:"#DEDEDE",
			// copy the header (.button) background-color to match when sort arrow is hidden
			backgroundColor:"#CCCCCC",
			showSortArrow:isc.ListGrid.CORNER
		});
	}
	
	// TabSet skinning
    if (isc.TabSet) {
        // In Netscape Navigator 4.7x, set the backgroundColor directly since the css
        // background colors are not reliable
        if (isc.Browser.isNav) {
            isc.TabSet.addProperties({paneContainerDefaults:{backgroundColor:"#EEEEEE"}});
        }            
        isc.TabBar.addProperties({height:19, baseLineThickness:3, 
                                         leadingMargin:8});
    }
	if (isc.ImgTab) isc.ImgTab.addProperties({capSize:11});
	
	// Window skinning
	if (isc.Window) {
		isc.Window.addProperties({backgroundColor:"#DEDEDE",
                                  showHeaderBackground:true,
                                  headerBackgroundConstructor:"Img",
						          headerSrc:"[SKIN]Window/headerBackground.gif",
						          hiliteHeaderSrc:"[SKIN]Window/headerBackground_hilite.gif",
                                  showFooter:false,
						          layoutMargin:3});
		isc.addProperties(isc.Window.getInstanceProperty("headerDefaults"),
						  {height:16,
						   layoutMargin:0,
						   membersMargin:0}
						 );
		isc.addProperties(isc.Window.getInstanceProperty("headerIconDefaults"),
						  {width:19, extraSpace:10});						 
    }
    
    // DateChooser icons
    if (isc.DateChooser) {
        isc.DateChooser.addProperties({
            showDoubleYearIcon:false,
            skinImgDir:"images/DateChooser/"
        });        
    }
    

    // ToolStrip skinning
    if (isc.ToolStrip) {
        isc.ToolStrip.changeDefaults("dropLineDefaults", {
            className:"toolStripLayoutDropLine"
        });
    }
    
    // Default EdgedCanvas skinning (for any canvas where showEdges is set to true)
    if (isc.EdgedCanvas) {
        isc.EdgedCanvas.addProperties({
            edgeSize:4,
            edgeImage:"[SKIN]/rounded/frame/A3B2CC/4.png"
        })
    }

    
	//
	//  Step 4: Specify where the browser should redirect if the browser is
	// 			not supported.
	//
	isc.Page.checkBrowserAndRedirect("[SKIN]/unsupported_browser.html");	
}
}


// call the loadSkin routine
isc.loadSkin()