Hi, I'm new to jQuery UI Datepicker and one thing that confuses me is the year format.
When specifying a year, lets say in Java "yyyy" is a four digit integer with the year, like "2012", but in jQuery UI Datepicker "yyyy" when I pick a date it generates "20122012" and "yy" generates "2012".
Hi, Is there a way to make some div resizable without using a theme? I just need the handles as simple as possible (just a plain square). I've tried to make so, but all I can see is the handles all groupped on the left of my resizable div (not in the correct handle position link n,s,e,w) Thanks, Pablo.
Hi, Is there a way to make some div resizable without using a theme? I just need the handles as simple as possible (just a plain square). I've tried to make so, but all I can see is the handles all groupped on the left of my resizable div (not in the correct handle position link n,s,e,w) Thanks, Pablo.
Hi, Sometimes when I resize a resizable div I get this exception on the javascript console: [Exception... "'Syntax error, unrecognized expression: #' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no] Line 0 Any ideas? Thank you, Pablo Pazos Gutierrez http://groups.google.com/group/yuppframeworkphp
Hi all, I'm having problems when I get the css "top" attribute of a Resizable DIV after the resize, I think after the resize jQuery UI sets the Resizable DIV css attribute "position" to "absolute", so I get a big value (209px) when I spect 15px. Here's some code: <html> <body> <h1>title</h1> <h2>sub title</h2> <div id="container"> <div id="zone_1">xxx</div> </div> </body> </html> $(document).ready( function() { alert( $("#zone1").css('top') ); // this must be 0px, because "zone1" is at the top of "container". $("#zone1").resizable( { knobHandles: true, handles: "all", minWidth: 50, minHeight: 50, stop: function(evn, ui) { alert( $(this).css('top') ); // If zone1 is at the top of "container" I spect to have a "top" value of "0px", but I get a lot more. } } ); } ); I try to solve this by subtracting the "offset top" attribute of the "container" to the css attribute "top" of the "zone1", and making it's position "relative" but doesn't work as I spect: $("#zone1").css('top', $("#zone1").css('top') - $("#container").offset ().top ); $("#zone1").css('position', 'relative'); Any ideas? thank you! Cheers, Pablo.
Hi all, I'm very new with jQuery and jQuery UI. What I need to do is to have many "divs" with Draggable and Resizable behaviours, but when I drag some div, the resizable behaviour disapears. This is how I try to do it: I've an empty div <div id="editZones"></div>, and I dinamically create divs inside it by clicking on a button: <input type="button" id="add_zone_button" value="Agregar zona" /> This is the code that handles the button click and create the Draggable and Resizable divs inside the "editZones" div: $(document).ready( function() { $("#add_zone_button").click( function() { //alert("add zone button click"); zoneCount++; newZoneId = "zone_"+zoneCount; // Agrega una nueva div de zone a la div con id "editZones". $("#editZones").append('<div class="newZone" id="'+newZoneId+'">zxcvzxcv</div>'); // La nueva zona es dragable con estos parametros: // http://projects.sevir.org/storage/jQueryD&DSample/d&dsample2.html $("#"+newZoneId).draggable( { zIndex: 1000, containment: 'parent', revert: false, opacity: 0.7, cursor: 'hand', snap: true, snapMode: 'both', snapTolerance: 10, stop: function(evn, ui) { evn.target.innerHTML = "X: "+evn.target.style.top+" Y: "+evn.target.style.left; } } ); // La nueva zona tambien es resizable: // http://docs.jquery.com/UI/Resizable $("#"+newZoneId).resizable( { start: function(evn, ui) { //alert("resize start " + evn.target.offsetWidth + " " + ui); // OK } } ); } ); // add_zone_button } ); Again, the problem is that when I drag one of the dinamically created divs, it loses the Resizable behaviour. Thank you! Cheers, Pablo Pazos Gutierrez http://groups.google.com/group/yuppframeworkphp