You need to sign in to do that
Don't have an account?
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.
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