spacer.png, 0 kB
Sie sind hier: Startseite >> Robbz schreibt über das Internet >> jQuery Thickbox draggable (verschiebbar) machen
spacer.png, 0 kB
spacer.png, 0 kB
jQuery Thickbox draggable (verschiebbar) machen PDF Drucken E-Mail
Geschrieben von: Robbz   
Freitag, den 31. Oktober 2008 um 09:18 Uhr

Standardmäßig positioniert sich das Fenster des jQuery-Plugins Thickbox immer zentriert. Manchmal will der Benutzer es aber auch verschieben können.

Um also das Thickbox-Fenster draggable zu machen, werden zunächst einmal noch die jQuery UI-Plugins benötigt. Und zwar entweder gleich alle, oder nur ui.core und ui.draggable.

Wer die Thickbox mit der Funktion "tb_show" aufruft, kann sie anschliessend mit folgendem Code verschiebbar machen:

  1. tb_show(caption, url, false);
  2. try{
  3. $('#TB_window').draggable({handle: "#TB-title"});
  4. } catch (e) {
  5. // Hier soll nichts passieren, zum Debuggen könnte ein Alert eingebunden werden
  6. }

Um die Thickbox generall draggable zu machen, wenn sie geöffnet wird, könnte man auch direkt in den Code von thickbox.js gehen und dort in Zeile 261 (letzte Zeile der Funktion tb_show) einfügen:

  1. catch(e) {
  2. // nothing here
  3. }
  4. try{ $('#TB_window').draggable({handle: "#TB-title"}); } catch (e) { }

 

Der Parameter handle: "#TB-title" bewirkt, dass die Box nur am oberen Rand zum verschieben angefasst werden kann.



blog comments powered by Disqus
Zuletzt aktualisiert am Freitag, den 31. Oktober 2008 um 09:19 Uhr
 
spacer.png, 0 kB
spacer.png, 0 kB
spacer.png, 0 kB
spacer.png, 0 kB
Copyright © 2005-2008 - Deltatech v2 - design by Robert Heine für Joomla 1.5 spacer.png, 0 kB