title: ASP.NET Floating Div Menu via Ajax or jQuery
body: <p>Problem: I have a master page dictating the css, html, head, body content so I can't use the floating div technique and need to go trough the ajax/asp only route. All I have been able to find online on this subject is people having problems with implementing this but no actual working example code. </p>
  
  <p>I tried using the <a href="http://www.jtricks.com/javascript/navigation/floating.html" rel="nofollow">jQuery based floating div menu</a> off jtricks.com but the instructions were for an html file not a asp.net file and caused an error with the page load. </p>
  
  <pre><code> &lt;script type="text/javascript" src="specify script file URL here"&gt;  
   &lt;/script&gt;  
  
   &lt;div id="floatdiv" style="  
   position:absolute;  
   width:200px;height:50px;top:10px;right:10px;  
   padding:16px;background:#FFFFFF;  
   border:2px solid #2266AA;  
   z-index:100"&gt;  
   This is a floating javascript menu.  
   &lt;/div&gt;  
  
      &lt;script type="text/javascript"&gt;  
      floatingMenu.add('floatdiv',  
      {  
          // Represents distance from left or right browser window  
          // border depending upon property used. Only one should be  
          // specified.  
          // targetLeft: 0,  
          targetRight: 10,  
  
          // Represents distance from top or bottom browser window  
          // border depending upon property used. Only one should be  
          // specified.  
          targetTop: 10,  
          // targetBottom: 0,  
  
          // Uncomment one of those if you need centering on  
          // X- or Y- axis.  
          // centerX: true,  
          // centerY: true,  
  
          // Remove this one if you don't want snap effect  
          snap: true  
      });  
     &lt;/script&gt;  
  </code></pre>
  
  <p>Please provide some sample code on using floating divs in TabContainer or DragPanel via Ajax.</p>
  
  <p>Thanks! :)</p>