Zu den Aufzeichnungen der tutorials.de-Live-Workshops
ERLEDIGT
JA
ANTWORTEN
0
ZUGRIFFE
524
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 04.09.10 20:29 #1
    Avatar von sub7even
    sub7even sub7even ist offline Mitglied Silber
    Registriert seit
    Jun 2008
    Ort
    NRW ;)
    Beiträge
    80
    Hallo,
    ich habe jetzt schon ein wenig herum probiert und gegoogled,
    aber immernur gefunden wie man ein einzelnes Div Dragbar machen kann.

    Ich möchte aber ein Fenster wie bei z.B. Windows erstellen,
    welches nur über den Titel Dragbar ist.

    Ich habe mir schon überlegt,
    dass man es ja so lösen könnte
    das mann den Titel Dragbar macht
    und dan einfach die Coordinaten an das Div (fenster inhalt) übergibt.
    Jedoch bekomme ich das nicht hin :/

    Hoffe mir kann jemand helfen...
    Hier mein aktueller Source:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<title>.:: Drag - Fenster::.</title>
<script>
$(document).ready(function(){
 
    $( "#windrag" ).draggable();
    
});
</script>
<style>
html, body { width: 100%; height: 100%; }
</style>
</head>
 
<body>
<div id="window" style="height: 120px; width:300px; background-color:#CCC;">
<a id="windrag" style="width:300px; height:20px; display:block; background-color:#09F;">Fenster Titel</a>
<p>Das ist ein Text,<br/>
der in diesem Fenster steht...</p>
</div>
</body>
</html>




    EDIT: Hat sich erledigt, habe nun doch eine lösung gefunden!

    Statt:
    Code :
    1

    $( "#window" ).draggable();
    Einfach:
    Code :
    1

    $( "#window" ).draggable({ handle: '#windrag' });
    benutzen...
    Geändert von sub7even (04.09.10 um 21:35 Uhr)
     
    Zitieren Zitieren
« Javascripte behindern sich - Alternative? | Je nach auswahl, input oder textarea anzeigen lassen! »

Ähnliche Themen

  1. jQuery: Mehrere Divs hintereinander einblenden
    Von DiDiJo im Forum Javascript & Ajax
    Antworten: 6
    Letzter Beitrag: 16.07.10, 20:31
  2. [jQuery] Drag and Drop
    Von newwarrior im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 25.06.10, 11:56
  3. Mehrere Divs mit JQuery ein und ausklappen
    Von Kristian im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 16.03.10, 21:09
  4. [jQuery] Drag & Drop & Img & Divs
    Von newwarrior im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 09.03.10, 23:40
  5. jQuery - Position von DIVs per Drag wechseln
    Von tequito im Forum Javascript & Ajax
    Antworten: 6
    Letzter Beitrag: 26.11.08, 13:40