Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Jquery UI Buggt mit minWidth

Frage Entwicklung JavaScript

Mitglied: B-free

B-free (Level 1) - Jetzt verbinden

19.09.2014 um 20:13 Uhr, 1079 Aufrufe, 2 Kommentare

Hallo,

ich habe angefangen ein Online OS zu basteln. Ich probiere es jedenfalls...

mein momentanes Problem ist, dass es anscheinend nicht möglich ist eine minWidth (Jquery UI reziable plugin) für einzelne windows zu definieren.
(halbe stunde google half nicht )

Wenn ich das Fenster kleiner als die minWidth ziehe, wird es so breit wie die gesamte (restliche) Seite.

Bsp: (http://badnote.pfweb.eu/)

Code:
CSS:
01.
#desktop { 
02.
	height:calc(100% - 50px); 
03.
	top:0; 
04.
	position: absolute; 
05.
	width: 100%; 
06.
07.
 
08.
.window { 
09.
	z-index:999; 
10.
	display: block; 
11.
	width:700px; 
12.
	height:500px; 
13.
	position: absolute; 
14.
	transition: .5s; 
15.
	 
16.
	background:rgba(113, 113, 113, 0.41); 
17.
}
(nur das wichtige)

JS:
01.
		$( ".dragable" ).draggable({ 
02.
			cancel: ".inner, .controls",  
03.
			snap: "#desktop",  
04.
			snapMode: "inner",  
05.
			snapTolerance: "10" 
06.
		}); 
07.
 
08.
		$( ".dragable" ).resizable({ 
09.
			containment: "#desktop", 
10.
			handles : 'e, n, s, w, se', 
11.
			minWidth: window.info.minWidth, 
12.
			minHeight: window.info.minHeight 
13.
		}); 
14.
 
15.
		console.log(window.info); 
16.
 
17.
		$( ".dragable" ).removeClass('dragable');
(auch nur das wichtige)

window.info.minWidth bzw. window.info.minHeight enthalten valide angaben. (siehe Konsolen output)


Tschau
B-Free
Mitglied: aqui
19.09.2014, aktualisiert um 21:00 Uhr
Bei Safari passiert das nicht. Man kann wunderbar das Fenster resizen auch auf den kleinsten Wert. Funktioniert alles wie es soll.....
Nun kommt aber das "aber"....
Sowie du das Fenster Mit Klick und halten auf dem "Welcom to.." Balken aus der Default Position verschiebst tritt das von dir oben beschriebene ein.
Lässt du es brav auf seiner angestammten Position nach dem Login rennt es fehlerlos...
Bitte warten ..
Mitglied: B-free
19.09.2014, aktualisiert um 21:55 Uhr
Zitat von aqui:
Sowie du das Fenster Mit Klick und halten auf dem "Welcom to.." Balken aus der Default Position verschiebst tritt das
von dir oben beschriebene ein.
Lässt du es brav auf seiner angestammten Position nach dem Login rennt es fehlerlos...

Also ich kann das nicht reproduzieren. bei mir springt er immer. egal was ich tue. (Chrome, Opera, Firefox und IE)

[edit:]
Kann den bug generell nicht in JSFiddle reproduzieren.
Bitte warten ..
Ähnliche Inhalte
Vmware
gelöst ESXI 6.5 das leidige Problem mit HTML5 und der Web UI (12)

Frage von zeroblue2005 zum Thema Vmware ...

C und C++
gelöst C sharp WPF MVVM Visibility Binding funktioniert nicht bei UI

Frage von mayho33 zum Thema C und C ...

JavaScript
ProgessCircle in jQuery funktioniert nicht (2)

Frage von Yanmai zum Thema JavaScript ...

Server
Fehler in jQuery (7)

Frage von Yanmai zum Thema Server ...

Neue Wissensbeiträge
Tipps & Tricks

Wie Hackt man sich am besten in ein Computernetzwerk ein

(37)

Erfahrungsbericht von Herbrich19 zum Thema Tipps & Tricks ...

Humor (lol)

Bester Vorschlag eines Supporttechnikers ever: APC

(15)

Erfahrungsbericht von DerWoWusste zum Thema Humor (lol) ...

Heiß diskutierte Inhalte
Webbrowser
Windows 7 unbeliebte Internetseite sperren (15)

Frage von Daoudi1973 zum Thema Webbrowser ...

ISDN & Analoganschlüsse
gelöst Splitter - RJ45 zu RJ11? (13)

Frage von Waishon zum Thema ISDN & Analoganschlüsse ...

LAN, WAN, Wireless
gelöst Suche Firmware Image für Cisco Aironet 1252 (10)

Frage von Herbrich19 zum Thema LAN, WAN, Wireless ...

Netzwerke
VLAN Verständnissproblem (9)

Frage von Dragan123 zum Thema Netzwerke ...