Skip to main content

Action function causing Object doesn't support this property or method in IE8

Anyone love IE? Ha ha ha... I don't like it because IE love to catch my code...uppss :) I have this web application that fusion of Salesforce and JQuery.It quite happy to run in Chrome and Firefox but not in Internet Explorer.It give this:
Message: Object doesn't support this property or method Line: 1934 Char: 1 Code: 0
I spend the whole day staring at my screen.The code is doing rating by change the  color  and save to database.It run in another two browsers but somehow it show error in IE bar.There two code snippets that run with same function however the first one is not hitting the error, but the second one yes.
 First code

<apex:outputpanel id="Price">
 <div id ="Price1" class="{!IF(Rating['Price Detail'].Rating_Color__c=='Yellow','light light-yellow',
     IF(Rating['Price Detail'].Rating_Color__c=='Red','light light-red',
     IF(Rating['Price Detail'].Rating_Color__c=='Green','light light-green','light light-grey')))}"  title="{!IF(Rating['Price Detail'].Rating_Color__c=='Yellow','Yellow',
     IF(Rating['Price Detail'].Rating_Color__c=='Red','Red',
     IF(Rating['Price Detail'].Rating_Color__c=='Green','Green','Grey')))}">
</div>
</apex:outputpanel>
<apex:actionfunction action="{!RatingValue}" name="Price" rerender="Price">       
 <apex:param assignto="{!ColorValue}" name="x" value=""/>
 <apex:param assignto="{!Category}" name="z" value=""/>
 <apex:param assignto="{!ChangeValue}" name="y" value="Price"/>
</apex:actionfunction>
Second code

<apex:outputpanel id="Quality1">
<div id="Quality" class="{!IF(Rating['Quality Detail'].Rating_Color__c=='Yellow','light light-yellow',
     IF(Rating['Quality Detail'].Rating_Color__c=='Red','light light-red',
     IF(Rating['Quality Detail'].Rating_Color__c=='Green','light light-green','light light-grey')))}"  title="{!IF(Rating['Quality Detail'].Rating_Color__c=='Yellow','Yellow',
     IF(Rating['Quality Detail'].Rating_Color__c=='Red','Red',
     IF(Rating['Quality Detail'].Rating_Color__c=='Green','Green','Grey')))}">
</div>
</apex:outputpanel>   
<apex:actionfunction action="{!RatingValue}" name="Quality" rerender="Quality1">       
<apex:param assignto="{!ColorValue}" name="x" value=""/>
<apex:param assignto="{!Category}" name="z" value=""/>
<apex:param assignto="{!ChangeValue}" name="y" value="Quality"/>  
</apex:actionfunction>
By glancing, you won't notice the differences.I checked all the element one by one but could not figure it out until I got hunch on the code below.Note that actionFunction name= "Quality" and  div id="Quality".I change it to different name, and the error is gone.html will generate actionFunction to javascript function, could it be the name is conflict and cause the error?So far I think that way.

<apex:actionfunction action="{!RatingValue}" name="Quality" rerender="Quality1"> <!--code detail inside--> </apex:actionfunction>

 <div id="Quality">
<!--code detail inside--> </div>
Note:Please don't hate IE, they just try to make the code clean and provide peaceful in the code.

Comments

Popular posts from this blog

Search Solution Basics

When is it a good time to create a customized search solution? You're developing an external knowledge base for user support. You're in the mood for a fun Friday night. The sales reps just started using the Sales Cloud in Lightning Experience. You want to put your company branding in the search bar. What differentiates SOSL from SOQL? Syntax SOSL searches the search index instead of the org database. SOSL searches more efficiently when you don't know in which object the data resides. All of the above. SOSL works with: REST only SOAP only REST, SOAP, and Apex SOQL only What does a search for a single object look like in SOSL? FIND {cloud} RETURNING Account FIND in ACCOUNT RETURNING "cloud" FIND "cloud" in ACCOUNT FIND (cloud) RIGHT NOW! What does a search for multiple objects look like in SOSL? FIND {sneakers} RETURNING ALL ARTICLES FIND {sneakers} in ALL OBJECTS FIND {sneakers} RETURNING Product2, Content

Process Builder is not fired when field update is called from Approval Process

Scenario In Final Approvals section ; in Approval Process we have field update to update Status field. In Process Builder , we have some action that need to be done when Status field is updated in Approval Process.However this process builder is not fired. Solution To handle this, in Field Update in Approval Process , check Re-evaluated Workflow Rules after Field Change as picture below. What happen if field updated from Approval Process. Workflow - does not fires untill Re-evaluate workflow checkbox is ticked on your field update Process Builder - does not fires untill Re-evaluate workflow checkbox is ticked on your field update Trigger - will fire if conditions are matched This is explained in article here  . Field Updates That Re-evaluate Workflow Rules If  Re-evaluate Workflow Rules After Field Change  is enabled for a field update action, Salesforce  re-evaluates all workflow rules on the object if the field update results in a change to the value of the fi

Tips and Tricks : Test class for Invocable method

Issue : I got 100% coverage in my sandbox but when run validation for deployment it returns 0% coverage It turn out that in my sandbox, I am depending on Process Builder to Invocable Apex class, as long I manipulate test data that fire Process Builder it will call Invocable class. This is not useful when deploying it to Production although it gets deployed together with Process Builder. The correct way is to direct call Invocable method inside test class itself. Example of class : 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 global class MyCustomObject_StatusUpdate_Util { @InvocableMethod ( label = ' Update Quote Status ' ) public static void updateQuote ( Request [] requests ) { Set < Id > setOppId = new Set < Id >(); List < SBQQ__Quote__c > listQuoteToUpdate = new List < SBQQ__Quote__c >(); for ( Request request : requests ) {