• Hitesh chaudhari
  • NEWBIE
  • 107 Points
  • Member since 2018

  • Chatter
    Feed
  • 1
    Best Answers
  • 0
    Likes Received
  • 1
    Likes Given
  • 21
    Questions
  • 31
    Replies
I am trying to increase the size LWC model using the following CSS access. This code is placed in the Static resource.
It is increasing my model size but is also impacting all other models where this css hasn't loaded. like record edit model 
I want that CSS to work only for mu custom model

customCss.css
.slds-modal__container
 {
  	min-width: 90vw;
 }

Record Edit Model
trying to get Authorization token by hitting https://www.linkedin.com/oauth/v2/authorization via REST API get call.

but not able to get the access token in response.
String Client_ID      = '81********51oj' ;
String Client_Secrete = '4u**********7wCD';
       
        String endPoint        = 'https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id=' + Client_ID ;
        String redirectPageURL = 'https://myDevInstance-dev-ed--c.ap5.visual.force.com/apex/LinkedInAuthPage'; 
        
        redirectPageURL = EncodingUtil.urlEncode(redirectPageURL, 'UTF-8');
        endPoint += '&redirect_uri=' + redirectPageURL ;
        endPoint += '&state=fooobar&scope=r_liteprofile%20r_emailaddress%20w_member_social';
        
        Http http = new Http();
        HTTPRequest req = new HTTPRequest();
        req.setEndpoint(endPoint);
        req.setHeader('Content-Type', 'application/json');

        req.setMethod('GET');
               
        HTTPResponse res = http.send(req);

but not able to get Response code as 200 whch gives me Authorization code  in response.
How to check error in VS code as after deployment it is saying "Deploy failed [1,1]"VS code error message
I am newly using Visual studio code.
Recently I had installed visual studio code with salesforce extension pack.
but when I am trying to deploy any code from VS i am getting same error every time "Deployment failed [1,1].
Idelly it should show BillingCity6 is not a valid field on line 9 but it is showing deployment failed.
VS code error message
 
I am trying to post a messge on twitter using API but unable to update Following is the error message I am getting 
Your credentials do not allow access to this resource. 

I am trying to call POST method on 'https://api.twitter.com/1.1/direct_messages/events/new.json'
I am having two custom field on custom object with details as Source address and destination address and tries to show there co-ordinates on map as well as route with distance.

Can any one help me to use it in a visalforce page.
I am trying to display comment icon as a place holder for a text field but not able to add it as expected.
Following is the peace of code i am refering 
<apex:page showHeader="false" standardStylesheets="false" sidebar="false" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0">
<style>
  .inputFieldClass
   {
        height: 40px;
        width: 400px;
        /* color: green; */
        /*border-color: green;*/
        background-image: "http://icons.iconarchive.com/icons/bokehlicia/captiva/256/chat-bubbles-icon.png" ;
        background-repeat: no-repeat;
        text-indent: 20px;
   }
   

</style>
    <html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" lang="en">

    <head>
        <apex:slds />
    </head>    
    <body>
        <div class="slds-scope">
            <div class="slds-grid">
                <div class="slds-col slds-size_1-of-6">
                    <ul class="slds-list--vertical slds-has-inline-block-links--space">
                        <li class="slds-list__item"><a href="#void">Geeting started</a></li>
                        <li>
                            <ul class="slds-list--vertical slds-is-nested">
                                <li class="slds-list__item"><a href="#void">Find a place</a></li>
                                <li class="slds-list__item"><a href="#void">Experience</a></li>
                            </ul>
                        </li>
                        <li class="slds-list__item"><a href="#void">Booking your trip</a></li>
                        <li class="slds-list__item"><a href="#void">Payments</a></li>
                        <li class="slds-list__item"><a href="#void">Yours Trips</a></li>
                    </ul>
                </div>
                <div class="slds-col slds-size_5-of-6">
                    <div id="mydiv" class="slds-size_1-of-2 slds-p-top_x-large" >      
                            <h5 class="slds-text-heading_large" style="font-weight: 600;">How are we doing ?</h5>
                    </div>
                    <div class="slds-p-top_medium">
                        We are always there to improve our expeience so we would love to hear what's working and how we could make it better.
                    </div>
                    <div class="slds-p-top_medium">
                        <h1 style="display:inline ;font-weight: 700;" >This isn't the way to contact us ,through. </h1>
                        We can't reply to bug report indvijually. If you have question regarding solving problem. you will find answer in help center or you can 
                        <h1 style="color: darkseagreen;"><a href="">contact us. </a></h1>      
                    </div>
                    <div class="slds-p-top_xx-large">
                        <div style="font-weight :600 ;">
                            What would you like to do ?  
                                <div class="slds-grid slds-gutters">    
                                &#xf075;
                                    <div class="form-group" style="font-weight :500 ;">
                                        <span class="inputFieldClass11"><i class='icon-search'></i></span>
                                        <input name="firsttext" class="inputFieldClass" placeholder="&#xF002; dsafffffffffff" onchange="hideImage()"/>  
                                        <input type="text" placeholder="&#xF002; Search" style="font-family:Arial, FontAwesome" />
                                        <textarea placeholder='&#xf075; Add Comment'></textarea>
                                    </div>
                                    <div class="slds-col">
                                        <span>2</span>
                                    </div>
                                </div>    
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </body>

    </html>
