I'm not sure if this is the correct place for this thread, let me know if it is not.

Here is the scenario, I have a visual force page with a pageblocktable, the first column in the table has links that when hovered over opens a related pageblocktable in a hover similar to the related list hover links you would normally see. Within the hover pageblocktable certain links when clicked will open a modal dialog confirming a question with the user before they continue to a new page. The modal is working perfectly until you mouse outside of the browser or to the scrollbar for your browser, then the modal dialog with its opacity covering the page will dissapear. But if you mouse back into the hover the modal turns back on. I realize this is most likely due to the hover being 'mouseout' of, so closing the hover and closing the modal in the process. What is the best way to approach this challenge. My jquery and javascript knowledge is limited but I can hack through some things.

Any help is greatly appreciated, thank you!

<apex:page>
  <apex:form>
    <apex:tabpanel>
      <apex:tab>
        <apex:include pageName="page1" />
      </apex:tab>
      <apex:tab>
        <apex:include pageName="page2" />
      </apex:tab>
    </apex:tabpanel>
  </apex:form>
</apex:page>



<apex:page>
  <apex:form>
    <apex:tabpanel>
      <apex:tab>
        <apex:include pageName="page1" />
      </apex:tab>
      <apex:tab>
        <apex:include pageName="page2" />
      </apex:tab>
    </apex:tabpanel>
  </apex:form>
</apex:page>



   In my application I need to fade the page on load(when it is loading).

      I have used this code but its not working...

$(document).ready(function () {$('.nav').fadeIn(3000);});
});</script>

    and then div tag <div class="nav" style="display:none"> 

before closing page tag.

Can any one help me.

Hey All,

I am wondering if it is possible to apply the new Salesforce tab style to an <apex:tabPanel> object.

I understand that I can apply custom css, but I was hoping that I could get access to the Salesforce styles.

Thanks for any help,

DH

Hi all.  I'm looking for general guidance on the best way to handle the following situation:  I have a high level structure like this:

<apex:page>
  <apex:form>
    <c:myComponent />
  <apex:form>
</apex:page>

'c:myComponent' component cannot be nested within form tags