How to show help text image next to inputText

Question

I just need next to either label or inputText

Screen shot:

Markup

<apex:page standardController="Account">
    <apex:form >

        <apex:pageBlock >
            <apex:pageBlockSection > 
                      <apex:inputfield value="{!Account.fax}" label="Fax"/>
                       <span class="helpButtonOn" id="Name-_help">  
                        <img src="/s.gif" alt="" class="helpOrb"   />
                        <script type="text/javascript">sfdcPage.setHelp('Name', 'this is a test');</script>
                    </span> 
            </apex:pageBlockSection>
        </apex:pageBlock>

    </apex:form>
</apex:page>

Answer 1

You should just use the <apex:pageBlockSectionItem> tag:

<apex:pageBlock>
    <apex:pageBlockSection>
        <apex:pageBlockSectionItem helpText="This is a test">
            <apex:outputLabel value="{!$ObjectType.Account.fields.Fax.label}" />
            <apex:inputField value="{!Account.Fax}" />
        </apex:pageBlockSectionItem>
    </apex:PageBlockSection>
</apex:pageBlock>

Here's the documentation on that attribute:

The help text that is displayed next to this field as a hover-based tooltip, similar to the text that is displayed next to standard Salesforce fields if custom help is defined for the field in Setup. Note that help text only displays if the showHeader attribute of the parent page is set to true.