Drag without resizing

Hi everyone,

Is there a way to show a div without resizing options? Getting it more complex... is there a way to get divs that can be resized and others no on the same page?

I tried by removing Individual corner classes and layers work fine without resizing options but what if i need both behaviors?

And by the way is there another page where i can see more examples?

I really appreciate your support.

Thanks in advance.

Larry.

Hi,
Thanks for your answer, i'll code your suggestion on my page.

I have another question, i want to put the absolute DIV and also having the protection of the backgorund, i mean, like a modal pop up. To do that i create a js function ShowPopUp that launch your DIV and i need the backgorund to be protected preventing changes while DIV is shown. I tried something like that

<iframe class="drsFrame" frameborder="0" scrolling="no" id="cssPopupPanelModalArea" style="display:none"></iframe>

and  :

.drsFrame
{
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;/*must have*/
top:0;/*must have*/
left:0;/*must have*/
z-index:91;/*must have*/
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /*filter:mask();/*must have*/
-moz-opacity: 0.60;
width: 100%;/*must have for any big value*/
height: 100%;/*must have for any big value*/
} /* downloaded from internet*/

My custom function just set visible (css) to none or ' ' depending  the case and at the same time set visible property of the iframe element.

Works great! DIV is shown over the page, preventing changes on the backgorund content, but when i just click or try to drag the DIV it becomes part of the protected backgorund. I know your function is for multiple DIVs on the page and i believe it could be the problem i have.

So  Is there a way to show and drag/drop the DIV over the protected backgorund?

I hope you really get my point (my english is poor),

Thanks.

Larry.

I found an easier way to get an element to be resized or not. I found a peice of code that was not used (_handle_tr). So I moved the three lines (294-296) Up into the IF section, and by doing that just set _handle_tr=true in the element to disable resize.
Code Seg...
DragResize.prototype.resizeHandleSet = function(elm, show) { with (this)
{
// Either creates, shows or hides the resize handles within an element.

 // If  we're showing them, and no handles have been created, create 4 new ones.
 if (!elm._handle_tr) {
for (var h = 0; h < handles.length; h++) {
   // Create  4 news divs, assign each a generic + specific class.
   var hDiv = document.createElement('div');
   hDiv.className = myName  + ' ' + myName + '-'  + handles[h];
   elm['_handle_' + handles[h]] = elm.appendChild(hDiv);
}
 // We  now have handles. Find them all and show/hide.
  for (var  h = 0; h < handles.length; h++) {
 elm['_handle_' + handles[h]].style.visibility  = show ? 'inherit' : 'hidden';
  }
}
}};

Eg...

<div class="drsElement drsMoveHandle" _handle_tr="true" style="left: 150px; top: 280px; width: 50px; height: 100px; background: #DFC; text-align: center">
 Div 2
 Content
</div>