I have seveleral div's in a page set to be draggable. By default they
are hidden and are only shown when the user clicks a button. My issue
is that the div the user is currently opening is not always the
topmost and can be hidden behind other div's. I am able to make it the
topmost by starting a drag action, but it would be preferable to have
the div being open be the topmost. Is there anyway I can make that
happen? The code for the page is below, and the cssclass WindowPnl
only has the attribute of absolute positioning. I have taken out all
the div's but 1 so it would be easier to read. They all are identical
except for the content.
Thank you.
<form id="MemberForm" runat="server">
<script type="text/javascript">
$(function() {
$(".WindowsDiv div").draggable({ stack: { group:
'.WindowsDiv div', min: 0 }, containment: 'parent', handle: 'p',
scroll: true });
});
$(function() {
$("#GroundMapOpenBtn").click(function() {
var options = {};
$("#GroundMapPnl").show('clip', options, 750);
return false;
});
$("#GroundMapCloseBtn").click(function() {
var options = {};
$("#GroundMapPnl").hide('clip', options, 750);
return false;
});
$("#GroundMapPnl").hide();
});
</script>
<div class="LinksDiv">
<asp:LinkButton runat="server"
ID="GroundMapOpenBtn" Text="Ground Map" />
</div>
<div class="WindowsDiv">
<asp:Panel runat="server" ID="GroundMapPnl"
cssclass="WindowPnl" Width="750" Height="800" style="left: 10px; top:
125px">
<p>
<span style="width: 690px; float: left">
Planetary Map of
<asp:label runat="server"
ID="GroundMapPlanetNameLbl" />
</span>
<span style="width: 50px; float: right">
<asp:LinkButton runat="server"
ID="GroundMapCloseBtn" Text="Close" />
</span>
</p>
<asp:Label runat="server"
ID="TimeGroundLbl" />
</asp:Panel>
</div>
</form>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
