<!-- SET_DRAGGABLE(CURSOR_MOVE, "ringone","ringtwo","ring3","ring4","ring5","ring6","ring7"); //--> </script>
<a href="corbislouvre.jpg" onclick="window.open(this.href,'popup','position=relative,
top=100,left=100,width=,height=, toolbar=no,scrollbars=yes,resizable=yes');return false">
<!-- hide from old browsers
// stop hiding -->
It needs a "onload="SetWindow()" added to the BODY tag toactivate it. I use this a lot in the Great Basin Project.→
maketip('Index','Hauptseite','Zurück zu Knopper.Net');
maketip('kurse','Kurse und Seminare','Betriebssystem Unix/Linux usw.');
<a name="tip1" onMouseOver="tip('kurse'); return true;" onMouseOut="untip(); return true;">Kurse und Seminare</a>
A much more useful and widely used script is
overlib.js from Erik Bosrup. Two
reasons why it is more useful:
<div id="overDiv" style="position: absolute; visibility: hidden; z-index: 100;"><div>
The more complex two-stage version is the one that Larry Albert used in Houston Wet. Here is a version of one page from Houston Wet that is stripped to focus just on the pop-up.
Multilink anchors open up another level of thinking about what a hypertext link can be. The classic link gives you only one choice: to go or not go to the target page. Usually, upi decide without very much information, on a hunch about what you may find. The multilink gives considerable scope for classifying the connection. Albert's technique wit multilinks is worth some study: the general label "Related Ideas" does indicate the general kind of connection with the other pages and seems much less bound to the level of particular words or phrases than is the case with the standard link. It is helpful to know whether the connection is one of concept, or whether to search for another occurrence of the anchor word on the new page.
It is easy to automatically add alternating striped background
to tables. You include the script stripedscript.js in the usual
fashion, but here you edit it to give it a name/id which should match
the id you give the table you want striped (default is
"schedule"). Then, to get it to do its stuff, you either trigger
it with an onLoad command or via a
you can specify the colors as well.
Well, yes, you can use JS, but it is better and easier to use conditional CSS selectors, as illustrated on this course's pages and in the Archive of Student Writing. One problem: conditional selectors are not supported in IE6 or earlier.
<a href="" onMouseOver=document.images.janee.src='janee2.jpg'
<img src="janee1.jpg" id="janee" border=0"> </a>
You may find a useable rollover snippet in the Lab's HTMLKit. Or you could add this one as a snippet. Bear in mind that rollovers are much the best when they are the same size. Otherwise the browser will automatically reformat--not a pretty sight.
Not to be forgotten is Eric Meyer's hover-actuated text rollover→ and
also image rollover is ingenious, but it toggles
visibility and so requires some blank space
in the layout when the item is not being displayed.
A third way is to turn on the visibility of an image already present but hidden. For a splendid example, see Ian Hawk's splash page→