Databases
StackOverflow2013
Postsdbo
PO.fadeOut and .fadeIn not working in IE
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO.fadeOut and .fadeIn not working in IE
    primarykey
    data
    text
    <p>I'm currently having a problem with a paid extension I've installed in Open Cart, what its meant to do is instead of showing the difference in price for an option, preceded by a + next to the original base option price, it adds the two together.</p> <p>For example the original Open Cart without the module will show where the price is displayed:</p> <p>Base product selected Price displayed: "£10.00"</p> <p>Optional extra selected: Price displayed: "£10.00 + £1.50"</p> <p>With Extension it would add the £1.50 to the price and display "£11.50".</p> <p>Everything works fine in FireFox and chrome, but in IE8 (and the site has to work in IE8 and above) there is a line of code in the extension that doesn't seem to work.</p> <p>The code below makes the old price fade out when an optional extra is selected, and makes the new price fade in, IE8 reports errors on these lines and when an optional extra is selected the price just vanishes, no fade out, no fade in, and doesn't return even if the original product without the optional extra is selected.</p> <p>Here's the problematic code:</p> <pre><code>jQuery('#opu_price').fadeOut('100').queue(function(n){jQuery(this).html(mydata.price); n();}).fadeIn('100'); jQuery('#opu_special').fadeOut('100').delay(100).queue(function(n){jQuery(this).html(mydata.special); n();}).fadeIn('100'); jQuery('#opu_tax').fadeOut('100').delay(200).queue(function(n){jQuery(this).html(mydata.tax); n();}).fadeIn('100'); </code></pre> <p>What I would like if you would please help me, is to remove the fade in effect and just have the price display instantly, its not a big deal if there is no fade effects, but I'm inexperienced in jQuery and JavaScript and don't really know how to modify the code.</p> <p><strong>EDIT:</strong></p> <p>Here are the IE8 error messages as requested</p> <p>Webpage error details</p> <pre><code>Message: Object doesn't support this property or method Line: 485 Char: 4 Code: 0 URI: http://www.cfmachinery.co.uk/index.php?route=product/product&amp;product_id=383 Message: Object expected Line: 484 Char: 81 Code: 0 URI: http://www.cfmachinery.co.uk/index.php?route=product/product&amp;product_id=383 </code></pre> <p>You wont be able to access the website because it isn't live yet so here are lines 484 and 485 respectivley: </p> <pre><code>$('#opu_price').fadeOut('100').queue(function(n){$(this).html(mydata.price); n();}).fadeIn('100'); $('#opu_special').fadeOut('100').delay(100).queue(function(n){$(this).html(mydata.special); n();}).fadeIn('100'); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USnumber8pie
    1. USnumber8pie
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PO.fadeOut and .fadeIn not working in IE
      1. This table or related slice is empty.
      1. VTUpMod
    1. CO`IE8 reports errors on these lines`, please post those errors as that could be important information.
      singulars
      1. PO.fadeOut and .fadeIn not working in IE
      1. USNope
    2. COI believe I could try adding "(this).hide()" to the code so that it just vanishes and re- appears in IE8, but am not sure where to make these additions, I'll experiment with it. Please anyone who can help, I'd be very, very grateful.
      singulars
      1. PO.fadeOut and .fadeIn not working in IE
      1. USnumber8pie
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload