[Erledigt] jQuery UI .dialog() || Resizeable:false schränkt ein ?

dreamcatcher · 24.03.2011, 18:16

Hallo ihr Lieben, nach vielem googlen habe ich folgendes zusammenbekommen:

PHP-Code:

  //Error dialog
$('<div>Error</div>').dialog({dialogClass: 'NoTitlebar', position: 'top', height: 50}).delay(3000).queue(function(){
        $(this).remove();
});

//CSS Rule for Dialog without titlebar
$('.NoTitlebar div.ui-dialog-titlebar').hide();

Somit erscheint ein Dialog welcher automatisch nach 3 Sekunden wieder verschwindet.

Nun bekomme ich es aber nicht hin, dass der "Resizebutton" verschwindet.

Rechts unten kann man die Dialogbox resizen, es gibt auch eine Option namens resize, angewandt komme ich bei folgendem raus:

PHP-Code:

  //Error dialog
$('<div>Error</div>').dialog({dialogClass: 'NoTitlebar', position: 'top', height: 50, resizeable: false}).delay(3000).queue(function(){
        $(this).remove();
});

//CSS Rule for Dialog without titlebar
$('.NoTitlebar div.ui-dialog-titlebar').hide();

Jedoch nimmt er dann die "height" Option nicht mehr.

Er setzt diese auf eine custom Größe, so dass der Dialog wieder RIESIG ist.

Ich habe mir weitere Optionen daraufhin angeschaut und es dann auch mit "maxHeight" anstelle von "height" versucht, dies hat aber das gleiche (fehlerhafte) Ergebnis zur Folge.

Ich möchte nur eine Dialogbox haben wo etwas drinnen steht, ohne Firlefanz...

Geht das wirklich nicht mit jQuery UI ?

////////////
Edit:
Es geht nun... weiß nicht warum es vorher nicht ging...

height und resizeable kann man unabhängig voneinander angeben.

Edit2:
Es heißt resizable nicht resizeable... daher kam der Fehler.

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
Einfaches JQuery resize und scoll läuft nicht	smilla	JavaScript, Ajax und mehr	5	08.02.2011 20:44
jQuery, einem DOM-Knoten eine Payload anhängen	Chriz	JavaScript, Ajax und mehr	6	22.12.2010 15:31
jQuery - Text an Cursorposition einfügen	Koala	JavaScript, Ajax und mehr	5	11.11.2010 21:28
Fresh Sliding Thumbnails Gallery with jQuery and PHP	ModelWizko	PHP Tipps 2010	3	31.10.2010 10:50
Bin noch ein Anfänger mit jquery bitte um hilfe	bomber007	JavaScript, Ajax und mehr	4	19.08.2010 23:34
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jquery: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
[Erledigt] Jquery Selektoren	chunky	JavaScript, Ajax und mehr	5	14.02.2010 11:14
[Erledigt] [Erledigt] jQuery Endlos Scrolling Umlaute	kn0wledge	JavaScript, Ajax und mehr	0	18.10.2009 19:29
[Erledigt] jQuery Dateien nachladen	Phoscur	JavaScript, Ajax und mehr	7	14.03.2009 13:44
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35

24.03.2011, 18:16
dreamcatcher Erfahrener Benutzer Registriert seit: 28.12.2010 Beiträge: 599 PHP-Kenntnisse: Anfänger	[Erledigt] jQuery UI .dialog() \|\| Resizeable:false schränkt ein ? Hallo ihr Lieben, nach vielem googlen habe ich folgendes zusammenbekommen: PHP-Code: `//Error dialog $('<div>Error</div>').dialog({dialogClass: 'NoTitlebar', position: 'top', height: 50}).delay(3000).queue(function(){ $(this).remove(); }); //CSS Rule for Dialog without titlebar $('.NoTitlebar div.ui-dialog-titlebar').hide();` Somit erscheint ein Dialog welcher automatisch nach 3 Sekunden wieder verschwindet. Nun bekomme ich es aber nicht hin, dass der "Resizebutton" verschwindet. Rechts unten kann man die Dialogbox resizen, es gibt auch eine Option namens resize, angewandt komme ich bei folgendem raus: PHP-Code: `//Error dialog $('<div>Error</div>').dialog({dialogClass: 'NoTitlebar', position: 'top', height: 50, resizeable: false}).delay(3000).queue(function(){ $(this).remove(); }); //CSS Rule for Dialog without titlebar $('.NoTitlebar div.ui-dialog-titlebar').hide();` Jedoch nimmt er dann die "height" Option nicht mehr. Er setzt diese auf eine custom Größe, so dass der Dialog wieder RIESIG ist. Ich habe mir weitere Optionen daraufhin angeschaut und es dann auch mit "maxHeight" anstelle von "height" versucht, dies hat aber das gleiche (fehlerhafte) Ergebnis zur Folge. Ich möchte nur eine Dialogbox haben wo etwas drinnen steht, ohne Firlefanz... Geht das wirklich nicht mit jQuery UI ? //////////// Edit: Es geht nun... weiß nicht warum es vorher nicht ging... height und resizeable kann man unabhängig voneinander angeben. Edit2: Es heißt resizable nicht resizeable... daher kam der Fehler. Geändert von dreamcatcher (24.03.2011 um 18:37 Uhr).


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