X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

I have a web page with Flip and Grow built in Dreamweaver that quit working after upgrade? How can I get help with this?

Posted

My company (Rite in the Rain) has a web page that quit working properly after the upgrade. The "flip" action and the "grow" action now malfunctions. The flip action is an extension from DMXzone. It works in safari, rockmelt, chrome, and ie. Here is the link to our problem web page:

http://www.riteintherain.com/static.asp?htmltemplate=coolstories.html

Any information you have would be greatly be appreciated!

Marketing Department Rite in the Rain (Email removed by mod)

Modified by Tyler Downer

Additional System Details

Installed Plug-ins

  • Shockwave Flash 11.5 r502
  • Displays Java applet content, or a placeholder if Java is not installed.
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in web pages. For more information, visit the QuickTime Web site.
  • Office Live Update v1.0
  • 5.1.10411.0
  • The Google Earth Plugin allows you to view 3D imagery and terrain in your web browser.
  • iPhoto6
  • Pando Web Installer

Application

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:18.0) Gecko/20100101 Firefox/18.0

More Information

Application Basics
Name
Firefox
Version
18.0.1
User Agent
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:18.0) Gecko/20100101 Firefox/18.0
Build Configuration
about:buildconfig
Extensions
Name
Version
Enabled
ID
Firebug
1.11.1
true
firebug@software.joehewitt.com
Adobe Acrobat - Create PDF
1.0
false
web2pdfextension@web2pdf.adobedotcom
Adobe Contribute Toolbar
6.0
false
{01A8CA0A-4C96-465b-A49B-65C46FAD54F9}
Important Modified Preferences
Name
Value
accessibility.typeaheadfind.flashBar
0
browser.cache.disk.capacity
358400
browser.cache.disk.smart_size_cached_value
358400
browser.cache.disk.smart_size.first_run
false
browser.cache.disk.smart_size.use_old_max
false
browser.places.smartBookmarksVersion
4
browser.startup.homepage_override.buildID
20130116073211
browser.startup.homepage_override.mstone
18.0.1
dom.disable_open_during_load
false
dom.disable_window_flip
false
dom.mozApps.used
true
extensions.lastAppVersion
18.0.1
gfx.blacklist.direct2d
3
gfx.blacklist.layers.direct3d9
3
gfx.blacklist.webgl.msaa
4
network.cookie.prefsMigrated
true
places.database.lastMaintenance
1359051511
places.history.expiration.transient_current_max_pages
104858
print.macosx.pagesetup-2
PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHBsaXN0IFBVQkxJQyAiLS8vQXBwbGUvL0RURCBQTElTVCAxLjAvL0VO
privacy.sanitize.migrateFx3Prefs
true
security.warn_viewing_mixed
false
Graphics
Device ID
0x944a
GPU Accelerated Windows
1/1 OpenGL
Vendor ID
0x1002
WebGL Renderer
ATI Technologies Inc. -- ATI Radeon HD 4850 OpenGL Engine
AzureCanvasBackend
quartz
AzureContentBackend
none
AzureFallbackCanvasBackend
none
JavaScript
Incremental GC
true
Accessibility
Activated
false
Prevent Accessibility
0
Library Versions
Expected minimum version
Version in use
NSPR
4.9.4
4.9.4
NSS
3.14.1.0 Basic ECC
3.14.1.0 Basic ECC
NSSSMIME
3.14.1.0 Basic ECC
3.14.1.0 Basic ECC
NSSSSL
3.14.1.0 Basic ECC
3.14.1.0 Basic ECC
NSSUTIL
3.14.1.0
3.14.1.0

jscher2000
  • Top 10 Contributor
2366 solutions 20923 answers

The error console is not happy with the way the script is changing the transform property, but I'm not sure of the exact objection.

MDN page on transform: https://developer.mozilla.org/en-US/docs/CSS/transform

I notice that the HTML has a lot of nesting. For example:

<br /><br />
<div>
  <div>  
  </div>
  <div><img src="images/site/coolstories/Coolstories_167front.png" style="position:absolute;TOP:1175px;LEFT:320px"alt="" width="270" height="405" border="0" usemap="#MapMap9" 
 onclick="flip(this, 28, 'images/site/coolstories/Coolstories_167back.png', 0.8, 'swing');MM_effectGrowShrink(this, 1000, '100%', '150%', true, false, false)" />
    <map name="MapMap9" id="MapMap9">
    <area shape="rect" coords="38,475,380,599" href="http://www.riteintherain.com/inventory.asp?CatId=%7B950DADEB-D1CC-43F4-A927-59D5A4850499%7D" target="_parent" />
    </map>
  </div>