</apex:page>

Hi 
As per my understanding in REST service  following annotation we can use
            @HttpGet     : get record read access only
            @HttpPost     : create new record
            @HttpDelete : Delete record
            @HttpPut     : upsert data
            @HttpPatch  : update data 

Can we  delete record in @HttpGet method() in REST call as HttpGet is just used to read record


I am trying to add static resource in visualforce page containing JS file.

But when I am trying to add it is  giving error 404 (Not Found).
 
  1. what is apex class with shearing and without shearing
  2. what if we called apex with shearing class from another class who is without shearing and vice versa?
  3. if apex  without shearing dont consider looged in user's field/object setting in consideration then what is use of System mode? 
how to iterate over map of Map<ID,List<String>>in apex
<table id= "maintable" width="100%" >
          <tr>
            <td width="1%">
            	<table id="linkdetails" class="linksection">
                  <tr>
                    <th><a href="" onclick="callmyjs('CreateAccount');">Create Account</a></th>
                  </tr>
                  <tr>
                    <th><a href="" onclick="callmyjs('UpdateAccount');">Update Account</a></th>
                  </tr>
                  <tr>
                    <th><a href="" onclick="callmyjs('RetriveAccount');">Retrive Existing Account Details</a></th>
                  </tr>
               </table> 
            </td>
            <td>
            	<apex:outputPanel id="createacc">
            	            Create 
            	</apex:outputPanel>
            	
            	<apex:outputPanel id="updateacc">
            	            update 
            	</apex:outputPanel>
            	
            	<apex:outputPanel id="retriveacc">
            	            retrive 
            	</apex:outputPanel>
            </td>
          </tr>
        </table>
        
        <apex:actionFunction name="showcreateacc" rendered="createacc">
        </apex:actionFunction>
        
        <apex:actionFunction name="showupdateacc" rendered="updateacc">
        </apex:actionFunction>
        
        <apex:actionFunction name="showretriveacc" rendered="retriveacc">
        </apex:actionFunction>
    

    <script>
            function callmyjs(val)
            {  
                if(val == 'CreateAccount')
                {
                        alert('Create Account');
                        showcreateacc();                       
                }        
                if(val == 'UpdateAccount')
                {
                        alert('Update  Account');
                        showupdateacc();
                }        
                if(val == 'RetriveAccount')
                {
                        alert('Retrive Account'); 
                       showretriveacc();
                }        
                
            }
    </script>
</apex:form>
Above is the piece of code I am refering where i am trying to call action function from javscript method 

but when i am calling it is showing me error as Uncaught ReferenceError: showcreateacc is not defined 

what i want to do here is on create only create output panel should show other should be disable and same for retrive and udpate as well
I am new to Salesforce and I am confused between use of following apex concepts
  • Action function
  • Action region
  • Action pollar
  • Action support
  • Action status
it will be great if you provide me differentiate between all of them in short

Thanks in advance


 
I am trying to connect Salesforce from Pentaho using Salesforce input.
but geeting following error messgage : 

Error connecting to Salesforce!
Failed to send request to https://login.salesforce.com/services/Soap/u/37.0


I am currently using Pentaho 7. I am able to acces Salesforce from same system using browser but not through Pentaho.
 
Hi guys,

I want to get all the dates of current month with its current day.
 
DateTime startDate = System.Date.today().toStartOfMonth(); 
        DateTime endDate = startDate.addMonths(1).addDays(-1);
        
        system.debug('Start Date '+ startDate);
        system.debug('End Date '+ endDate);
        
        for(DateTime d = startDate; d < = endDate ; d.addDays(1))
        {
            system.debug('Current date in loop is  '+ d.day());
            String dayofWeek = d.format('EEEE');
            system.debug('Weekeday is '+ dayofWeek);
        }

