[Erledigt] div per Drag&amp;amp;Drop verschieben und bei Klick ausserhalb s

10.01.2008, 19:32

Hallo allerseits,

es öffnet sich bei Klick auf einen Link (mittels jQuery) ein div das wie ein neues Fenster aussieht. Jetzt möchte ich, zwei Dinge:

1. Wenn man das div anklickt, soll man es verschieben können. Also zum so wie zum beispiel bei iGoogle.
2. Wenn man außerhalb von dem div irgendwohin klickt soll es sich schließen. So wie das z.B. das Lightbox-Plugin für Wordpress macht: Beispiel (aufs Bild klicken und dann ober- oder unterhalb des Kastens klicken)

Ja, ich habe schon versucht, in dem Lightbox-Plugin rumzusuchen um rauszufinden wie das da gemacht wird. Aber da ich nicht soo der JS-Pro bin hab ich da kaum was verstanden.

Vielleicht kann mir das hier jemand näherbringen...

Viele Grüße, Juuro

nikosch · 11.01.2008, 00:33

Du meinst: "Vielleicht kann mir das hier jemand programmieren ?"

Was hast Du denn bisher? Gibts ein Online-Beispiel?

agrajag · 11.01.2008, 12:30

Zu deinem ersten anliegen:

Da gibt es für Jquery vorgefertigte Lösungen. Z.B. jQuery Interface. Einfach mal nach jquery + dragable/dropable oder ähnlichem suchen, dann findest du das.

Zum zweiten Problem:
Einfach bei onClick auf html/body das Fenster schließen sollte gehen...

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Dateien verschieben per php		PHP Tipps 2004	4	02.01.2010 15:26
nested set dbmodell subtrees verschieben	raffnix	Datenbanken	12	08.06.2008 13:27
[Erledigt] Zeigen Und verstecken durch ein Klick	errox	JavaScript, Ajax und mehr	12	07.06.2008 19:22
Ordner inkl. aller Unterordner und Dateien verschieben?	BartTheDevil89	PHP Tipps 2008	6	14.02.2008 08:45
input inhalt bei klick ändern	jar3d	HTML, Usability und Barrierefreiheit	3	10.01.2008 16:33
while-Schleife, geschweifte Klammern "{ }" verschieben	Taktaky	Datenbanken	8	22.08.2007 19:40
JS: Mit einen Link boxen sichtbar und unsichtbar durch klick	scooter	Beitragsarchiv	3	11.03.2006 19:34
Wieso verschieben sich diese Tabellen?	Chr!s	HTML, Usability und Barrierefreiheit	3	29.09.2005 17:41
Bildwechsel beim Klick		HTML, Usability und Barrierefreiheit	1	12.07.2005 23:49
[Erledigt] SQL Tabelle - Spalten verschieben - PHPMyAdmin		Datenbanken	6	12.07.2005 17:00
Layer auf x-Achse verschieben	php1	HTML, Usability und Barrierefreiheit	2	24.06.2005 16:08
Text in Input per Klick hinzufügen, bei erneutem Klick lösch	18inch	HTML, Usability und Barrierefreiheit	2	05.03.2005 14:01
[Erledigt] nach oben &amp;amp;&amp;amp; nach unten verschieben realisieren		PHP-Fortgeschrittene	8	26.01.2005 22:22
Datei verschieben	Calli	PHP Tipps 2004-2	2	15.12.2004 14:27
ADCELL Vermarktung zu 75% Pay per Klick Kampagnen		Beitragsarchiv	0	18.10.2004 12:37

10.01.2008, 19:32
Juuro Gast Beiträge: n/a	[Erledigt] div per Drag&amp;amp;Drop verschieben und bei Klick ausserhalb s Hallo allerseits, es öffnet sich bei Klick auf einen Link (mittels jQuery) ein div das wie ein neues Fenster aussieht. Jetzt möchte ich, zwei Dinge: 1. Wenn man das div anklickt, soll man es verschieben können. Also zum so wie zum beispiel bei iGoogle. 2. Wenn man außerhalb von dem div irgendwohin klickt soll es sich schließen. So wie das z.B. das Lightbox-Plugin für Wordpress macht: Beispiel (aufs Bild klicken und dann ober- oder unterhalb des Kastens klicken) Ja, ich habe schon versucht, in dem Lightbox-Plugin rumzusuchen um rauszufinden wie das da gemacht wird. Aber da ich nicht soo der JS-Pro bin hab ich da kaum was verstanden. Vielleicht kann mir das hier jemand näherbringen... Viele Grüße, Juuro


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

11.01.2008, 00:33
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Du meinst: "Vielleicht kann mir das hier jemand programmieren ?" Was hast Du denn bisher? Gibts ein Online-Beispiel?

11.01.2008, 12:30
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Zu deinem ersten anliegen: Da gibt es für Jquery vorgefertigte Lösungen. Z.B. jQuery Interface. Einfach mal nach jquery + dragable/dropable oder ähnlichem suchen, dann findest du das. Zum zweiten Problem: Einfach bei onClick auf html/body das Fenster schließen sollte gehen... __________________ Today you...Tomorrow me.