Creating a Scrolling News PanelMost websites have some sort of space dedicated solely to displaying the 'Latest News'. In fact, this is so common, that most content management systems by default reserve a good chunk of landscape for exactly this purpose. But what if you're limited in screen space, or you just want to cut down on clutter? This article will describe an attractive way to tuck the news into one neat little scrolling box. Enjoy!Introduction“Extra! Extra! Read all about ...

Dynamically Populating Select Menus Client-SideWe're constantly searching for methods to both improve our application's performance and enhance the user's experience. This little JavaScript tool will enable you to achieve both of those goals. I will show you how to populate a menu of items on the fly, based on the selection of another, without reloading the page. This is handy for search tools, registration forms, inventory programs, and so many others. Just have a read, and you'll find a place ...

Switching on Layers with ScriptsThis illustrates how to show visitors to a site which tab they are currently on. The article outlines how to create a script that manipulates the z-indices of graphical tabs to pull the one that is clicked to the top layer and show the content in that tab. There is a simple introduction to the div tag, the z-index property and DHTML scripting in general.Switching on Layers with Scripts and the <div> TagUsing web pages to ...

Drop-down Menu BuildersDan Wellman evaluates free and commercial software that can help you create menus that expand into sub-menus and are used as a means of navigating your site. He looks at browser-based and GUI-based formats and makes some recommendations.On the Internet today there are many programs tailored specifically toward creating smoothly animated pull-down menu navigation bars.  Whenever a need for such software develops, application builders are always keen to exploit the new-found niche. The use of JavaScript as an ...

Special Effects with DHTML RolloversIt’s common knowledge that JavaScript image rollover scripts became very popular in the early days of the Internet. While some people feel rollover effects have become perhaps, cliché, there are many ways to build upon simple rollover effects using JavaScript and style sheets. For the purpose of this tutorial, we’ll focus on several effects and the basics of how to set up images for creating rollover special effects with DHTML.To jumpstart some ideas about image special ...

Client-side and Server-side JavaScriptThis article explains the three major types of JavaScript, client-side, server-side and the core language. Server-side JavaScript is ideal for creating web applications that can be run on any platform, on any browser, and in any language. See the article for other advantages and disadvantages of each.Most people think that JavaScript is a form of Java, but that is not true. Java is a programming language developed by Sun Microsystems, while JavaScript was created by Netscape to ...

Regular expressions in JavaScriptJavaScript is useful for a lot more than opening pop-ups. If you use HTML forms on your website, and want to make sure that your visitors submit valid data on those forms, you might want to consider using some regular expressions in JavaScript. Alejandro Gervasio explains how, with many excellent examples.IntroductionIf you’ve ever programmed in Perl, or have had in your hands a UNIX system, then maybe you are pretty familiar with what regular expressions are. If ...

Building Rounded Corners With CSS and JavaScriptRounded corners give your website a professional, polished look. Unfortunately, the old school way of building rounded corners is rather messy and involves a lot of redundant markup. This article explains a much cleaner way of achieving the same effect.IntroductionSurely, across our numerous visits, when surfing the Web, we have seen a lot of websites presenting fancy and very attractive background effects on their pages. From simplistic approaches to fairly complex designs, backgrounds are ...

Creating Pop-Up Notes with CSS and JavaScript Part IA pop-up note contains information and can be made to appear when a visitor to your website moves the mouse over the appropriate area. Alejandro Gervasio explains how to create several different kinds of pop-up notes using CSS and JavaScript.Within the structure of Web pages, pop-up notes are useful accessibility elements. They are often used to create footnotes, sidebars for articles, or to define an acronym, among other things. They're widely employed ...

Creating Pop-up Notes with CSS and JavaScript Part IIA pop-up note contains information and can be made to appear when a visitor to your website moves the mouse over the appropriate area. In our second of two articles about pop-up notes, Alejandro Gervasio explains how to create multiple pop-up notes on a Web page using CSS and JavaScript.Creating multiple pop-up notesOnce we’ve taken an in-depth look at our previous example, it’s easy to generate multiple pop-up notes with JavaScript. The ...