I am using above code but it is throwing CPU time limit exceded inside loop 
In my current scenario I am having two maps and I want them to print in same table.

Map<Custom Object, String 1> map1 ;
Map< String2, Custom Object, > map2 ;

In the above case String 2 is an calculated String not a custom Field
Table output will be like this

 
Column 1                             || Column 2 || Column 3
CustomObejct_ID                 || String1     ||String 2
How to sort map if we want to sort it by perticular field ;

Following is the map I am refering :

Map< BMCServiceDesk__BMC_BaseElement__c , String> mymap= new Map< BMCServiceDesk__BMC_BaseElement__c , String>();

I want to sort by its key's respective field as my map's key is an field  i want to sort by Custom Field of Obj.

For Example : If my obj is Myobj i want it ot sort by its field called as Myobj.CustomField
I am having a map<Custom Object , String> type .

I want to iterate over  it so that in a single loop i will get output like

System.debug(key,value);

Hi, 

I had executed a soql query and put the query output in  a list. Now I want to add a custom coloumn in the list.

Following is the way I am used it in code :

List<CustomObject> mylist = [select id,name,ipaddress from CustomObject];

I want to add a custom coloumn and display this all list in a table 

Can anyone suggest me how to achive this???

  • I want to apply horizontal scrollbar to my table which should have fixed header . 
  • I tried with overflow:auto. css property  but it applies to only first coloumn which is list of checkbox in my case , I want that scrollbar should apply to all rows/table so that users can sroll records .
  • I am using <apex:repeat> to print table values. 

Following is the code I am refering :
 
<apex:outputPanel id="refreshServerTable">
                <center>
                    <apex:outputPanel id="serverOutputPanel" title="Table Details using HTML table" layout="block">
                              <div id= "table-scroll">
								  <table width='95%' id="tablestylecss">
										<tr>
											<th><INPUT type="checkbox" id="mainChkBox"  onclick="checkAllCheckbox();" oncomplete="chkBoxes();" /> </th>
											<th>Header 1</th>
											<th>Header 2</th>
											<th>Header 3</th>
											<th>Header 4</th>
											<th>Header 5</th>
										</tr>
									  <tbody id="tableDatatable1"  >
											<apex:repeat id="myTable" value="{!Values}" var="s">
												<tr>
													<td><input type="checkbox" name="sName" id="serverCheckbox" onclick="checkrecord(this)" value="{!record.id}/></td>
													<td>Custom Field 1</td>
													<td>Custom Field 2</td>
													<td>Custom Field 3</td>
													<td>Custom Field 4</td>
													<td>Custom Field 5</td>
													  </tr>
											</apex:repeat>
										</tbody>
								   </table>
                              </div>
                    </apex:outputPanel>
				</center>	
</apex:outputPanel>


 

Hi, 
Is there a way to display the number of login attempts remaining when a user enters invalid password on the customer portal login page before the user account would get locked?

I was hoping to access NumberOfFailedLogins field from the User object, but the SOQL does not fetch this field upon querying even in 'without sharing' mode in the Apex controller. When I query this field via SOQL Query, it does show up, but not when the SOQL is part of the Apex controller. I am guessing its hidden from the view of unauthenticated user, but is someone able to confirm this or suggest a solution that worked for you?

Thank you! 

Cheers,

Kulit
 

Suppose, I have one custom object My_Object__c having one picklist field Sample__c having values New, In Progress, Failed, Success. There are two record trigger flows I have created on this object as follows:
  • First record trigger flow will trigger on record creation and will update the value of Sample__c  field to In Progress.
  • Second flow will trigger on record update, if Sample__c is change equals to true as entry criteria. But second flow is not getting triggered, it is working if I bypass the first flow
Please, let me know if I am missing something.
Hello Developers!

In my custom object LWC, when certain critical action is requested such as "cancel record", I want the user to provide their SF credentials, as eSignature, which is then recorded as audit trail.

I already know how to prompt for the username and password!

My Question is:
How to I check the on-screen captured username and password, validate them against the user's SF login credentials?

Thanks,
Adrien

Hi 
I am having an issue that, if i click on lwc button it is showing success toast message if there was an exception also, Iam able to see that error in logs  it is not catching the error. This always gives me an error on the console as "Uncaught (in promise)" and with the details of the exception. How can I catch this exception in a handled way.

here is my code

JS.