<br /><br />

Note that the opening <div> isn't closed, so the images nest deeper and deeper. Not sure whether this is affecting the script, but it probably doesn't help.

Modified by jscher2000

cor-el
  • Top 10 Contributor
  • Moderator
10753 solutions 96760 answers

Helpful Reply

I also see some errors in the web console;

FB.getLoginStatus() called before calling FB.init().
SyntaxError: syntax error @ http://www.riteintherain.com/WEB%20FORM%20TESTING/Coolstories%206-25/ScriptLibrary/jquery-latest.pack.js:1
(caused by missing files: 404 — PAGE NOT FOUND) TypeError: document.getElementById(...) is null @ http://www.riteintherain.com/static.asp?htmltemplate=coolstories.html:425

Firefox also complains about missing spaces between attributes in the image tags that show red in the page source.
You can hover such a red text to see a tooltip about that error (i.e. Stray start tag "div")

Helpful Reply

Thank you so much for the responses but I have taken the file down to the bare bones and the transform will not work. I think the problem might be in the script below?

<script type="text/javascript">
function flip(context, flags, backsrc, dur, easing, onend, onflip) {//v1.0
var $=jQuery,jc=$(context),f=flags,bs=$.trim(String(backsrc)),pf=parseFloat;if((
/\.(jpe?g|gif|pnga?)(\?.*)?$/i).test(bs))new Image().src=bs;jc.each(function(i,o
){var jo=$(o);if((f&32)&&jo.is(":animated"))return true;jo.stop(true,true);var c
={},r=/^[^\d\-\.\+]*/,x=pf(jo.css("scaleX").replace(r,"")),y=pf(jo.css("scaleY")
.replace(r,"")),a=180,bst;if(f&2){if(f&8)c.skewX=a*(y<1?0:1);c.scaleY=y*-1;}else
if(f&4){if(f&8)c.skewY=a*(x<1?0:1);c.scaleX=x*-1;}if(jo.is("img")){if(bs&&bs!=(o
.origsrc||jo.attr("src")))bst="img";}else try{bs=$(bs);if(bs.length>0){jo.width(
jo.width()).height(jo.height()).css({overflow:"auto"});bst="html";bs=bs.html();}
}catch(e){}if(bst){this.backsrc=bs;this.origsrc=!!this.origsrc?this.origsrc:bst
=="img"?jo.attr("src"):jo.html();this.front=!!this.front;}var sw=0;jo.animate(c,
{duration:(dur||.8)*1000,easing:easing,complete:onend,step:function(n,z){var el=
z.elem;if(z.prop=="scaleX"||z.prop=="scaleY"){if(z.state==1||z.state==0)sw=0;else
if(!sw){if(z.start>0&&z.end<0&&z.now<0){o.front=0;sw=1;if(f&16)jo.css("matrix",f&
4?[-1,0,0,1,0,0]:[1,0,0,-1,0,0]);if($.isFunction(onflip))onflip.call(o,"toback");
}if(z.start<0&&z.end>0&&z.now>0){o.front=1;sw=true;if(f&16)jo.css("matrix",[1,0,0
,1,0,0]);if($.isFunction(onflip))onflip.call(o,"tofront");}if(bst&&sw){if(bst==
"img")o.src=o.front?o.origsrc:o.backsrc;else jo.html(o.front?o.origsrc:o.backsrc);
}}}}});});}
</script>

Modified by cor-el

jscher2000
  • Top 10 Contributor
2366 solutions 20923 answers

There is a bug introduced in Firefox 18 affecting transforms and fixed position elements that is targeted to be fixed in Firefox 21: https://bugzilla.mozilla.org/show_bug.cgi?id=827577. Although you are not setting position fixed in your CSS, the scripts seem to use position:fixed at some points (it would take hours for me to really understand them, however). I'm not sure how you would test this possibility; I think you would need to install a current "nightly" version of Firefox. I also don't know whether there is a temporary patch for this that you could make to your script.

Question owner

Yes, I did use a fixed positions for the cards. This might explain the problem! I am now very anxious for Firefox 21. In the meantime I guess I will have to rebuild the page and look for a compatible solution. Thanks again!