BloodySword: DIV mit Maus verschieben, abern ur auf DIV-Fläche!

Beitrag lesen

SELF-Forum

DIV mit Maus verschieben, abern ur auf DIV-Fläche!

BloodySword
– Informationen zu den Bewertungsregeln

Ich hab hier folgendes gefunden um DIV verschieben zu können:

http://www.quaese.de/HTML-Design/texte/js/scripts/drag_and_drop/drag_and_drop.html

Leider habe ich das Problem, wenn ich ein Button rein setzte, kann man beim Klicken in den Button das DIV auch verschieben.

Wie kann ich das umgehen?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
    <meta name="generator" content=  
    "HTML Tidy for Windows (vers 15 August 2007), see www.w3.org" />  
    <meta http-equiv="content-type" content=  
    "text/html; charset=windows-1250" />  
    <meta name="generator" content="PSPad editor, www.pspad.com" />  
    <title>  
      Testoberfläche  
    </title>  
    <link rel="stylesheet" href="test.css" type="text/css" />  
    <script language="JavaScript" src="dragobj.js" type="text/javascript">  
</script>  
  </head>  
  <body oncontextmenu="return false;" ondragstart="return false;"  
  onselectstart="return false;" onload="init();">  
    <div id="form" class="frm" onmousedown="startDrag(this);">  
      <div class="c1">  
        <p>  
          Dies ist eine Testoberfläche, die eine normale Programmoberfläche  
          emulieren soll. Wir testen das dann weiter ;o).  
        </p>  
        <p>  
          Jetzt kommt eine Menge Text um zu demonstrieren, wie man das mit dem  
          Scrollen in einem DIV macht. Wenn ich nur wüste, wie das geht... xDDD  
        </p>  
        <p>  
          Dieses Fensterchen kann man übrigens verschieben ^^.  
        </p>  
      </div>  
      <div class="c3">  
        <button  
          type="button"  
          class="c2"  
          onclick="getElementById('form').style.display='none';"  
          onmousedown="stopDrag();">OK</button>  
      </div>  
    </div>  
  </body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln