‹date/time&=
#8250;
‹footer›
‹#›
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/pres.xml
Content-Transfer-Encoding: quoted-printable
Content-Type: text/xml; charset="utf-8"
![](3D"master16_image003.gif")
![](3D"master16_image004.gif")
![](3D"master16_image005.gif")
![](3D"master16_image006.jpg")
![](3D"master16_image007.gif")
©2004 Resource Engineering, Inc. and Nirvana Bound Pty
Ltd. All rights reserved.
Slide 1
TBCon 2004 Session
The Fun Never Stops: 25 Tips for DHTML Deployment =
The Fun Never
Stops!
25 = Tips for DHTML Deployment
25 = Tips for DHTML Deployment
Robin
McDermott
Resource Engineering, Inc.
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
2
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Hey!=
This Should be Easy!
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
3
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Where we are at Today
&=
#8226;15
Courses – each over 1000 pages
&=
#8226;We
have just developed our 15th course
–From storyboard to TB in 30 minutes! See our Power
Book Builder Session for more on how we do it :-)
•All courses are ru=
nning
web-based in a custom LMS and natively using the exact same TB files (S=
ee
our Esprit-LMS Session for more information on our custom LMS)
•All courses have a=
udio
and run well over the internet even on a Dial-up connection
•All of our courses could fit onto two
CD-ROMs
•
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
4
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
New!=
Major changes in the past year
•TBK 2004 =
runs
with more versions of the Sun Java Runtime J
–But there
still are issues :-(
•TBK 2004=
Has
JavaScript functionality built into the Actions Editor <=
span
style=3D'font-family:Wingdings;mso-char-type:symbol'>J (Marty
Weller’s session)
•Support =
for
NS 7.0
•Better
integration with SCORM LMS’s (Including ASPEN!)
<=
/span>
•Font Sca=
ling
so users can run with Normal and Large Fonts
•We all h=
ave
a lot more experience under our belts! J
<=
/div>
–What see=
med
impossible 3 years ago, is a piece of cake today!
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
5
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Don’=
;t
Retrofit – Start from Scratch
=
226;Existing
books come with a lot of extra baggage
&=
#8211;OpenScript
that needs to be converted to actions
&=
#8211;Graphics
that are in buttons and not WGPs
&=
#8211;Improperly
named pages, objects, etc.
=
226;Retrofitting
seemed to be the most efficient approach, but proved
costly
=
226;John
Taylor session on successes and failure of converting native to d=
html
Tip
#1
General
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
6
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Follow a
Rigorous Naming Scheme
=
226;Our
naming scheme has paid off many times
–Page names tied to the course, unit, lesson, and=
page
number
<=
/div>
<=
/div>
![](3D"slide0035_image008.gif")
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0035_image008.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlh6gAYAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAADo
ABcAgQAAAAAAAADMmQECAwL/jI+py+0Po5y02ouzEbz7DwpBSIZjiXJniq6s+ZZu7M20eoP2veW1
/wPihEPhjnaMJV9LVjPVMxJF0ye0iiVaZVnjlvSFaafUsVl6BoZ16087iE773h16Ud1V28txfH7+
l7M3WEUoJ0hm2Ad4yFMY6NgYuYgoqQSJpOhHWcmJhHlpyaTJ6Pkp6gTKpOpE2rlpuop6NdvyWMuF
mxubqivGC+U6CUv8Wlo8fDwnfApM67yL3CytxBwKHa1svJ3Mncn6TH0t3ov9Sx4Mbut7rt39Pu3+
ze6mvm6uYw+mb2Iti5+PHhx09wjK8FfOYDZv4+Q1ZDiKX0CA9QTWkViRYh0NCxw7evwIMqTIkAUA
ADs=
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0009.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0038.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
<=
/div>
&=
#8211;Graphics
and audio tied to the page name
&#=
8226;49a0102003.mp3;
49a0102003.gif
&=
#8211;All
objects and groups are named
1
2
5
1
3
3
4
4
5
5
1=3DProduct Code
2=3DType Code
=
3=3DUnit Number
4=3DLesson Number
5=3DPage Number
Tip
#2
General
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
7
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Keep Text in ToolBook
R=
26;Text
in a graphic is costly in terms of loading time for very little
benefit
=
226;With
text right in TB, the fonts actually come from your users
computer and costs nothing in terms of loading time
=
226;Keep
in mind, however, that text size can change when viewed in a
browser
&=
#8211;More
on this later
Tip #3 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
8
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Page Size/Browser Considerations
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0039.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0040.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
•800X600 does not take into consideration the vario=
us elements of the browser such as the menu bar, icon=
s, etc (watch out for Netscape!)
–Our page size is 783x555 because we designed it originally to run in Netscape and IE.
–If you just develop for IE – Beware of chang=
es in upcoming versions of IE that will force you to hav=
e a title bar and frame – you must account for t=
hem in
your page size.
–Changes in upcoming versions of IE will also preve=
nt us from running DHTML courses full screen.
–…al=
so
note that a future release of IE will stop us from displaying
it truly full screen - all IE windows will have to have a capti=
on
bar and status bar). ~Tim Ba=
rham
•It also doesn’t take into consideration the
“bonus” scrol=
lbar
that you get in IE 6.0 (see listserve archives for resolution)
•You even have to consider these issues if you run =
full screen because of the “bonus scrollbar”=
;
Tip #4 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
9
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Page Size/Browser Considerations
=
226;If
you have any elements off of the page, they will effect the page =
size
upon export and you will end up with scrollbars
=
&=
#8211;And,
you won’t understand what has happened!
R=
26;Also
remember that you can have as many different background siz=
es
as you want in your book, but…
&#=
8211;Your
exported project will have only one page size…the biggest
background size
Tip #5 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
10
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Backgrounds – High Overhead
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0014.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0036.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0016.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0037.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0022.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0020.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0024.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0043.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0025.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0046.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0047.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0048.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0011.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
25 Tips for dhtml deployment
25 Tips for dhtml deployment
&#=
8226;A
background is an underlay
&#=
8211;Used
correctly, backgrounds can save substantial overhead
–Used incorrectly, backgrounds can bring your project
to its knees
=
226;Keep
the number of backgrounds to a minimum
Tip #6 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
11
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
What Happens to Text in dhtml
=
226;Spaces
– When html sees spaces it automatically removes all=
but
one of them
–This caused us problems in the way that we were=
doing
some of our math formulas
&#=
8226;We
now use a program called Math Type from www.dessci.com and conve=
rt the
formulas into .gifs
&#=
8226;Size
of fonts - html equivalents
–IE and NS handle them differently – we st=
ay
away from 14pt
Tip #7 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
12
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
What Happens to Text in dhtml
&#=
8226;My
text is getting cut off! =
3;
R=
26;In
most cases the font gets small in dhtml, but sometimes I have seen=
it
get bigger
&#=
8211;If
you expect it to fill a certain area allow for expansion and
contraction just in case
=
226;As
with native, stick with fonts you know your users have installed=
Tip #8 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
13
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Native Vs Exported TB
•O=
S vs
Actions
–T=
ry
this – create an action and then look at the OS created for that action…now, delete the OS a=
nd go
into reader mode ̵=
1;
what happens to functionality?
What would happen when=
you
export the book?
–Now, do the same, but this time when you look at t=
he OS, select it all and then copy it…now, dele=
te the
Action, go back i=
nto
the OS and paste the code from your
clipboard. Go into reader mo=
de and
what happens? What would happen when you export=
the book?
Tip #9 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
14
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Native vs Exported TB
&#=
8226;Graphics
&#=
8211;If
you use the Web Graphic Placeholder à The graphic that will get
exported is the one specified in the extended
properties
&#=
8211;BEWARE!!!
This may not be what you are looking at in ToolBook
=
226;CheckWebGraphics
script to find graphics that are not correctly pathed before
doing the export
Tip #10 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
15
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
One Book for Native and Web
=
226;Maintaining
different versions (e.g. web and native) of ToolBooks can =
take
more time than developing the ToolBooks themselves
&=
#8211;Lots
of opportunities for mistakes
R=
26;Keep
a development set of files and a separate set of exported =
and
runtime files
=
226;One
key to our ability to do this is a variable: InternetOn. This enables us to create
different functionality in native and web versions without hav=
ing
to have two sets of books
&=
#8211;Calling
audios
&=
#8211;Different
navigation panels
Tip #11 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
16
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
We Love Big Books!
•We first combined lesson books to make one large <=
/span>unit book when a customer or ours required us to l=
ink up to their LMS
–When you link between ToolBooks in dhtml you lose =
the connection with the LMS
•Our books are now typically 250 to 500 pages
<=
/span>
–They take 30 to 45 minutes to export
–Managing books is much easier for us now
–We keep regular back-ups and back-ups of back-ups,=
etc.
•SumTotalSystems recommends against books over 70 pages
Tip #12 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
17
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Where to Put Actions
•Use shar=
ed
actions if you are going to want the use same functionality
over and over
–It is ea=
sier
to do – create it once and call it many times
–It is ea=
sier
to change
–It reduc=
es
export time
•If you
can’t use a shared action, but you want to reuse
functionality
–Create a
button and name it (very important) and put the action on that
button
–Put the
button on the pages where you want the functionality and then hi=
de
the button
•Be caref=
ul
with on load page actions on the page – they
don’t always work
Tip #13 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
18
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Watch for wandering text/objects
•If you
develop and test in 800X600 and you run your programs full
screen, you might be surprised at what you see at 1024 X
768
•You might
have all kinds of things hanging off the screen that you
didn’t know were there!
•Always r=
un a
script to check for errant objects
Tip #14 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
19
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
The Action System is Sooo Limiting!
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0045.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
=
226;You
can get a lot more out of the Actions System by using
variables
&#=
8226;Then
there are methods
&#=
8211;See
Cindy Kessler’s article on methods (from EnterPage newsle=
tter
from Platte Canyon)
&=
#8211;Peter
Jackson’s FREE methods Actions Editor
&=
#8226;=
www.ToolBookDeveloper.com/freebees
=
226;You
can use javascript to extend Actions functionality
=
=
226;OpenScript
can still be used for productivity enhancement and automati=
on
Tip #15 Development=
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
20
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Set Rules for Loading Time
=
226;How
long are your users willing to wait for a screen to fully load?
=
;
&#=
8226;We
decided on 5 seconds
&=
#8211;Total
graphics for each page < 18kb @ 28.8kbps
&#=
8211;This
did not take into account any ToolBook objects
=
226;We
reduced graphics by breaking them up into smaller and if poss=
ible
reusable graphical elements and then used the WGP=
Tip
#16
Media
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
21
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Pre-Loading Graphics and Audio
=
226;Consider
pre-loading your graphics and audio for dial-up users&#=
13;
–Pre-loading graphics is a matter of creating an=
upfront
page with all of your graphics from the program on it. Once those graphics are loaded, <=
/span>they
will be stored into the temporary internet cache on the local machine
and ready to use during the program
•Better yet, check out Peter Jackson’s
Graphics Pre-Loader
&#=
8211;Pre-loading
audio can be done by using the WMP and referencing the audio=
on
the harddrive. Then <=
span
style=3D'position:absolute;top:73.0%;left:20.78%;width:85.39%;height:4.75%=
'>you
just have to make sure that the audio files are there and they w=
ill
play J (see my
Tip
#17
Media
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
22
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Control the Conversion Process
•If you u=
se
the Web Graphic Placeholder you will have full control ov=
er
your graphics because ToolBook will not do anything to them
•If you u=
se a
button for your graphics, regardless of the format you start w=
ith,
TB will convert them to a bitmap and then, upon
export will convert them back to:
–8-bit
graphics =3D .gifs
–24-bit
graphics =3D .jpgs
Tip
#18
Media
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
23
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Export Options
&#=
8226;Turn
off obfuscation
&#=
8226;Don’t
rename graphics
–Keeps everything (file names and paths to the <=
/span>files)
shorter
Tip #19 Exporting
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0010.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
24
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Understand What Happens When You Expo=
rt
&#=
8226;Exporting
is a two step process
&=
#8211;ToolBook
to AXF (xml)
&=
#8226;This
is the long part of the process
=
226;If
you have big books and after you export you discover a small problem,
chances are that you correct it in the axf file and then
just go through the AXF to dhtml process
&=
#8211;AXF
to dhtml
&#=
8226;Use
Peter Jackson’s FREE axf2dhtml =
tool to rerun this part of the
process if you make a change to the axf file or if you crash =
in
the axf to dhtml process, but have a complete axf file=
Tip #20 Exporting
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
25
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Quick Patch Exports for Minor Correct=
ions
=
226;You
can make simple changes to text, colors, object properties=
in
the axf file and run the Peter Jackson’s
=
226;You
can correct graphics and swap them out with the graphics in the
media file
=
226;You
can modify the index.html file easily in Front Page or other html
text editor
–Here’s a great idea for that yucky SumTotalSystems
window that you get with exported programs
&#=
8226;Use
it to summarize key points and then add a back button on the yu=
cky
window page
Tip #21 Exporting
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0018.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
26
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Exporting Nightmares
•Why does it take so long?
–The bulk of the time is spent converting the infor=
mation
in the TB to the =
AXF
(xml)
•How can you speed it up?
–Do it on a dedicated export machine or don’t=
use
the machine you are
exporting on while the export is underway
–Turn off all running processes – especially
Outlook
–Compress your books (file, save as); repairing the=
m helps also
–When you open the TB to export, don’t do any=
thing
but the export. If you do anything, save the book,
close ToolBook, reopen =
the
book and export.
•Always validate actions and check hyperlinks befor=
e exporting
–Make sure that the export will be able to find all=
of
your graphics
–
Tip #22 Exporting
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0012.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
27
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Understand the Different Browsers
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0015.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
25 Tips for dhtml deployment
25 Tips for dhtml deployment
=
226;Each
has it’s own unique personality and within the browsers, there
are differences between versions
&#=
8211;Review
your programs in all browsers before releasing
&#=
8226;Examples:
–Netscape’s handling of sub- and super-scr=
ipt
– NOT!
&=
#8211;The
scrollbar in IE 5.5 and 6.0, but not in IE 5.0
&=
#8226;Script
to get rid of the scroll bars
Tip #23 Delivery
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0013.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
28
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Better Yet – Dump Netscape
•We hit s=
ome
very difficult problems with NS and playing audio
–To keep
moving forward, we set the problems on the back burner and worke=
d on
delivery to IE browsers only
–From our
weblogs we knew that 95% of our customer base used IE=
3;
•Still we =
were
concerned that we might be excluding some large customers if =
we
didn’t have Netscape compatibility
•We have =
not
had one customer voice a concern
•Important
Note: Sum Total Systems has =
added
better support for NetScape in ToolBook 2004
–
Tip
#24
Delivery
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
29
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
IE Idiosyncracies
•Each ver=
sion
is different (IE 6.0, 5.5, and 5.0)
•WMP bug
– This is with IE 5.0 only where the browser freezes if y=
ou
try and navigate off of a page before the audio starts streaming
–Workarou=
nd
– don’t give users that option. Use delay panels/disable the
buttons until the audio starts streaming
•Scroll B=
ar
– This is with IE 5.5 and 6.0
–Make the
scrollbar black (or the same color as your background) so your
user doesn’t see it
–Better y=
et,
eliminate it all together
–See the
ToolBook ListServe for how to do it.
Tip #25 Delivery
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0044.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
30
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
DHTML comes to a grinding halt
=
226;Once
you understand how the TB dhtml works, you will understand
what is happening to cause the slowdown
=
211;Your
exported book is really just one page with many objects showing and
hiding
&=
#8211;After
many pages there is a lot to show and hide!
–The best solution is to exit the course and get=
back
into it
&=
#8226;Clearing
your cache will not fix the problem
Tip #26 Delivery
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0017.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
31
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Tech Support Issues
<=
span
style=3D'font-size:83%'>•Browser Test
<=
span
style=3D'font-size:83%'>•Search the KB or the ListServe
<=
span
style=3D'font-size:83%'>•Loading…Please Wait – never goes away
<=
/div>
–Javascript is not enabled – needs to be enabled at at least at high security level
25 Tips for dhtml deployment
25 Tips for dhtml deployment
25 Tips for dhtml deployment
25 Tips for dhtml deployment
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/master01.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/master16_stylesheet.css
Content-Transfer-Encoding: base64
Content-Type: text/css
Ym9keQ0KCXt3aWR0aDo1MzRweDsNCgloZWlnaHQ6NDAwcHg7fQ0KLlRCDQoJe21zby1zcGVjaWFs
LWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5UDQoJe3RleHQtYWxpZ246bGVmdDsNCglmb250LWZh
bWlseTpWZXJkYW5hOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQt
c2l6ZToxMTQlOw0KCW1zby1tYXJnaW4tbGVmdC1hbHQ6Mjg4Ow0KCW1zby1jaGFyLXdyYXA6MTsN
Cgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5CQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVs
bGV0XDIwMjI7DQoJY29sb3I6I0JCNzIxMzt9DQouQg0KCXt0ZXh0LWFsaWduOmxlZnQ7DQoJZm9u
dC1mYW1pbHk6VmVyZGFuYTsNCgljb2xvcjojMDAzMzY2Ow0KCWZvbnQtc2l6ZToxMTQlOw0KCW1z
by1jaGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5CMUINCgl7bXNvLXNw
ZWNpYWwtZm9ybWF0OmJ1bGxldFwyMDEzOw0KCWNvbG9yOiNCQjcyMTM7fQ0KLkIxDQoJe3RleHQt
YWxpZ246bGVmdDsNCglmb250LWZhbWlseTpWZXJkYW5hOw0KCWNvbG9yOiMwMDMzNjY7DQoJZm9u
dC1zaXplOjk1JTsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9
DQouQjJCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMjAyMjsNCgljb2xvcjojQkI3MjEz
O30NCi5CMg0KCXt0ZXh0LWFsaWduOmxlZnQ7DQoJZm9udC1mYW1pbHk6VmVyZGFuYTsNCgljb2xv
cjojMDAzMzY2Ow0KCWZvbnQtc2l6ZTo4NSU7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5z
b2t1LW92ZXJmbG93OjE7fQ0KLkIzQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDIwMTM7
DQoJY29sb3I6I0JCNzIxMzt9DQouQjMNCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5
OlZlcmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6NzYlOw0KCW1zby1jaGFyLXdy
YXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5CNEINCgl7bXNvLXNwZWNpYWwtZm9y
bWF0OmJ1bGxldFwwMEJCOw0KCWNvbG9yOiNCQjcyMTM7fQ0KLkI0DQoJe3RleHQtYWxpZ246bGVm
dDsNCglmb250LWZhbWlseTpWZXJkYW5hOw0KCWNvbG9yOiMwMDMzNjY7DQoJZm9udC1zaXplOjc2
JTsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouTkINCgl7
bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7fQ0KLk4NCgl7dGV4dC1hbGlnbjpsZWZ0
Ow0KCWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1j
b2xvci1pbmRleDoxOw0KCWZvbnQtc2l6ZTo1NyU7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1r
aW5zb2t1LW92ZXJmbG93OjE7fQ0KLk4xQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRc
MjAyMjt9DQouTjENCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcg
Um9tYW4iOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6ZTo1
NyU7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLk4yQg0K
CXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouTjINCgl7dGV4dC1hbGlnbjps
ZWZ0Ow0KCWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCWNvbG9yOmJsYWNrOw0KCW1z
by1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6ZTo1NyU7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1z
by1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLk4zQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxs
ZXRcMjAyMjt9DQouTjMNCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OiJUaW1lcyBO
ZXcgUm9tYW4iOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6
ZTo1NyU7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLk40
Tg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouTjQNCgl7dGV4dC1hbGln
bjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCWNvbG9yOmJsYWNrOw0K
CW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6ZTo1NyU7DQoJbXNvLWNoYXItd3JhcDoxOw0K
CW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLk9CDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1
bGxldFwyMDIyO30NCi5PDQoJe3RleHQtYWxpZ246bGVmdDsNCglmb250LWZhbWlseToiVGltZXMg
TmV3IFJvbWFuIjsNCgljb2xvcjpibGFjazsNCgltc28tY29sb3ItaW5kZXg6MTsNCglmb250LXNp
emU6MTE0JTsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQou
TzFCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5PMQ0KCXtmb250LWZh
bWlseToiVGltZXMgTmV3IFJvbWFuIjsNCglmb250LXNpemU6MTE0JTsNCgltc28tY2hhci13cmFw
OjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouTzJCDQoJe21zby1zcGVjaWFsLWZvcm1h
dDpub2J1bGxldFwyMDIyO30NCi5PMg0KCXtmb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsN
Cglmb250LXNpemU6MTE0JTsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZs
b3c6MTt9DQouTzNCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5PMw0K
CXtmb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCglmb250LXNpemU6MTE0JTsNCgltc28t
Y2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouTzRCDQoJe21zby1zcGVj
aWFsLWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5PNA0KCXtmb250LWZhbWlseToiVGltZXMgTmV3
IFJvbWFuIjsNCglmb250LXNpemU6MTE0JTsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNv
a3Utb3ZlcmZsb3c6MTt9DQouQ0JCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDIy
Ow0KCWNvbG9yOiNCQjcyMTM7fQ0KLkNCDQoJe3RleHQtYWxpZ246Y2VudGVyOw0KCWZvbnQtZmFt
aWx5OlZlcmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6MTE0JTsNCgltc28tY2hh
ci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouQ0IxQg0KCXttc28tc3BlY2lh
bC1mb3JtYXQ6bm9idWxsZXRcMjAxMzsNCgljb2xvcjojQkI3MjEzO30NCi5DQjENCgl7Zm9udC1m
YW1pbHk6VmVyZGFuYTsNCgljb2xvcjojMDAzMzY2Ow0KCWZvbnQtc2l6ZTo5NSU7DQoJbXNvLWNo
YXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLkNCMkINCgl7bXNvLXNwZWNp
YWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7DQoJY29sb3I6I0JCNzIxMzt9DQouQ0IyDQoJe2ZvbnQt
ZmFtaWx5OlZlcmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6ODUlOw0KCW1zby1j
aGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5DQjNCDQoJe21zby1zcGVj
aWFsLWZvcm1hdDpub2J1bGxldFwyMDEzOw0KCWNvbG9yOiNCQjcyMTM7fQ0KLkNCMw0KCXtmb250
LWZhbWlseTpWZXJkYW5hOw0KCWNvbG9yOiMwMDMzNjY7DQoJZm9udC1zaXplOjc2JTsNCgltc28t
Y2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouQ0I0Qg0KCXttc28tc3Bl
Y2lhbC1mb3JtYXQ6bm9idWxsZXRcMDBCQjsNCgljb2xvcjojQkI3MjEzO30NCi5DQjQNCgl7Zm9u
dC1mYW1pbHk6VmVyZGFuYTsNCgljb2xvcjojMDAzMzY2Ow0KCWZvbnQtc2l6ZTo3NiU7DQoJbXNv
LWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLkNUQg0KCXttc28tc3Bl
Y2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouQ1QNCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZv
bnQtZmFtaWx5OlZlcmRhbmE7DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7DQoJ
Zm9udC1zaXplOjExNCU7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93
OjE7fQ0KLkhCQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDIwMjI7DQoJY29sb3I6I0JC
NzIxMzt9DQouSEINCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OlZlcmRhbmE7DQoJ
Y29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6OTUlOw0KCW1zby1jaGFyLXdyYXA6MTsNCgltc28t
a2luc29rdS1vdmVyZmxvdzoxO30NCi5IQjFCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRc
MjAxMzsNCgljb2xvcjojQkI3MjEzO30NCi5IQjENCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQt
ZmFtaWx5OlZlcmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6ODUlOw0KCW1zby1j
aGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5IQjJCDQoJe21zby1zcGVj
aWFsLWZvcm1hdDpidWxsZXRcMjAyMjsNCgljb2xvcjojQkI3MjEzO30NCi5IQjINCgl7Zm9udC1m
YW1pbHk6VmVyZGFuYTsNCgljb2xvcjojMDAzMzY2Ow0KCWZvbnQtc2l6ZTo3NiU7DQoJbXNvLWNo
YXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLkhCM0INCgl7bXNvLXNwZWNp
YWwtZm9ybWF0OmJ1bGxldFwyMDEzOw0KCWNvbG9yOiNCQjcyMTM7fQ0KLkhCMw0KCXtmb250LWZh
bWlseTpWZXJkYW5hOw0KCWNvbG9yOiMwMDMzNjY7DQoJZm9udC1zaXplOjY2JTsNCgltc28tY2hh
ci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouSEI0Qg0KCXttc28tc3BlY2lh
bC1mb3JtYXQ6YnVsbGV0XDAwQkI7DQoJY29sb3I6I0JCNzIxMzt9DQouSEI0DQoJe2ZvbnQtZmFt
aWx5OlZlcmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6NjYlOw0KCW1zby1jaGFy
LXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5RQkINCgl7bXNvLXNwZWNpYWwt
Zm9ybWF0OmJ1bGxldFwyMDIyOw0KCWNvbG9yOiNCQjcyMTM7fQ0KLlFCDQoJe2ZvbnQtZmFtaWx5
OlZlcmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6ODUlOw0KCW1zby1jaGFyLXdy
YXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5RQjFCDQoJe21zby1zcGVjaWFsLWZv
cm1hdDpidWxsZXRcMjAxMzsNCgljb2xvcjojQkI3MjEzO30NCi5RQjENCgl7Zm9udC1mYW1pbHk6
VmVyZGFuYTsNCgljb2xvcjojMDAzMzY2Ow0KCWZvbnQtc2l6ZTo3NiU7DQoJbXNvLWNoYXItd3Jh
cDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLlFCMkINCgl7bXNvLXNwZWNpYWwtZm9y
bWF0OmJ1bGxldFwyMDIyOw0KCWNvbG9yOiNCQjcyMTM7fQ0KLlFCMg0KCXtmb250LWZhbWlseTpW
ZXJkYW5hOw0KCWNvbG9yOiMwMDMzNjY7DQoJZm9udC1zaXplOjY2JTsNCgltc28tY2hhci13cmFw
OjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouUUIzQg0KCXttc28tc3BlY2lhbC1mb3Jt
YXQ6YnVsbGV0XDIwMTM7DQoJY29sb3I6I0JCNzIxMzt9DQouUUIzDQoJe2ZvbnQtZmFtaWx5OlZl
cmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6NTclOw0KCW1zby1jaGFyLXdyYXA6
MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5RQjRCDQoJe21zby1zcGVjaWFsLWZvcm1h
dDpidWxsZXRcMDBCQjsNCgljb2xvcjojQkI3MjEzO30NCi5RQjQNCgl7Zm9udC1mYW1pbHk6VmVy
ZGFuYTsNCgljb2xvcjojMDAzMzY2Ow0KCWZvbnQtc2l6ZTo1NyU7DQoJbXNvLWNoYXItd3JhcDox
Ow0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLlRibEINCgl7bXNvLXNwZWNpYWwtZm9ybWF0
Om5vYnVsbGV0XDIwMjI7DQoJY29sb3I6I0JCNzIxMzt9DQouVGJsDQoJe2ZvbnQtZmFtaWx5OlZl
cmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6OTUlOw0KCW1zby1jaGFyLXdyYXA6
MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5UYmwxQg0KCXttc28tc3BlY2lhbC1mb3Jt
YXQ6bm9idWxsZXRcMjAxMzsNCgljb2xvcjojQkI3MjEzO30NCi5UYmwxDQoJe2ZvbnQtZmFtaWx5
OlZlcmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6ODUlOw0KCW1zby1jaGFyLXdy
YXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5UYmwyQg0KCXttc28tc3BlY2lhbC1m
b3JtYXQ6bm9idWxsZXRcMjAyMjsNCgljb2xvcjojQkI3MjEzO30NCi5UYmwyDQoJe2ZvbnQtZmFt
aWx5OlZlcmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6NzYlOw0KCW1zby1jaGFy
LXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5UYmwzQg0KCXttc28tc3BlY2lh
bC1mb3JtYXQ6bm9idWxsZXRcMjAxMzsNCgljb2xvcjojQkI3MjEzO30NCi5UYmwzDQoJe2ZvbnQt
ZmFtaWx5OlZlcmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6NjYlOw0KCW1zby1j
aGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5UYmw0Qg0KCXttc28tc3Bl
Y2lhbC1mb3JtYXQ6bm9idWxsZXRcMDBCQjsNCgljb2xvcjojQkI3MjEzO30NCi5UYmw0DQoJe2Zv
bnQtZmFtaWx5OlZlcmRhbmE7DQoJY29sb3I6IzAwMzM2NjsNCglmb250LXNpemU6NjYlOw0KCW1z
by1jaGFyLXdyYXA6MTsNCgltc28ta2luc29rdS1vdmVyZmxvdzoxO30NCi5kZWZhdWx0Qg0KCXtt
c28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouZGVmYXVsdA0KCXt0ZXh0LWFsaWdu
OmxlZnQ7DQoJZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJZm9udC13ZWlnaHQ6bm9y
bWFsOw0KCWZvbnQtc3R5bGU6bm9ybWFsOw0KCXRleHQtZGVjb3JhdGlvbjpub25lOw0KCXRleHQt
c2hhZG93Om5vbmU7DQoJdGV4dC1lZmZlY3Q6bm9uZTsNCgltc28tZmFyZWFzdC1oaW50Om5vOw0K
CWxheW91dC1mbG93Omhvcml6b250YWw7DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4
OjE7DQoJZm9udC1zaXplOjExNCU7DQoJbXNvLXRleHQtcmFpc2U6MCU7DQoJbXNvLWxpbmUtc3Bh
Y2luZzoiMTAwIDAgMCI7DQoJbXNvLW1hcmdpbi1sZWZ0LWFsdDowOw0KCW1zby10ZXh0LWluZGVu
dC1hbHQ6MDsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTsNCglk
aXJlY3Rpb246bHRyOw0KCW1zby13b3JkLXdyYXA6MTsNCgltc28tdmVydGljYWwtYWxpZ24tc3Bl
Y2lhbDpiYXNlbGluZTsNCgltc28tYW5zaS1sYW5ndWFnZTpFTi1VUzt9DQphOmxpbmsNCgl7Y29s
b3I6I0JCNzIxMyAhaW1wb3J0YW50O30NCmE6YWN0aXZlDQoJe2NvbG9yOiMzMzMzQ0MgIWltcG9y
dGFudDt9DQphOnZpc2l0ZWQNCgl7Y29sb3I6I0NDOTkwMCAhaW1wb3J0YW50O30NCn==
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/script.js
Content-Transfer-Encoding: quoted-printable
Content-Type: application/javascript; charset="us-ascii"
function LoadSld()
{
var sld=3DGetObj("SlideObj")
if( !g_supportsPPTHTML ) { =09
sld.style.visibility=3D"visible"
return
}
if( MakeNotesVis() ) return
runAnimations =3D _InitAnimations();
=09
if( IsWin("PPTSld") )
parent.SldUpdated(GetSldId())
g_origSz=3DparseInt(SlideObj.style.fontSize)
g_origH=3Dsld.style.posHeight
g_origW=3Dsld.style.posWidth
g_scaleHyperlinks=3D(document.all.tags("AREA").length>0)
if( g_scaleHyperlinks )
InitHLinkArray()
if( g_scaleInFrame||(IsWin("PPTSld") && parent.IsFullScrMode() ) )
document.body.scroll=3D"no"
_RSW()
if( IsWin("PPTSld") && parent.IsFullScrMode() )
FullScrInit();
=09
MakeSldVis();
ChkAutoAdv()
if( runAnimations )
{
if( document.all("NSPlay") )
document.all("NSPlay").autoStart =3D false;
if( sld.filters && sld.filters.revealtrans )
setTimeout( "document.body.start()", sld.filters.revealtrans.duration * =
1000 );
else
document.body.start();
}
}
function MakeSldVis()=20
{
var fTrans=3Dg_showAnimation && SldHasTrans()
if( fTrans )=09
{
if( g_bgSound ) {
idx=3Dg_bgSound.indexOf(",");
pptSound.src=3Dg_bgSound.substr( 0, idx );
pptSound.loop=3D -(parseInt(g_bgSound.substr(idx+1)));
}
SlideObj.filters.revealtrans.Apply()=09
}
SlideObj.style.visibility=3D"visible"
if( fTrans )
SlideObj.filters.revealtrans.Play()
}
function MakeNotesVis()=20
{
if( !IsNts() ) return false=20
SlideObj.style.display=3D"none"
nObj =3D document.all.item("NotesObj")
parent.SetHasNts(0)
if( nObj ) {=20
nObj.style.display=3D""
parent.SetHasNts(1)
}
return 1
}
function ChkAutoAdv()
{
if(SldHasTrans())
SlideObj.onfilterchange=3DAutoAdv
else
AutoAdv()
}
function AutoAdv()
{
if(!IsWin("PPTSld") || !gUseSldTimings )return
var sld=3DGetCurSld()
if( (sld.mAdvDelay>0) && !parent.IsFramesMode() )
setTimeout("parent.GoToNextSld()",sld.mAdvDelay)
}
function GetObj(id)
{
if(g_supportsPPTHTML) return document.all(id);
else return document.getElementById(id);
}
function SldHasTrans() { return SlideObj.style.filter !=3D ""; }
function GetSldId() { return sId=3Dlocation.href.substring(location.href.la=
stIndexOf('/')+1) }
function HideMenu() { if( frames["PPTSld"] && PPTSld.document.all.item("ctx=
tmenu") && PPTSld.ctxtmenu.style.display!=3D"none" ) { PPTSld.ctxtmenu.styl=
e.display=3D'none'; return true } return false }
function IsWin( name ) { return window.name =3D=3D name }
function IsNts() { return IsWin("PPTNts") }
function IsSldOrNts() { return( IsWin("PPTSld")||IsWin("PPTNts") ) }
function SupportsPPTAnimation() { return( navigator.platform =3D=3D "Win32"=
&& navigator.appVersion.indexOf("Windows")>0 ) }
function SupportsPPTHTML()
{
var appVer=3Dnavigator.appVersion, msie=3DappVer.indexOf("MSIE "), ver=3D0
if( msie >=3D 0 )
ver=3DparseFloat( appVer.substring( msie+5, appVer.indexOf(";",msie) ) )
else
ver=3DparseInt(appVer)
return( ver >=3D 4 && msie >=3D 0 )
}
function _RSW()
{
if( !g_supportsPPTHTML || IsNts() ||
( !g_scaleInFrame && (!IsWin("PPTSld") || !parent.IsFullScrMode()) ) )
return
var padding=3D0;
if( IsWin("PPTSld") && parent.IsFramesMode() ) padding=3D6
cltWidth=3Ddocument.body.clientWidth-padding
cltHeight=3Ddocument.body.clientHeight-padding
factor=3D(1.0*cltWidth)/g_origW
if( cltHeight < g_origH*factor )
factor=3D(1.0*cltHeight)/g_origH
newSize =3D g_origSz * factor
if( newSize < 1 ) newSize=3D1
s=3DSlideObj.style
s.fontSize=3DnewSize+"px"
s.posWidth=3Dg_origW*factor
s.posHeight=3Dg_origH*factor
s.posLeft=3D(cltWidth-s.posWidth+padding)/2
s.posTop=3D(cltHeight-s.posHeight+padding)/2
if( g_scaleHyperlinks )
ScaleHyperlinks( factor )
}
function _InitAnimations()
{
animRuntimeInstalled =3D ''+document.body.localTime !=3D 'undefined';
isFullScreen =3D (window.name =3D=3D "PPTSld") && !parent.IsFramesMode();
g_animUseRuntime =3D g_showAnimation && animRuntimeInstalled && !(isFullSc=
reen && parent.IsSldVisited());
if( g_animUseRuntime ) {
collSeq =3D document.all.tags("seq");
if( collSeq !=3D null ) {
for(ii=3D0;ii numSlds )
gSldJumpIdx =3D numSlds;
if ( gSldJumpIdx >=3D 0 ) {
if ( gSldJumpIdx =3D=3D 0 )
gSldJumpIdx =3D 1;
var jumpTo =3D parseInt(gSldJumpIdx);
gSldJump =3D 0; gSldJumpIdx =3D "";
win.GoToSld( parent.GetSldList().mList[jumpTo-1].mSldHref )
}
}
}
function _KDH()
{
if( event.keyCode =3D=3D 8 ) {
event.returnValue =3D 0;
parent.GoToPrevSld();
}
}
function PlaySound( href, loop ){
href=3D unescape(href);
if( window.event ) window.event.cancelBubble =3D true;
pptSound.src =3D href;
pptSound.loop =3D loop ? -1 : 0;
}
function DocumentOnClick()
{
if( IsNts() || parent.HideMenu() ) return;
if( ( g_allowAdvOnClick && !parent.IsFramesMode() ) ||
(event && (event.keyCode=3D=3D32) ) )
parent.GoToNextSld();
}
var g_supportsPPTHTML =3D SupportsPPTHTML(), g_scaleInFrame =3D 1, gId=3D""=
, g_bgSound=3D"",
g_scaleHyperlinks =3D false, g_allowAdvOnClick =3D 1, g_showInBrowser =
=3D 0, gLoopCont =3D 0, gUseSldTimings =3D 1;
var g_showAnimation =3D g_supportsPPTHTML && SupportsPPTAnimation() && ( (w=
indow.name=3D=3D"PPTSld" && !parent.IsFramesMode()) || g_showInBrowser );va=
r g_animManager =3D null;
var g_animUseRuntime =3D false;
var g_animItemsToHide, g_animInteractiveItems, g_animSlideTime;
var g_animMainSequence =3D null;
var ENDSHOW_MESG=3D"End of slide show, click to exit.", SCREEN_MODE=3D"Fram=
es", gIsEndShow=3D0, NUM_VIS_SLDS=3D35, SCRIPT_HREF=3D"script.js", FULLSCR_=
HREF=3D"fullscreen.htm";
var gCurSld =3D gPrevSld =3D 1, g_offset =3D 0, gNtsOpen =3D gHasNts =3D gO=
tlTxtExp =3D 0, gHasNarration =3D 0, gOtlOpen =3D true
window.gPPTHTML=3DSupportsPPTHTML()
var gMainDoc=3Dnew Array(new hrefList("slide0001.htm",1,-1,1),new hrefList(=
"slide0002.htm",1,-1,1),new hrefList("slide0004.htm",1,-1,1),new hrefList("=
slide0042.htm",1,-1,1),new hrefList("slide0006.htm",1,-1,1),new hrefList("s=
lide0035.htm",1,-1,1),new hrefList("slide0009.htm",1,-1,1),new hrefList("sl=
ide0038.htm",1,-1,1),new hrefList("slide0039.htm",1,-1,1),new hrefList("sli=
de0040.htm",1,-1,1),new hrefList("slide0014.htm",1,-1,1),new hrefList("slid=
e0036.htm",1,-1,1),new hrefList("slide0016.htm",1,-1,1),new hrefList("slide=
0037.htm",1,-1,1),new hrefList("slide0022.htm",1,-1,1),new hrefList("slide0=
020.htm",1,-1,1),new hrefList("slide0024.htm",1,-1,1),new hrefList("slide00=
43.htm",1,-1,1),new hrefList("slide0025.htm",1,-1,1),new hrefList("slide004=
5.htm",1,-1,1),new hrefList("slide0046.htm",1,-1,1),new hrefList("slide0047=
.htm",1,-1,1),new hrefList("slide0048.htm",1,-1,1),new hrefList("slide0010.=
htm",1,-1,1),new hrefList("slide0011.htm",1,-1,1),new hrefList("slide0018.h=
tm",1,-1,1),new hrefList("slide0012.htm",1,-1,1),new hrefList("slide0013.ht=
m",1,-1,1),new hrefList("slide0015.htm",1,-1,1),new hrefList("slide0044.htm=
",1,-1,1),new hrefList("slide0017.htm",1,-1,1),new hrefList("slide0019.htm"=
,1,-1,1),new hrefList("slide0021.htm",1,-1,1),new hrefList("slide0027.htm",=
1,-1,1),new hrefList("slide0030.htm",1,-1,1));
/*********************************************
Frameset functions
These functions control slide navigation
and state of the frameset.
**********************************************/
function FullScrInit()
{
g_allowAdvOnClick =3D GetCurSld().mAdvOnClk
document.body.style.backgroundColor=3D"black"
document.oncontextmenu=3Dparent._CM;
document.onkeydown =3D _KDH;
document.ondragstart=3DCancel
document.onselectstart=3DCancel
self.focus()
}
function Redirect( frmId )
{=09
var str=3Ddocument.location.hash,idx=3Dstr.indexOf('#'), sId=3DGetSldId()
if(idx>=3D0) str=3Dstr.substr(1);
if( window.name !=3D frmId && ( sId !=3D str) ) {
obj =3D GetObj("Main-File")
window.location.href=3Dobj.href+"#"+sId
return 1
}
return 0
}
var MHTMLPrefix =3D CalculateMHTMLPrefix();=20
function CalculateMHTMLPrefix()
{
if ( document.location.protocol =3D=3D 'mhtml:') {=20
href=3Dnew String(document.location.href)=20
Start=3Dhref.indexOf('!')+1=20
End=3Dhref.lastIndexOf('/')+1=20
if (End < Start)=20
return href.substring(0, Start)=20
else=20
return href.substring(0, End)=20
}
return '';
}
function GetTags(base,tag)
{
if(g_supportsPPTHTML) return base.all.tags(tag);
else return base.getElementsByTagName(tag);
}
function UpdNtsPane(){ if(frames["PPTNts"]) PPTNts.location.replace( MHTMLP=
refix+GetHrefObj( gCurSld ).mNtsHref ) }
function UpdNavPane( sldIndex ){ if(gNavLoaded) PPTNav.UpdNav() }
function UpdOtNavPane(){ if(gOtlNavLoaded) PPTOtlNav.UpdOtlNav() }
function UpdOtlPane(){ if(gOtlLoaded) PPTOtl.UpdOtl() }
function SetHasNts( fVal )
{
if( gHasNts !=3D fVal ) {
gHasNts=3DfVal
UpdNavPane()
}
}
function ToggleOtlText()
{
gOtlTxtExp=3D!gOtlTxtExp
UpdOtlPane()
}
function ClearMedia()
{
// Clear any sounds playing before launching another browser window. Other=
wise,
// in fullscreen mode, you'll continue to hear the sound in the frames mod=
e.
if (PPTSld.pptSound) PPTSld.pptSound.loop =3D 0;
}
function FullScreen()
{=20
if ( PPTSld.g_animUseRuntime )
PPTSld.document.body.pause();
ClearMedia();
var href =3D ( document.location.protocol =3D=3D 'mhtml:') ? FULLSCR_HREF =
: FULLSCR_HREF+"#"+GetHrefObj(gCurSld).mSldHref;
if(PPTNav.event.ctrlKey) {
var w =3D (window.screen.availWidth * 1.0) / 2.0
var h =3D w * (PPTSld.g_origH * 1.0) / PPTSld.g_origW
win =3D window.open( MHTMLPrefix+href,null,"toolbar=3D0,resizable=3D1,top=
=3D0,left=3D0," + "width=3D"+ w + ",height=3D" + h );
if( win.document.body && PPTSld.g_animUseRuntime )
win.document.body.PPTSldFrameset=3Dwindow;
}
else
{
win =3D window.open( MHTMLPrefix+href,null,"fullscreen=3Dyes" );
if( win.document.body && PPTSld.g_animUseRuntime )
win.document.body.PPTSldFrameset=3Dwindow;
}
}
function ToggleVNarration()
{
rObj=3DPPTSld.document.all("NSPlay")
if( rObj && !PPTSld.g_animUseRuntime ) {
if( (rObj.playState =3D=3D 1)||(rObj.playState =3D=3D 0) )
rObj.Play()
else if( rObj.playState =3D=3D 2 )
rObj.Pause()
else
return;
}
else if( PPTSld.g_animUseRuntime )
{
narObj =3D PPTSld.document.all("narrationID")
if( narObj )
narObj.togglePause()
}
}
function GetCurSldNum()
{ =20
obj=3DGetHrefObj(gCurSld)
if( obj.mOrigVis =3D=3D 1 )
return obj.mSldIdx
else =20
return gCurSld
}
function GetNumSlds()
{ =20
if( GetHrefObj(gCurSld).mOrigVis =3D=3D 1 )
return GetSldList().mNumVisSlds;
else
return GetSldList().mList.length
}
function GetSldNum( href )
{
for(ii=3D0; ii 1 )
PopSldList();
else if( !IsFramesMode() ) {
if( gLoopCont )
GoToFirst()
else
EndShow()
}
}
function GoToPrevSld()
{
ii=3DgCurSld-1
if( ii > 0 ) {
obj=3DGetHrefObj(ii)
while ( obj && ( obj.mVis =3D=3D 0 ) && ( ii>0 ) )
obj=3DGetHrefObj(--ii)
if( ii =3D=3D 0 ) ii=3D1
GoToSldNum(ii)
}
}
function GoToFirst(){ GoToSld( GetHrefObj(1).mSldHref ) }
function GoToLast()
{
ii=3DGetSldList().mList.length
if( ii !=3D gCurSld )
GoToSld( GetHrefObj(ii).mSldHref )
}
function GoToSldNum( num )
{
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
obj =3D GetHrefObj( num )
obj.mVis=3D1
gPrevSld=3DgCurSld
gCurSld =3D num;
PPTSld.location.replace(MHTMLPrefix+obj.mSldHref)
if( IsFramesMode() ) {
UpdNavPane(); UpdOtlPane(); UpdNtsPane()
}
}
function GoToSld( href )
{
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
GetHrefObj( GetSldNum(href) ).mVis=3D1
PPTSld.location.replace(MHTMLPrefix+href)
}
function SldUpdated( id )
{
if( id =3D=3D GetHrefObj(gCurSld).mSldHref ) return
gPrevSld=3DgCurSld
gCurSld=3DGetSldNum(id)
if( IsFramesMode() ) {
UpdNavPane(); UpdOtlPane(); UpdNtsPane()
}
}
function PrevSldViewed(){ GoToSld( GetHrefObj(gPrevSld).mSldHref ) }
function HasPrevSld() { return ( gIsEndShow || ( gCurSld !=3D 1 && GetHrefO=
bj( gCurSld-1 ).mVis =3D=3D 1 )||( GetCurSldNum() > 1 ) ) }
function HasNextSld() { return (GetCurSldNum() !=3D GetNumSlds()) }
function CloseWindow() {
if( HideMenu() ) return;
=09
var event =3D PPTSld.event;
if( !IsFramesMode() && event && (event.keyCode=3D=3D27 || event.keyCode=3D=
=3D32 || event.type=3D=3D"click" ) )
window.close( self );
CatchNumKeys( self, event );
}
function Unload() { gIsEndShow=3D0; }
function SetupEndShow() {
gIsEndShow=3D1;
PPTSld.document.body.scroll=3D"no";
PPTSld.document.onkeypress=3DCloseWindow;
PPTSld.document.onclick=3DCloseWindow;
PPTSld.document.oncontextmenu=3D_CM;
}
function EndShow()
{
if( IsFramesMode() ) return
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
doc=3DPPTSld.document
var dir =3D doc.body.dir
if( dir !=3D "rtl" ) dir =3D "ltr";
doc.open()
doc.writeln(' 0) {
PushSldList(sldList,fEnd);
gCurSld =3D 1;
}
else
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
}
function PushSldList(arr,fEnd) {
var ii =3D gSldStack.length;
gSldStack[ii] =3D new SldList(arr,gCurSld,fEnd);
GoToSld( gSldStack[ii].mList[0].mSldHref );
}
function PopSldList() {
if (gSldStack[gSldStack.length-1].fEndShow)
EndShow()
else {
gCurSld =3D gSldStack[gSldStack.length-1].mCurSld;
gSldStack[gSldStack.length-1] =3D null;
gSldStack.length--;
var sldList =3D gSldStack[gSldStack.length-1];
GoToSld( sldList.mList[gCurSld - 1].mSldHref );
}
}
var custShowList=3Dnew Array();
/*********************************************
Navigation button implementation
There are 2 types of buttons: ImgBtn, TxtBtn
implemented as function objects. They share
a similiar interface so the event handlers
can call SetActive, for example, on a button=20
object without needing to know exactly=20
what type of button it is.
**********************************************/
//----------------------------------
function ImgBtn( oId,bId,w,action )
//----------------------------------
{
var t=3Dthis
t.Perform =3D _IBP
t.SetActive =3D _IBSetA
t.SetInactive=3D _IBSetI
t.SetPressed =3D _IBSetP
t.SetDisabled=3D _IBSetD
t.Enabled =3D _IBSetE
t.ChangeIcon =3D null
t.UserAction =3D action
t.ChgState =3D _IBUI
t.mObjId =3D oId
t.mBorderId=3D bId
t.mWidth =3D w
t.mIsOn =3D t.mCurState =3D 0
}
function _IBSetA()
{
if( this.mIsOn ) {
obj=3Dthis.ChgState( gHiliteClr,gShadowClr,2 )
obj.style.posTop=3D0
}
}
function _IBSetI()
{
if( this.mIsOn ) {
obj=3Dthis.ChgState( gFaceClr,gFaceClr,1 )
obj.style.posTop=3D0=20
}
}
function _IBSetP()
{
if( this.mIsOn ) {
obj=3Dthis.ChgState( gShadowClr,gHiliteClr,2 )
obj.style.posLeft+=3D1; obj.style.posTop+=3D1
}
}
function _IBSetD()
{ =20
obj=3Dthis.ChgState( gFaceClr,gFaceClr,0 )
obj.style.posTop=3D0=20
}
function _IBSetE( state )
{
var t=3Dthis
GetObj( t.mBorderId ).style.visibility=3D"visible"
if( state !=3D t.mIsOn ) {
t.mIsOn=3Dstate
if( state )
t.SetInactive()
else
t.SetDisabled()
}
}
function _IBP()
{
var t=3Dthis
if( t.mIsOn ) {
if( t.UserAction !=3D null )
t.UserAction()
if( t.ChangeIcon ) {
obj=3DGetObj(t.mObjId)
if( t.ChangeIcon() )
obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-4)*t.mWidth
else
obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-0)*t.mWidth
}
t.SetActive()
} =20
}
function _IBUI( clr1,clr2,nextState )
{
var t=3Dthis
SetBorder( GetObj( t.mBorderId ),clr1,clr2 )
obj=3DGetObj( t.mObjId )
obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-nextState)*t.mWidth-obj=
.style.posTop
t.mCurState=3DnextState
return obj
}
//-----------------------------------------
function TxtBtn( oId,oeId,action,chkState )
//-----------------------------------------
{
var t=3Dthis
t.Perform =3D _TBP
t.SetActive =3D _TBSetA
t.SetInactive=3D _TBSetI
t.SetPressed =3D _TBSetP
t.SetDisabled=3D _TBSetD
t.SetEnabled =3D _TBSetE
t.GetState =3D chkState
t.UserAction =3D action
t.ChgState =3D _TBUI
t.mObjId =3D oId
t.m_elementsId=3D oeId
t.mIsOn =3D 1
}
function _TBSetA()
{
var t=3Dthis
if( t.mIsOn && !t.GetState() )
t.ChgState( gHiliteClr,gShadowClr,0,0 )
}
function _TBSetI()
{
var t=3Dthis
if( t.mIsOn && !t.GetState() )
t.ChgState( gFaceClr,gFaceClr,0,0 )
}
function _TBSetP()
{
if( this.mIsOn )
this.ChgState( gShadowClr,gHiliteClr,1,1 )
}
function _TBSetD()
{ =20
this.ChgState( gFaceClr,gFaceClr,0,0 )
this.mIsOn =3D 0
}
function _TBSetE()
{
var t=3Dthis
if( !t.GetState() )
t.ChgState( gFaceClr,gFaceClr,0,0 )
else
t.ChgState( gShadowClr,gHiliteClr,1,1 )
t.mIsOn =3D 1
}
function _TBP()
{
var t=3Dthis
if( t.mIsOn ) {=20
if( t.UserAction !=3D null )
t.UserAction()
if( !t.GetState )
return
if( t.GetState() )
t.SetPressed()
else
t.SetActive()
} =20
}
function _TBUI( clr1,clr2,lOffset,tOffset )
{
SetBorder( GetObj( this.mObjId ),clr1,clr2 )
Offset( GetObj( this.m_elementsId ),lOffset,tOffset )
}
function Offset( obj, top, left ){ obj.style.top=3Dtop; obj.style.left=3Dle=
ft }
function SetBorder( obj, upperLeft, lowerRight )
{
s=3Dobj.style;
s.borderStyle =3D "solid"
s.borderWidth =3D 1=20
s.borderLeftColor =3D s.borderTopColor =3D upperLeft
s.borderBottomColor=3D s.borderRightColor =3D lowerRight
}
function GetBtnObj(){ return gBtnArr[window.event.srcElement.id] }
function BtnOnOver(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetActive() }
function BtnOnDown(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetPressed() }
function BtnOnOut(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetInactive() }
function BtnOnUp()
{
b=3DGetBtnObj()
if( b !=3D null )
b.Perform()
else
Upd()
}
function GetNtsState(){ return parent.gNtsOpen }
function GetOtlState(){ return parent.gOtlOpen }
function GetOtlTxtState(){ return parent.gOtlTxtExp }
function NtsBtnSetFlag( fVal )
{
s=3Ddocument.all.item( this.m_flagId ).style
s.display=3D"none"
if( fVal )
s.display=3D""
else
s.display=3D"none"
}
function _BSetA_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S=
etActive() }
function _BSetI_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S=
etInactive() }
function _BSetP_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S=
etPressed() }
function _BSetA_BorderImg()
{=20
b =3D gBtnArr[this.mBorderId]=20
if( b !=3D null && this.mIsOn && !b.GetState() ) {
obj=3Dthis.ChgState( gHiliteClr,gShadowClr,2 )
obj.style.posTop=3D0
}
}
function _BSetI_BorderImg()
{=20
b =3D gBtnArr[this.mBorderId]
if( b !=3D null && this.mIsOn && !b.GetState() ) {
obj=3Dthis.ChgState( gFaceClr,gFaceClr,1 )
obj.style.posTop=3D0
}
}
var gHiliteClr=3D"THREEDHIGHLIGHT",gShadowClr=3D"THREEDSHADOW",gFaceClr=3D"=
THREEDFACE"
var gBtnArr =3D new Array()
gBtnArr["nb_otl"] =3D new TxtBtn( "nb_otl","nb_otlElem",parent.ToggleOtlPan=
e,GetOtlState )
gBtnArr["nb_otlElem"] =3D new TxtBtn( "nb_otl","nb_otlElem",parent.ToggleOt=
lPane,GetOtlState )
gBtnArr["nb_nts"] =3D new ImgBtn( "nb_nts","nb_ntsBorder",10,parent.ToggleN=
tsPane )
gBtnArr["nb_nts"].SetActive =3D _BSetA_BorderImg;
gBtnArr["nb_nts"].SetInactive =3D _BSetI_BorderImg;
gBtnArr["nb_ntsBorder"] =3D new TxtBtn( "nb_ntsBorder","nb_ntsElem",parent.=
ToggleNtsPane,GetNtsState )
gBtnArr["nb_ntsElem"] =3D new TxtBtn( "nb_ntsBorder","nb_ntsElem",parent.To=
ggleNtsPane,GetNtsState )
gBtnArr["nb_prevBorder"] =3D gBtnArr["nb_prev"]=3D new ImgBtn( "nb_prev","n=
b_prevBorder",30,parent.GoToPrevSld )
gBtnArr["nb_nextBorder"] =3D gBtnArr["nb_next"]=3D new ImgBtn( "nb_next","n=
b_nextBorder",30,parent.GoToNextSld )
gBtnArr["nb_sldshw"]=3D new ImgBtn( "nb_sldshw","nb_sldshwBorder",18,parent=
.FullScreen )
gBtnArr["nb_sldshwBorder"] =3D new TxtBtn( "nb_sldshw","nb_sldshwBorder",pa=
rent.FullScreen,null )
gBtnArr["nb_sldshwBorder"].SetActive =3D _BSetA_Border;
gBtnArr["nb_sldshwBorder"].SetInactive =3D _BSetI_Border;
gBtnArr["nb_sldshwText"] =3D new TxtBtn( "nb_sldshw","nb_sldshwText",parent=
.FullScreen,null )
gBtnArr["nb_sldshwText"].SetActive =3D _BSetA_Border;
gBtnArr["nb_sldshwText"].SetInactive =3D _BSetI_Border;
gBtnArr["nb_voice"] =3D gBtnArr["nb_voiceBorder"] =3D new ImgBtn( "nb_voice=
","nb_voiceBorder",18,parent.ToggleVNarration )
gBtnArr["nb_otlTxtBorder"] =3D gBtnArr["nb_otlTxt"]=3D new ImgBtn( "nb_otlT=
xt","nb_otlTxtBorder",23,parent.ToggleOtlText )
gBtnArr["nb_ntsBorder"].m_flagId=3D "nb_nts"
gBtnArr["nb_ntsBorder"].SetFlag =3D NtsBtnSetFlag
gBtnArr["nb_otlTxt"].ChangeIcon=3D GetOtlTxtState
/*********************************************
Context menu implementation
_CM() is the function that's hooked up to
the oncontextmenu event. Once we're asked to
show the menu, we first build it by creating
DIVs on-the-fly. Then we position it=20
within the screen area so it doesn't get
clipped.
Creating the DIVs using createElement() means
we don't have to write out any extra HTML
into the slide HTML files.
**********************************************/
var sNext=3D"Next",sPrev=3D"Previous",sEnd=3D"End Show",sFont=3D"Arial",sAr=
row=3D"Arrow",sFreeform=3D"Freeform",sRect=3D"Rectangle",sOval=3D"Oval"
function ShowMenu()
{
BuildMenu();
var doc=3DPPTSld.document.body,x=3DPPTSld.event.clientX+doc.scrollLeft,y=
=3DPPTSld.event.clientY+doc.scrollTop
m =3D PPTSld.document.all.item("ctxtmenu")
m.style.pixelLeft=3Dx
if( (x+m.scrollWidth > doc.clientWidth)&&(x-m.scrollWidth > 0) )
m.style.pixelLeft=3Dx-m.scrollWidth
m.style.pixelTop=3Dy
if( (y+m.scrollHeight > doc.clientHeight)&&(y-m.scrollHeight > 0) )
m.style.pixelTop=3Dy-m.scrollHeight
m.style.display=3D""
}
function _CM()
{
if( !parent.IsFullScrMode() ) return;
if(!PPTSld.event.ctrlKey) {
ShowMenu()
return false
} else
HideMenu()
}
function BuildMenu()
{
if( PPTSld.document.all.item("ctxtmenu") ) return
var mObj=3DCreateItem( PPTSld.document.body )
mObj.id=3D"ctxtmenu"
mObj.style.visibility=3D"hidden"
var s=3DmObj.style
s.position=3D"absolute"
s.cursor=3D"default"
s.width=3D"120px"
SetCMBorder(mObj,"menu","black")
var iObj=3DCreateItem( mObj )
SetCMBorder( iObj, "threedhighlight","threedshadow" )
iObj.style.padding=3D2
CreateMenuItem( iObj,sNext,M_GoNextSld,M_True )
CreateMenuItem( iObj,sPrev,M_GoPrevSld,M_HasPrevSld )
=09
CreateSeparator( iObj )
CreateMenuItem( iObj,sEnd,M_End,M_True )
mObj.style.visibility=3D"visible"
}
function Cancel() { window.event.cancelBubble=3Dtrue; window.event.returnVa=
lue=3Dfalse }
function Highlight() { ChangeClr("activecaption","threedhighlight") }
function Deselect() { ChangeClr("threedface","menutext") }
function Perform()
{
e=3DPPTSld.event.srcElement
if( e.type=3D=3D"menuitem" && e.IsActive() )
e.Action()
else
PPTSld.event.cancelBubble=3Dtrue
}
function ChangeClr( bg,clr )
{
e=3DPPTSld.event.srcElement
if( e.type=3D=3D"menuitem" && e.IsActive() ) {
e.style.backgroundColor=3Dbg
e.style.color=3Dclr
}
}
function M_HasPrevSld() { return( parent.HasPrevSld() ) }
function M_GoNextSld() { if( gIsEndShow ) M_End(); else GoToNextSld() }
function M_GoPrevSld() { if( gIsEndShow ) { gIsEndShow=3D0; history.back();=
PPTSld.event.cancelBubble=3Dtrue; } else GoToPrevSld() }
function M_True() { return true }
function M_End() { window.close( self ) }
function CreateMenuItem( node,text,action,eval )
{
var e=3DCreateItem( node )
e.type=3D"menuitem"
e.Action=3Daction
e.IsActive=3Deval
e.innerHTML=3Dtext
if( !e.IsActive() )
e.style.color=3D"threedshadow"
e.onclick=3DPerform
e.onmouseover=3DHighlight
e.onmouseout=3DDeselect
s=3De.style;
s.fontFamily=3DsFont
s.fontSize=3D"9pt"
s.paddingLeft=3D2
}
function CreateSeparator( node )
{
var sObj=3DCreateItem( node )
SetCMBorder(sObj,"menu","menu")
var s=3DsObj.style
s.borderTopColor=3D"threedshadow"
s.borderBottomColor=3D"threedhighlight"
s.height=3D1
s.fontSize=3D"0px"
}
function CreateItem( node )
{
var elem=3DPPTSld.document.createElement("DIV")
node.insertBefore( elem )
return elem
}
function SetCMBorder( o,ltClr,rbClr )
{
var s=3Do.style
s.backgroundColor=3D"menu"
s.borderStyle=3D"solid"
s.borderWidth=3D1
s.borderColor=3DltClr+" "+rbClr+" "+rbClr+" "+ltClr
}
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/fullscreen.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
25 Tips for dhtml deployment
<=
span
style=3D'font-size:83%'>•Object 38 error – Clear Cache
<=
span
style=3D'font-size:90%'>1.Have the user reinstall the WMP
=
2.If that doesn’t work it might be an issue wi=
th accepting active x controls
• Knowledge base (dhtml and native)
• Various browser and speed tests
<=
span
style=3D'font-size:88%'>–KB article #Q101571560428608
<=
span
style=3D'font-size:83%'>•Resources for Tech Support Issues
<=
span
style=3D'font-size:90%'>–SumTotalSystems Knowledge Base
<=
span
style=3D'font-size:90%'>–ToolBook ListServe
<=
span
style=3D'font-size:90%'>–QualityTrainingPortal.com/support
Tip #27 Delivery
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0019.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
32
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
AICC and SCORM
•Level 1
Compliant LMSs – Require course descriptor files to make =
the
connection
•Use the
DevEx tool for creating these files
–Or, 8.5/=
8.6
and 2004 will create them for you
•There will
still probably be some tweaking that you need to do
<=
/span>
•Use
SumTotalSystems Tech Support to help you here – they have
been working with various LMS suppliers to help make the <=
span
style=3D'position:absolute;top:62.25%;left:16.47%;width:76.02%;height:5.75=
%'>connections
–Pinnacle
Learning Manager, Saba
Tip #28 Delivery
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0021.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
33
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Pay for Help If You Need It
•Don̵=
7;t
be penny-wise and pound-foolish
•Someone =
who
knows what they are doing can help you do something right the
first time
–And, can
help you identify and overcome some potential problems with y=
our
projects that you can’t see
–Make sure
that you learn from what someone else has done for you so
that
•You can
maintain it yourself
•You learn
from it so that you can do it yourself in the future.
•There are
lots of great add-on products
–Peter
Jackson’s ToolBookDeveloper.com
–Platte
Canyon
Tip #29 General
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0027.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
34
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Read the Documentation from
SumTotalSystems
&#=
8226;There
is a lot of good information in there
=
211;Unfortunately
it wasn’t until had already learned the hard way about sever=
al
things that we discovered that many answers to the problems we=
were
having were in this documentation
Tip #30 General
------=_NextPart_01C45DB9.912069D0
Content-Location: file:///C:/1E2BB273/25dhtml_tips_files/slide0030.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
©2004 Resource Engineerin=
g,
Inc. and Nirvana Bound Pty Ltd.
All rights reserved.
Slide
35
TBCon 2004 Session
The Fun Never
Stops: 25 Tips for DHTML
Deployment
Wrap Up
•All of the hurdles w=
e had
to overcome now seem so small
•Improvements in TB f=
rom v
7.1 to 8.0 to 8.1 and now 8.5/8.6 and 2004 have really helped
•In a tech=
nology
arena that is changing as quickly as ours, even novices can g=
et
up to speed quickly and even surpass experts!
‹header›
‹date/time&=
#8250;
Click to edit Master text styles
Second level
Third level
Fourth level
Fifth level
‹footer›
‹#›
' + ENDSHOW_MESG + '
![](3D"notes_flag.gif")
No=
tes![](3D"buttons.gif")
