hello,
I've got some code like this:
<div id="libNotePad">
<form id="libNotePadForm"><input type="hidden" value=""
id="libNotePadRef" name="libNotePadRef">
<div id="libNotePadTitle"><img src="/web/javascript/layouts/
fieldSideTab/but_image_notepad.gif" alt="libNotePad" style="padding-
top:2px; padding-left:2px; padding-right:4px; vertical-align:text-
bottom;" />Edit Comments</div>
<textarea id="libNotePadTextArea" name="libNotePadTextArea"
cols=""
rows="">loading data...</textarea>
<div id="libNotePadButtonArea"><input class="libNotePadButton"
name="libNotePadButtonCancel" type="button" value="Cancel"
onclick="saveNotePad();"><input class="libNotePadButton"
name="libNotePadButtonOK" type="button" value="OK"
onclick="cancelNotePad();"></div>
</form>
</div>
... and I wanted to set the #libNotePadTitle to be draggable so it
moves everything within the #libNotePad container but the only thing
that moved was the #libNotePadTitle :-)
I've got around it by setting the #libNotePad to be draggable and
luckily the TEXT AREA isn't working with the drag, nor the buttons but
the #libNotePadButtonArea does work but I don't want it to.
What's the correct way to achieve this?
Thanks,
N
