+ Start a Discussion
Swathi JainSwathi Jain 

I want to implement onmouseover functionality in vf,

Hi,

This is swathi,

i want to put some links in vf page with respect to different pageblocksections 

If user put the mouse on pageblock section , i want to show the links in side of the side bar and , if user clicks the links it need to be open in iframe ,

I am new to force , please help me asap

 

I have page like this 

<apex:page>

<apex:pageblock>

<apex:pageblocksection title="PG1">

<apex:commandlink src="www.google.com"/>

<apex:commandlink src="www.facebook.com"/>

</apex:pageblocksection>

</apex:pageblock>

</apex:page>

If i put the mouse on the PG1 section all the links need to visible and if i clicks the links these need to visible in iframe

Can you please reply me asap . Please.

 


Alok_NagarroAlok_Nagarro

Hi,

 

Pls refer the following code :

 

<apex:page>


<script>
function test()
{
document.getElementById('{!$Component.pb.pbs.pan}').style.display='block';
</script>


<apex:pageBlock id="pb">
<apex:pageBlockSection title="PG1" onmouseover="test();"  id="pbs">


<apex:outputPanel id="pan" style="display:none;">
<a href="www.google.com" target="_blank">Hi</a>
<a href="www.facebook.com" target="_blank">Hii</a>
</apex:outputPanel>


</apex:pageBlockSection>
</apex:pageBlock>
</apex:page>