If you’ve been reading the book in order, you’ve seen this code in two previous applications (the slideshow and the multiple search engine interface). Figures 6-5 and 6-6 show the code that has created a layer and allows you to hide and show it at will.
Example 6.4 shows the contents of dhtml.js. I haven’t changed a thing. Check Chapter 3 and Chapter 5 for the code details.
Example 6-4. dhtml.js
1 var NN = (document.layers ? true : false);
2 var hideName = (NN ? 'hide' : 'hidden'),
3 var showName = (NN ? 'show' : 'visible'),
4 var zIdx = -1;
5 function genLayer(sName, sLeft, sTop, sWdh, sHgt, sVis, copy) {
6 if (NN) {
7 document.writeln('<LAYER NAME="' + sName + '" LEFT=' + sLeft +
8 ' TOP=' + sTop +
9 ' WIDTH=' + sWdh + ' HEIGHT=' + sHgt + ' VISIBILITY="' + sVis +
10 '" z-Index=' + zIdx + '>' + copy + '</LAYER>'),
11 }
12 else {
13 document.writeln('<DIV ID="' + sName +
14 '" STYLE="position:absolute; overflow:none;left:' + sLeft +
15 'px; top:' + sTop + 'px; width:' + sWdh + 'px; height:' + sHgt +
16 'px; visibility:' + sVis + ' z-Index=' + (++zIdx) + '">' + copy +
17 '</DIV>'),
18 }
19 }
20
21 function hideSlide(name) {
22 refSlide(name).visibility = hideName;
23 }
24
25 function showSlide(name) {
26 refSlide(name).visibility = showName;
27 }
28
29 function refSlide(name) {
30 if (NN) { return document.layers[name]; }
31 else { return eval('document.all.' + name + '.style'), }
32 }..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.