sendcomm({ recordId: this.recordId})
                try{
                    this.showToast('Success!', 'Communication sent successfully.', 'success', 'dismissable');
               
                }catch(error){
                    console.log('$#$#'+error.body.message);
                    this.showToast('Error!', 'error.body.message', 'error', 'dismissable');
                };
                this.handleIsLoading(false);
            }

Any help will be appreciable, thanks in advance

Hi Team,

I want is it possible to highlight the record based on check box true? like below If I have a check box So when I will make it true then it's highlight the record other wise it will show in different color.

How can we acheive this in report or in search layout?

User-added imagehtml code:

<template>
    <lightning-card title="imprative Demo">
    <div style="height: 300px;">
        <lightning-datatable
                key-field="id"
                data={data}
                columns={columns}>
        </lightning-datatable>
    </div>
</lightning-card>
</template>

js code :

import { LightningElement ,track} from 'lwc';
import getcontacts from '@salesforce/apex/mperativeDemo.getcontacts';
const columns=[
    
    {label: 'record id', fieldname: 'Id'},
    {label:"contact Name" ,fieldname:'Name'},
];

export default class ImperativeDemo extends LightningElement {

@track columns=columns;
@track data=[];
connectedCallback(){
    getcontacts()
    .then(result=>{   //then is a promise in js
        this.data=result;
    })
    .catch(error=>{
        console.log("error occured");
    })
}

}

apex class:

public class mperativeDemo {
    @AuraEnabled
    public static list<contact> getcontacts(){
        list<contact> getlist=[select id,name from contact];
     
        return getlist;
    }

}

 
import { LightningElement, wire, track } from 'lwc';
import performCallout from '@salesforce/apex/insuranceReadyTest2.performCallout';
import stateperformCallout from '@salesforce/apex/getState.stateperformCallout';
import cityperformCallout from '@salesforce/apex/getCities.cityperformCallout';

export default class InsuranceReady extends LightningElement {
    @wire(performCallout) countries;
    @track selectedCountryIso2;
    @track selectedStateIso2;
    @track error;
    @wire(stateperformCallout, { country: '$selectedCountryIso2' })
    wiredstateperformCallout({ error, data }) {
        if (data) {
            this.states = data;
            this.error = undefined;
            console.log("States :",JSON.stringify(data));
        } else if (error) {
            this.error = error;
            this.states = undefined;
            console.error("Error :",error);
        }
    }
     @wire(cityperformCallout, { country: '$selectedCountryIso2',state:'$selectedStateIso2' })
    wiredcityperformCallout({ error, data }) {
        if (data) {
            this.cities = data;
            this.error = undefined;
            console.log("Cities :",JSON.stringify(data));
        } else if (error) {
            this.error = error;
            this.states = undefined;
            console.error("Error :",error);
        }
    }
    @track selectedState = '';
    @track selectedCity='';
    handleCountryChange(event) {
        const selectedCountry = event.target.value;
        this.selectedCountryIso2 = event.detail.value;
        console.log("Country ISO2 :",this.selectedCountryIso2);
    }
    handleStateChange(event) {
        this.selectedState = event.detail.value;
        this.selectedStateIso2 = event.detail.value;
        console.log("State ISO2 :",this.selectedStateIso2);
    }
    handleCityChange(event) {
        const selectedCity = event.target.value;
    }
       

    get countryOptions() {
        if (this.countries.data) {
            return this.countries.data.map(country => {
                return { label: country.name, value: country.iso2 };
            });
        }
    }
    get stateOptions() {
        console.log(this.states);
    if (this.states) {
        return this.states.map(state => {
            return { value: state.name, label: state.iso2 };
        });
    }
    }
    get cityOptions() {
if (this.cities) {
return this.cities.map(city => {
return { label: city.name, value: city.name };
});
}
}
    


connectedCallback() {
        if (!this.states) {
            console.log('No states data returned');
        } else {
            console.log("States :",JSON.stringify(this.states));
        }
    }
}

HTML CODE:

<template>
    <div>
        <template if:true={countries.data}>
            <lightning-combobox options={countryOptions} value={selectedCountryIso2} onchange={handleCountryChange}>
            </lightning-combobox>
        </template>
        
        <template if:true={selectedCountryIso2}>
         
            <lightning-combobox
            name="stateSelect" 
            label="Select a State"
            options={stateOptions}
            value={selectedStateIso2}
            onchange={handleStateChange}>
    </lightning-combobox>
   
