function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
NehaKSNehaKS 

Show the pop up inline

<style>
#popupcontent{
   position:static;
     display: none;
}
</style>
<script>
        function getData(oid)
        {
            paraFunction(oppid);
        }
     
        function showpopup()
        {
            var popUp = document.getElementById("popupcontent");
            popUp.style.display = "inline";
        }
 </script>

 <apex:actionFunction name="paraFunction" action="{!getOLIS}" rerender="results1" oncomplete="showpopup();">   
         <apex:param id="oppitems" name="oppitems" value="" />
     </apex:actionFunction>
.
<apex:column>
<apex:commandlink value=">>" onmouseover="getData('{!opw.id}');" rerender="results"/>
 </apex:column>


Over Here:-
"results" is an output panel and "results1" is the pageblock.

The pop is shown inline but all the mouseover functionality is working only on one place. i.e on just one column. I need to change position of popup for particular mouse over position.

Best Answer chosen by Admin (Salesforce Developers) 
NehaKSNehaKS

I am able to do that using

 

.showme
{
   position:static;
  
   display: none;
   overflow: auto;
   visibility:visible;
 
}
.showhim:hover .showme
{
display :block;
}

<div href="#" class="showhim">
<apex:commandlink value=">>" id="lin" onmouseover="getData('{!oppitems.id}');" oncomplete="showpopup1()"/> 

   <div class="showme" id="showme1">

     Page block table

  </div>

 

Now i just want that the hover should no go until and unless the user clicks on the cancel button on popup