PDA

View Full Version : Elastic Trail Script Fix for Firefox??



DobieDiva
04-19-2011, 03:46 AM
1) Script Title: Elastic Trail Script

2) Script URL (on DD):
http://dynamicdrive.com/dynamicindex13/trailer2.htm

3) Describe problem:
Does anyone know how to get this to work with Firefox? I'm trying to make a "glitter trail" and this script works GREAT for it, but not in firefox :( I tried using the image trail script instead but it just doesnt look as nice. Any help would be HUGELY appreciated!! :)
Thanks in advance!!

jscheuer1
04-19-2011, 06:44 AM
A lot of folks would say that the fix is to delete the script. Nowadays, I might agree. However, there was a time . . .

Anyways, I found this in my archives. The script is now external (right click and 'save as'):

3855

Here's an example page using it. Notice the highlighted stylesheet. It's required, but can be external and/or added to an existing sheet for the page:


<!DOCTYPE html>
<html>
<head>
<title>Elastic Trail Script</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.dot {
position: fixed;
}
#dot0 {
visibility: hidden;
}
</style>
</head>
<body>
<script type="text/javascript" src="elastic_trail.js">
/*
Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL: http://www.geocities.com/pwinston/)
TOS featured on Dynamicdrive.com
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
Updated by jscheuer1 in http://dynamicdrive.com/forums for modern browsers & DOCTYPES
Originally and still good in IE5+, early Netscape
*/
</script>

<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
<p>Hey</p>
</body>
</html>

Note: Although the stylesheet uses position: fixed; the script will detect IE versions that don't support that and will compensate accordingly.