Dialogs cross refreshing, how do I avoid that?

Dialogs cross refreshing, how do I avoid that?

Hi all,
Noob with a (possibly) noob question. I have a page that has several Dialog forms on the screen...when I drag the one, the other refreshes to its start state, while it should remain in it's present state...
Basically, each frame is a div that holds an iFrame, that frame points to a PHP page/file that has a collection of panes overlapping, the first being the start pane to set some filters...
When I'd drag the info pane, the page makes a connection to the server and thus refreshes the dialogs on page...thus setting them to the front pane...

  1. <div id="InfoDialog" title="Info" ondragstart="doPrepventDeafult(event)">
  2. <iframe src="info.php?li=0" width="200" height="200" id="info_iframe" class="subframe" frameborder="0"></iframe>
  3. </div>
  4. <div id="DetailDialog" title="Details" ondragstart="doPrepventDeafult(event)">
  5. <iframe src="details.php?li=0" width="200" height="200" id="details_iframe" class="subframe2" frameborder="0"></iframe>
  6. </div>
  7. function doPrepventDeafult(event)
  8. {
  9.     event.preventDefault();
  10. }
most annoying, since the user'd lose the details, and filtered info...
It starts when I click the other frame's titlebar...maybe an "onbeforedrag" event (if...there is such a beast :) ...)
There's is not a lot of code I can give without compromising the project, sorry :)
Thanks a zillion for any assistance :)
Thor