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
Date Uploaded: September 25, 2006
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/
Date Uploaded: May 30, 2006
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
Date Uploaded: September 23 2005
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
Date Uploaded: October 31 2005
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
Date Uploaded: February 21, 2007
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
Date Uploaded: March 13, 2006
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/
Date Uploaded: December 12, 2008
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
Date Uploaded: May 6 2005
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
date Uploaed: July 15 2005
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/
Date Uploaded: February 28, 2005
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
Date Uploaded: March 23, 2006
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/
Date Uploaded: October 12, 2007
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/
Date Uploaded: June 14, 2006
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/
Date Uploaded: June 4, 2007
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
Date Uploaded: May 18 2005
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/
Date Uploaded: May 25 2005
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
Date Uploaded: February 9, 2007
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/
Date Uploaded: September 5, 2007
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
Date Uploaded/Updated: March 7 2001 / July 5 2005
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
Date Uploaded: October 19 2005
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
Date Uploaded: June 8 2005
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
Date Uploaded: January 10, 2007
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/
Date Uploaded: March 18 2005
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/
Date Uploaded: December 27, 2006
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/
Date Uploaded: January 25, 2006
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
Date Uploaded: February 24, 2006
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.
|
