Ok, awesome. I got it working. Now onto the second part.

Hey GlynA,

I have created the page and I feel I am well on the right track, I just have a few questions.

1. Would it be possible to post this on site.com. Then when a client finishes a product or service, an email is sent out with a link. The link is based on a email template which will change the ID so that it will insert the clients account ID. Upon completion and submission of the form, the survey is inserted into the clients account on salesforce.

2. How would I go about making the slider smaller and then maybe adding the numbers 1-10 below the slider so it changes as the slider point is adjusted?

Thank you for your help again.

<apex:page standardController="Destiny_Survey__c">

<apex:includeScript value="{!URLFOR($Resource.jQuery, '/js/jquery-1.9.1.js')}"/>
<apex:includeScript value="{!URLFOR($Resource.jQuery, '/js/jquery-ui-1.10.3.custom.min.js')}"/>
<apex:stylesheet value="{!URLFOR($Resource.jQuery, '/css/ui-lightness/jquery-ui-1.10.3.custom.css')}"/>

<apex:form id="theForm">
<apex:pageBlock id="theBlock">
Thank you for completing our Destiny Survey {!Destiny_Survey__c.Account__c}.
<apex:pageBlockSection id="theSection"  >
    <div id="slider" />
    <apex:inputField value="{!Destiny_Survey__c.How_likely_are_you_to_refer_Destiny__c}" label="How likely is it that you would recommend us to a friend or colleague?" id="value"/>
     <apex:inputField value="{!Destiny_Survey__c.Explain_why_you_gave_your_rating__c}" label="Explain why you gave your rating." id="value2"/>  
     <apex:inputField value="{!Destiny_Survey__c.Which_Product_or_Service__c}" label="Which Destiny Product or Service have you just completed?" id="value3"/>
     
</apex:pageBlockSection>
</apex:pageBlock>
</apex:form>


<script>
    function getCleanName(theName)
    {
        return '#' + theName.replace(/:/gi,"\\:");
    }
    var valueField = getCleanName( '{!$Component.theForm.theBlock.theSection.value}' );

    $j = jQuery.noConflict();
    $j( "#slider" ).slider( {enable: true, min: 1, max: 10, orientation: "horizontal", value: 10} );
    $j( "#slider" ).on( "slidechange",
        function( event, ui )
        {
            var value = $j( "#slider" ).slider( "option", "value" );
            $j( valueField ).val( value );
        }
    );
</script>

</apex:page>

1.  If your email includes a link with a parameter, such as:  ?acct=001000000123AbC

your controller can access the parameter using

Id accountId;
String acctParam = ApexPages.currentPage().getParameters().get( 'acct' );
if ( !String.isBlank( acctParam ) )
{
    try
    {
        accountId = Id.valueOf( acctParam );
    }
    catch ( Exception e )
    {
        accountId = null;
    }
}

and you can use the resulting Id (if it exists) to access the user's Account record.

2.  You might try using the "vertical" orientation and see if you like that better.  You can also style the slider's div so that it has a fixed size, or a min and max size, if you prefer.  Currently, without any styling, the div will take up all available space.  For example:

<div id="slider" style="width:100"/>

To add numbers along the slider can be done, I'm sure, but that's a question for someone with more CSS experience than I have.  I imagine you'd have to define a table with 1 row and 10 cells, styled to be the same size as the slider, and put the numbers in the cells.  That's just my idea.  A CSS expert might know of a better way.

-Glyn

You have been so helpful to me...a few quick question quickly and I will set the answer as the solution.

1. Would you be able to help me out in writing the controller, I still struggle quite alot with controllers and extensions.

2. When it is done, will i be able to create an email template with a link that looks something like this: https://c.cs6.<Site.com Name>/apex/Slider_Survey/acct={!Account.id}

Then when they click it, it will open to the VF page published through site.com. Upon clicking submit or save, which will then insert the survey into the account. Sort of like a webtolead.

Thank you so much for your help.

1.  My time is limited, but if you write the controller, I will be happy to answer questions and make suggestions.  It's easier for me to refactor code than to write it from scratch, and there's no better way for you to learn than by doing.

2.  Your link will look like: https://c.cs6.<Site.com Name>/apex/Slider_Survey?acct={!Account.id}  (Note the '?', not '/'.)  The page controller can get the parameter (with something like the code above) and associate the survey with the account.  No problem.  ;-)

Glad to be of help!

-Glyn