</template>
     <template if:true={selectedCountryIso2}>
    <template if:true={selectedStateIso2}>
        <lightning-combobox
            name="citySelect" 
            label="Select a City"
            value={selectedCity}
            options={cityOptions}>
        </lightning-combobox>
    </template>
</template>
    </div>
     
</template>
 
Hello, 
I have a very simple LWC that uses getRecord from 'lightning/uiRecordApi' to retrieve an Account record and two custom fields. It displays a banner message based on the values in the two fields. It does not update the fields, just retrieves the values. The field values, however, are being updated by a separate process that uses a future call for external processing. If I refresh the page, the banner changes or goes away, as it should. I would like it to refresh automatically once the fields are updated, without having to refresh the page manually. I have read about the getRecordNotifyChange, but I am unsure how to use it if the LWC is not making the changes. If I created an Apex class and used it, I know I could do a refreshApex, but again, this LWC is not making any changes, so it would need to do it after a delay to allow time for the external process to finish. Is there a better way to poll for record changes and refresh the LWC when these two values change?

import { LightningElement, wire, api } from 'lwc';
import { getRecord } from 'lightning/uiRecordApi';

import FIELD1 from '@salesforce/schema/Account.Field1__c';
import FIELD2 from '@salesforce/schema/Account.Field2__c';

const fields = [FIELD1, FIELD2];

export default class Status_Display extends LightningElement {

    @api recordId;
    status1;
    status2;
    alert = false;
    invalid = false;
    
   @wire( getRecord, { recordId: '$recordId', fields })
    account({error, data}) {
        if (error) {
            this.alert = false;
            this.invalid = false;
        }
        else if (data) {
            this.status1 = data.fields.Field1__c.value;
            if (this.status1 === 'Alert') {
                this.alert = true;
            }
            
            this.status2 = data.fields.Field2__c.value;
            if (this.status2 === 'Invalid') {
                this.invalid = true;
            }
            
        }
    }

}
 
Hi,
I am having an Object named ProspectUSer__c. I  want to update the timezone__c field based on AreaCode__c, StateCode__c and ZipCOde__c values at time of insert/update. But again the values of these three fields need to be get from custom metadata.? How to perform this fucntionality using configuration. Please suggest.
In order to load an external script into LWC loadScript should be used: https://developer.salesforce.com/docs/component-library/bundle/lightning-platform-resource-loader/documentation

Iøm facing the problem as I need to set data attributes on the script tag for the script to be loaded correctly. Any suggestions?

Hello,

I am created an LWC quick action to be added to a record layout page. It is required to wrap the content of the modal in a lightning-quick-action-panel as per this dev guide Create Screen Quick Actions (https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.use_quick_actions_screen).

I have got this working perfectly.

My question is about increasing horizontal space taken by the modal when it is open.

 

Modals aren't supported by styling hooks mechanisms, so I can't use them.

I tried overriding slds-modal__container without success unlike for aura components.

Can this be done?

How to check error in VS code as after deployment it is saying "Deploy failed [1,1]"VS code error message
I am newly using Visual studio code.
Recently I had installed visual studio code with salesforce extension pack.
but when I am trying to deploy any code from VS i am getting same error every time "Deployment failed [1,1].
Idelly it should show BillingCity6 is not a valid field on line 9 but it is showing deployment failed.
VS code error message
 
I am trying to display comment icon as a place holder for a text field but not able to add it as expected.
Following is the peace of code i am refering 
<apex:page showHeader="false" standardStylesheets="false" sidebar="false" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0">
<style>
  .inputFieldClass
   {
        height: 40px;
        width: 400px;
        /* color: green; */
        /*border-color: green;*/
        background-image: "http://icons.iconarchive.com/icons/bokehlicia/captiva/256/chat-bubbles-icon.png" ;
        background-repeat: no-repeat;
        text-indent: 20px;
   }
   

