This JavaScript tutorial shows you how to implement a screen saver on
a web page. It activates after a timeout, hides the current content of
the page, creates an attractive display and more. By Guyon Roche. 0608
Grok Headline matches for How to Create a JavaScript Web Page Screen Saver
GraFX Saver Pro 4.0 Released - Create Professional Screen Savers in Minutes
GraFX Saver Pro 4.0 Released - Create Professional Screen Savers in Minutes02/01/2005 09:28 PM Create professional screen savers using images, video, and audio in
record time. GraFX Saver Pro supports over 20 image and video formats,
as well as all popular audio formats (MP3, WMA, WAV, MIDI, etc) for
background sound. Advanced features for created screen savers include
120+ special effects; complete control over behavior and
functionality; trial version screen savers to sell; end user
installations for quick and easy setup; and much more. [PRWEB Jan 27,
2005]
DSW Screen Saver Builder v5.008/19/2004 05:00 PM Screen Saver Builder is a screen saver program showing pictures from
the folder you select. It is your own screen saver slide show! It can
also play sound files (MP3, WAV, MID). The program has options like
pictures size scaling, withhold time, random picture choosing,
background color set , clock, password protect, 10 image transition
effects, image preview, text messages. [Shareware $14.50 1.5 MB]
"One of my favorite features of C# Express is the built-in RSS
Screen saver Starter Kit. If you’ve never built a
screensaver before, or if you have never written code that uses RSS,
then you’ll find the RSS Screen saver a great way to start
programming.
In a nutshell, the RSS Screen saver is a screen saver that lets you
select and validate an RSS feed, select a background directory
for images to loop through, and the screensaver will loop through the
items in the RSS feed." [Dan Fernandez's Blog, via
del.icio.us/tag/rss]
I'm not enough of a programmer to run with this one, but this could
be a very cool tool for libraries. Imagine being able to display your
current news on your workstations via the screensaver in real-time
without any manual intervention. Just update your "what's new" blog
and it magically appears on all of your workstations. Major, major
woot with a happy dance thrown in for good measure!
Use iTunes visuals as a screen saver02/11/2004 11:04 AM I have never been one for screen savers, however I've recently found
one that I like quite a bit. Using a little thing called ScriptSaver
(previously used in this hint), which runs an AppleScript of your
choice when your scre...
The Convention Blog Inline Screen Saver.07/27/2004 06:16 AM
Pete's been working with me on various stuff for the last few weeks
and his help has been invaluable. So, for fun, (and because Shellen
made us) he whipped up a page that refreshes convention blog posts
every few seconds or so.
It's neat and TiVo-like. You can pause it by pressing "P
" or move back and forth among posts by pressing the bracket keys "["
or "]". It live ...
.Mac members get Freefall screen saver, new tutorials
.Mac members get Freefall screen saver, new tutorials02/01/2005 09:21 PM Apple is now offering .Mac members a free screen saver from
XtremeMac's Freefall satellite simulator and a 30 percent discount on
the software...
Matrix Reloaded GL Screen Saver ported to Mac OS X
.Mac updates tutorials, offers free screen saver02/01/2005 09:55 PM Apple's subscription-based .Mac online service has updated its
offerings with a free screen saver for members, a discount on a
satellite simulator, and updated tutorials in its Learning Center
focused on the new applications including with iLife '05.
Remove iPhoto albums from Screen Saver panel
Remove iPhoto albums from Screen Saver panel06/18/2004 04:15 PM I was really annoyed by the fact that every album I created in iPhoto
also appeared automatically in the Screen Saver album list (in the
Desktop & Screen Saver pane). There is no way to disable that feature,
nor to drag the n...
How to Create a JavaScript Image Viewer
How to Create a JavaScript Image Viewer07/09/2004 10:15 AM Today, a solution to online photo albums is presented. Using
JavaScript, images are displayed as thumbnails. If you wish to see
more detail, click on the thumbnail and it will expand to its full
size. By Guyon Roche. 0709
Use JavaScript to Create a Scrolling Grid
Use JavaScript to Create a Scrolling Grid04/09/2004 03:57 PM A problem often encountered in web design is condensing large tables
of data into a standard 800x600 web page. In this article you'll Iearn
how to use JavaScript to render any amount of table data into a small
grid. By Guyon Roche. 0318
How to Create a JavaScript Windows Interface
How to Create a JavaScript Windows Interface05/13/2004 02:05 PM When Windows first appeared, multiple windows could be used to
separate unrelated bits of information within one or many programs.
Today, Guyon Roche creates a JavaScript based framework that can be
used to organize a web application in a Windows-like fashion. 0513
In my opinion, recent advances in JavaScript theory call
for the removal of the event handlers that some Web developers-and all
WYSIWYG editors-deploy in large masses in their XHTML files, where
they don’t belong.
PPK is talking about
inline event attributes such as the infamous onclick="" and onmouseover="" which have infested our HTML ever since Netscape
introduced JavaScript back in version 2.0 of their browser. The
alternative to these handlers is to add event handlers to elements
after the document has loaded. PPK has detailed coverage of the various ways of doing
this on his QuirksMode site.
In my work with unobtrusive JavaScript, I've found that by far the
most common action I take is "registering" a script to be executed
once the page has finished loading. There are a number of ways of
doing this, which I described in my article E
nhancing Structural Markup with JavaScript. Unfortunately, none of
them are perfect if you wish to write truly reusable scripts.
For a script (such as my blockquote citations script discussed in
the article) to be properly reusable, it needs to behave nicely in the
presence of other scripts. This means that assigning a callback
function directly to the window.onload
handler is out of the question as doing so will over-ride previously
assigned callbacks from other scripts. The correct way of adding a
handler to an event without over-riding other handlers is to use
modern event attachment method, which sadly differ between IE/Windows and other browsers.
Scott Andrew's addEvent function handles the differences for you
but comes with one major and rarely discussed drawback: it fails
silently in IE5/Mac. If
you care about the many Mac users still on OS9, you need to support
that browser.
Anyway, I believe I've found a solution. Check this out:
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
addLoadEvent(nameOfSomeFunctionToRunOnPageLoad);
addLoadEvent(function() {
/* more code to run on page load */
});
The addLoadEvent function takes as
an argument another function which should be executed once the page
has loaded. Unlike assigning directly to window.onload, the function adds the event
in such a way that any previously added onload functions will be
executed first.
The way this works is relatively simple: if window.onload has not already been assigned
a function, the function passed to addLoadEvent is simply assigned to window.onload. If window.onload has already been set, a brand
new function is created which first calls the original onload handler,
then calls the new handler afterwards.
addLoadEvent has one very important
property: it will work even if something has previously been assigned
to window.onload without using addLoadEvent itself. This makes it ideal for
use in scripts that may be executing along side other scripts that
have already been registered to execute once the page has loaded.
I've tested the above code successfully on IE 5, 5.5 and 6 for Windows; IE 5 and Safari for Mac; Opera 7.5
and FireFox on Mac (which should mean it works with those browsers on
Windows as well). Opera 6 for Mac failed the test but has poor
JavaScript support anyway and is hopefully becoming more and more rare
now that Opera 7 has matured.
I've created a test page for the function. I'd be
interested to here any bug reports from browsers I haven't
covered.
I'm still considering ways in which this technique could be
extended to work for generic events rather than just page loads. The
challenge there would be to ensure that information about the event
itself was passed to the event handlers in a consistent manner. For
page load events this isn't an issue as the event object does not
contain any valuable information.
Update: I've written the new technique up on my SitePoint
blog and incorporated an explanation of closures and how they are
used to preserve any previously assigned onload handlers.
How to Create a WYSIWYG Rich Text Editor in JavaScript. Pt. 2
How to Create a WYSIWYG Rich Text Editor in JavaScript. Pt. 203/14/2005 05:04 PM Today, you'll learn about different methods for handling keyboard
input and the RichEdit control. Keyboard input is handled by two
functions; onKeyPress() and onKeyDown(). The RichEdit constructor
creates the necessary HTML elements to display the control. By Guyon
Roche. 0210
How to Create a WYSIWYG Rich Text Editor in JavaScript. Pt. 1
How to Create a WYSIWYG Rich Text Editor in JavaScript. Pt. 102/05/2005 09:56 PM On forums, there are many features that allow users to compose richly
formatted text with animated emoticons, etc., but you can't see what
the finished work will look like until it's posted or unless a preview
is generated. Here, author Guyon Roche uses Javascript to show you how
your text will look as you write it. 0102
How to detect long page loading times with Javascript
How to Create Universally Related Popup Menus with Javascript: Single Form Version III
How to Create Universally Related Popup Menus with Javascript: Single Form Version III06/17/2005 03:32 PM In this article, the author modifies Andy King's original version of
the Universally Related Popup Menus (URPMs). His intention was to make
it more suitable for submitting data to a server and to simplify the
JavaScript "O" objects used to store all the related list data. Read
on to see how he did it. By Rob Gravelle. 0613
Small Screen - Width guides for web page designs
Small Screen - Width guides for web page designs09/24/2004 12:08 PM
The macosxhints Rating:[Score: 9 out of 10]
Developer: ARTIS Software / [Product Page]
Price: $9.95 -- Full Screen Tools package
Late again, I know. No good excuses this time, just been busy with a
lot of stuff. Some of...
GeekTech: Create Your Own Home Page With Your Favorite Links (PC World)
Create multi-page PDFs using Image Capture tools04/20/2004 11:12 AM Go to System/Library/Image Capture. There we find two folders that
contain some interesting stuff: "Automatic Tasks" and "Tools."
In "Automatic Tasks," we have "Build Web Page" (BWP) and "Build Slide
Show" (BSS), both of whic...
WindJack Solutions, Inc Has Released AcroDialogs, a Graphical Designer for Creating Acrobat JavaScript Dialogs - Lets You Create Custom Dialogs Puickly and Easily
WindJack Solutions, Inc Has Released AcroDialogs, a Graphical Designer for Creating Acrobat JavaScript Dialogs - Lets You Create Custom Dialogs Puickly and Easily06/22/2005 03:00 AM AcroDialogs is a plug-in for Acrobat 6 and 7 that lets you easily
create custom dialogs for PDF documents and forms. In a PDF file,
dialogs can be used to create a document splash screen, customized
alert boxes (with your own images and special buttons), and
sophisticated input panels. All you do is drag and drop Buttons, Edit
Boxes, Images, etc. onto a dialog design. Rearrange, resize, and
copy/paste dialog box elements. AcroDialogs allows you to easily
create complex dialogs saving hours of coding in Acrobat. [PRWEB Jun
22, 2005]
Professional JavaScript for Web Developers: JavaScript in the Browser, Pt. 1
Professional JavaScript for Web Developers: JavaScript in the Browser, Pt. 106/22/2005 02:51 AM Web browsers have come a long way over the years and can now handle a
variety of file formats, not just conventional HTML. Here, you'll
learn how JavaScript fits into HTML, other languages, and some basic
concepts of the Browser Object Model (BOM). By WROX Press. 0620
RAM Saver Pro v3.5
RAM Saver Pro v3.501/10/2004 03:19 PM Easy-to-use RAM optimizer tool that will keep your computer running
faster. It increases the operation system performance by making more
memory available for your applications. [Shareware $19.95 21 Days
406 KB]
kentucky.com/mld/kentucky/news/local/9077613.htm track this
site | 8 links
Webcam Saver v1.0
Webcam Saver v1.012/07/2003 12:49 PM The Webcam Saver allows you to admire pictures from webcams situated
all over the world. Presently, when your screensaver is activated you
will be able to see what happens in other cities, countries or across
the street. You will have a great number of settings at your disposal.
You can disable some webcams or add other ones. This program allows
you to see the world on your display without leaving your house or
your office. [Shareware $14.95 30 Uses 964 KB]
IBM's energy saver11/14/2003 07:28 PM Google, the large Internet search company, has been critical of
high-powered server computers, saying they consume too much energy and
require costly cooling ...
10.3: Use Energy Saver to run system maintenance tasks
10.3: Use Energy Saver to run system maintenance tasks12/08/2003 11:45 AM I don't know if this stating the obvious, but with the new Schedule
feature in the Panther Energy Saver System Preferences panle, you can
now set your machine to automatically turn itself on and off at any
given hour. This is...
Wi-Fi Phones Could Be Next Money-Saver In Telecom (TechWeb)
Wi-Fi Phones Could Be Next Money-Saver In Telecom (TechWeb)05/10/2004 03:16 AM TechWeb - With hot spots turning into "hot zones," the next wave may
be drawing near--phones and gear that send conversations over wireless
Internet networks for little or no cost. Grok Description matches for How to Create a JavaScript Web Page Screen Saver GrokA matches for How to Create a JavaScript Web Page Screen Saver
How to Create a JavaScript Web Page Screen Saver
The following phrases have been identified by the grok system as matching this entry:
