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

Show the pop up inline

     display: none;
        function getData(oid)
        function showpopup()
            var popUp = document.getElementById("popupcontent");
   = "inline";

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

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) 

I am able to do that using


   display: none;
   overflow: auto;
.showhim:hover .showme
display :block;

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

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

     Page block table



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