</style>
    <html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" lang="en">

    <head>
        <apex:slds />
    </head>    
    <body>
        <div class="slds-scope">
            <div class="slds-grid">
                <div class="slds-col slds-size_1-of-6">
                    <ul class="slds-list--vertical slds-has-inline-block-links--space">
                        <li class="slds-list__item"><a href="#void">Geeting started</a></li>
                        <li>
                            <ul class="slds-list--vertical slds-is-nested">
                                <li class="slds-list__item"><a href="#void">Find a place</a></li>
                                <li class="slds-list__item"><a href="#void">Experience</a></li>
                            </ul>
                        </li>
                        <li class="slds-list__item"><a href="#void">Booking your trip</a></li>
                        <li class="slds-list__item"><a href="#void">Payments</a></li>
                        <li class="slds-list__item"><a href="#void">Yours Trips</a></li>
                    </ul>
                </div>
                <div class="slds-col slds-size_5-of-6">
                    <div id="mydiv" class="slds-size_1-of-2 slds-p-top_x-large" >      
                            <h5 class="slds-text-heading_large" style="font-weight: 600;">How are we doing ?</h5>
                    </div>
                    <div class="slds-p-top_medium">
                        We are always there to improve our expeience so we would love to hear what's working and how we could make it better.
                    </div>
                    <div class="slds-p-top_medium">
                        <h1 style="display:inline ;font-weight: 700;" >This isn't the way to contact us ,through. </h1>
                        We can't reply to bug report indvijually. If you have question regarding solving problem. you will find answer in help center or you can 
                        <h1 style="color: darkseagreen;"><a href="">contact us. </a></h1>      
                    </div>
                    <div class="slds-p-top_xx-large">
                        <div style="font-weight :600 ;">
                            What would you like to do ?  
                                <div class="slds-grid slds-gutters">    
                                &#xf075;
                                    <div class="form-group" style="font-weight :500 ;">
                                        <span class="inputFieldClass11"><i class='icon-search'></i></span>
                                        <input name="firsttext" class="inputFieldClass" placeholder="&#xF002; dsafffffffffff" onchange="hideImage()"/>  
                                        <input type="text" placeholder="&#xF002; Search" style="font-family:Arial, FontAwesome" />
                                        <textarea placeholder='&#xf075; Add Comment'></textarea>
                                    </div>
                                    <div class="slds-col">
                                        <span>2</span>
                                    </div>
                                </div>    
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </body>

    </html>
</apex:page>

Hi 
As per my understanding in REST service  following annotation we can use
            @HttpGet     : get record read access only
            @HttpPost     : create new record
            @HttpDelete : Delete record
            @HttpPut     : upsert data
            @HttpPatch  : update data 

Can we  delete record in @HttpGet method() in REST call as HttpGet is just used to read record

how to iterate over map of Map<ID,List<String>>in apex
<table id= "maintable" width="100%" >
          <tr>
            <td width="1%">
            	<table id="linkdetails" class="linksection">
                  <tr>
                    <th><a href="" onclick="callmyjs('CreateAccount');">Create Account</a></th>
                  </tr>
                  <tr>
                    <th><a href="" onclick="callmyjs('UpdateAccount');">Update Account</a></th>
                  </tr>
                  <tr>
                    <th><a href="" onclick="callmyjs('RetriveAccount');">Retrive Existing Account Details</a></th>
                  </tr>
               </table> 
            </td>
            <td>
            	<apex:outputPanel id="createacc">
            	            Create 
            	</apex:outputPanel>
            	
            	<apex:outputPanel id="updateacc">
            	            update 
            	</apex:outputPanel>
            	
            	<apex:outputPanel id="retriveacc">
            	            retrive 
            	</apex:outputPanel>
            </td>
          </tr>
        </table>
        
        <apex:actionFunction name="showcreateacc" rendered="createacc">
        </apex:actionFunction>
        
        <apex:actionFunction name="showupdateacc" rendered="updateacc">
        </apex:actionFunction>
        
        <apex:actionFunction name="showretriveacc" rendered="retriveacc">
        </apex:actionFunction>
    

    <script>
            function callmyjs(val)
            {  
                if(val == 'CreateAccount')
                {
                        alert('Create Account');
                        showcreateacc();                       
                }        
                if(val == 'UpdateAccount')
                {
                        alert('Update  Account');
                        showupdateacc();
                }        
                if(val == 'RetriveAccount')
                {
                        alert('Retrive Account'); 
                       showretriveacc();
                }        
                
            }
    </script>
</apex:form>
Above is the piece of code I am refering where i am trying to call action function from javscript method 

but when i am calling it is showing me error as Uncaught ReferenceError: showcreateacc is not defined 

what i want to do here is on create only create output panel should show other should be disable and same for retrive and udpate as well
Walker & Dunlop - a publicly traded, nation-wide real estate financing firm - is seeking a Senior Salesforce Developer with expert-level experience in Lightning, Apex and Visualforce development.

Please review the job details at the following link and apply directly if you qualify: https://recruiting.ultipro.com/WAL1008/JobBoard/4784c477-474e-4a3f-9b0a-f583b5912ffc/OpportunityDetail?opportunityId=c74a0490-b05a-44b8-a659-6d3b3c2098ff