These scripts all deal with JavaScript and its use with Cascading Style Sheets. Questions about scripts here should be posted to The JavaScript Forum.
More on internet.com
Title: addNewStyleSheetByFullCSS
Contributor: Ultimater
Contributor URL: http://invisionfree.com/forums/Black_Forest_Boards
Description: Have you ever wanted to add a style sheet to your document using the full CSS without having to use addRules and insertRules? While this method is a bit "non-standard", it's a pretty nifty approach that can be expanded upon.
Title: Automatic Coloured Rows
Contributor: Anton Peck
Contributor URL: http://antonpeck.com/
Description: Tired of adding even and odd classes to your tables to distinguish the rows? This script will do it for you automatically. You can even use it with lists!
Title: Change Style
Contributor: Pascal Vyncke
Contributor URL: http://www.seniorennet.be
Description: Let your visitors change the style sheet on your Web site. This script will let your visitors choose between five style sheets, which you can create yourself or use the ones included.
Title: Colorful Object onMouseOver
Contributor: Thai Cao Phong
Contributor URL: http://www.JavaScriptBank.com
Description: This script makes it easy to highlight different areas of your page. The colors are chosen at random.
Title: CSS Toolbox
Contributor: Patrick Hunlock
Contributor URL: http://www.hunlock.com
Description: Three functions, one to return a CSS style object, one to create a new CSS rule, and one to delete a CSS style object. Dynamically create, change, and delete stylesheets. Easy to use and heavily commented.
Title: curvyCorners
Contributor: Cameron Cooke
Contributor URL: http://www.roundedcorners.net
Description: JavaScript-generated rounded corners for any DIV element. Corners are anti-aliased, and support borders of any width and color. Displays nicely with square corners, if JavaScript is turned-off. No images or CSS required.
Title: DD_roundies
Contributor: Drew Diller
Contributor URL: http://www.dillerdesign.com/
Description: Create rounded corners, without the use of images. Target designated classes and ids. Very easy to implement. Script is heavily commented for complete understanding.
Title: Drag and Drop
Contributor: Lou
Contributor URL: http://www.elouai.com
Description: Using a combination of CSS and JavaScript, you can move your images all over the page. Just add the class tag to the link's attributes - it's that simple! Works in Firefox, Netscape, and IE.
Title: Easy Drop Down Container
Contributor: Jeff Manning
Description: Click on the arrow to reveal/hide contents. Can be used for a drop down menu or to hide/reveal content on a Web page.
Title: Fisheye
Contributor: Danny Ayers
Contributor URL: http://dannyayers.com/
Description: Add a 'fisheye' effect to your text. Move your mouse over the text and watch it change. Implemented using JavaScript and CSS.
Title: Fixed Layer Manager
Contributor: Tim Tran
Contributor URL: http://www.lasttoken.com/JavaScript/flmExample.html
Description: Emulate CSS "fixed" positioning, which Internet Explorer lacks. Managed layers will disappear while the user is scrolling and reappear only after scrolling stops -- thereby preventing the shearing effect common with other solutions.
Title: Include CSS Stylesheet by DOM
Contributor: Benoit Asselin
Contributor URL: http://www.ab-d.fr/
Description: Use this script when you want to use the DOM to include a cascading style sheet. Very simple to implement.
Title: Inline Comments
Contributor: Corneliu Lucian Rusu
Contributor URL: http://www.anet.ro/zen/
Description: Add hidden comments within the text of an article. The user can view them by clicking on the marked words. Click again and they are hidden once more.
Title: Javascript / CSS Crossfader
Contributor: Timothy Groves
Contributor URL: http://www.brandspankingnew.net/
Description: This script produces a fading effect in a text box. The text can include any type of HTML and CSS styling. It can also be used with graphics. Small but powerful!
Title: Page Organizer
Contributor: Chris Armstrong
Contributor URL: http://london-net.net
Description: Use JavaScript and CSS to hide/show elements on a page thus saving screen space.
Title: Pre-Loading Message
Contributor: Robert Paulson
Contributor URL: http://www.abrahamjoffe.com.au/
Description: Use this script to warn your visitors that your page is loading. Short but effective.
Title: Rounded Corners
Contributor: Vic Phillips
Contributor URL: http://www.vicsjavascripts.org.uk
Description: This script permits rounded corners to be applied to DIV elements. The corners and associated edges are added to the initial DIV dimensions. There may be as many applications on a page as needed.
Title: ShadedBorder
Contributor: Steffen Rusitschka
Contributor URL: http://www.ruzee.com/
Description: This script creates rounded corners with a drop shadow without using images. You can use different formats on the same page. Highly customizable. Non-obtrusive.
Title: Style Sheets by Resolution 2
Contributor: Bob Pearson
Contributor URL: http://www.pagecraft.on.ca
Description: Loads a style sheet depending on the user's screen resolution. This updated version allows for browser window size to govern text size and background image size for high-resolution displays.
Title: Style Sheets by Resolution 3
Contributor: Anonymous
Description: This script determines the user's screen resolution and loads an appropriate style sheet. Short and effective!
Title: Style Sheet Switcher
Contributor: Kendokendokendo
Contributor URL: http://www.webdeveloper.com/forum/showthread.php?t=68704
Description: When the page loads, this script will detect whether you are using Microsoft Internet Explorer or another browser. It will then load the appropriate style sheet.
Title: Style Switcher
Contributor: Micah Atwell
Contributor URL: http://www.u9x.net
Description: Provide your visitors with a method for toggling the text and background colors of your page or certain sections within it. Though simple, this script has a lot of potential and could be greatly expanded. Heavily commented.
Title: Styling <abbr> in IE
Contributor: Marek Prokop
Contributor URL: http://www.sovavsiti.cz/css/
Description: Internet Explorer for Windows does not support the <abbr> element that should be used for proper markup of abbreviations. The solution is based on one simple fact: even though IE ignores the element itself, other elements nested in the <abbr> work fine. This script wraps the content of the <abbr> with <span>, set its title and class attribute and the <abbr> tag behaves like it should.
Title: Switchy McLayout
Contributor: Marc van den Dobbelsteen
Contributor URL: http://webbforce.nl/
Description: This script and CSS combination allows you to define the dimensions, information richness, and appearance of your content objects for set ranges of screen sizes. A news site, for example, could have one layout and appearance for wide screens, one for medium-sized screens, and another for PDAs. Images could shrink or even disappear according to the screen size, columns could come and go as needed to maintain readability, and you can achieve a more efficient use of the available space for each screen size.
Title: Tab View
Contributor: Ilya S. Lyubinskiy
Contributor URL: http://www.php-development.ru/
Description: A combination of CSS and JavaScript that allows switching between several pages without loading them from server. The script emulates the behavior of tabbed controls in Windows applications.
Title: Text Sections
Contributor: James Kennedy
Contributor URL: http://foxweb.marist.edu/users/kbpc3/example.html
Description: This script allows a user to read a volume of text, without having to scroll the page and without having to load different pages. This makes for easier maintenance as only one page needs to be updated, yet the content is visible to search engines. Very useful for large amounts of text.
JavaScript® is a registered trademark of Sun Microsystems, Inc.
Jupitermedia's Database Journal offers SQL courses and other database related resources for beginner to expert developers.
|
