Tab Width CSS
This is an easy question...(except for me :-) ) How do you set the tab width to a larger than default? I have looked at many lines of CSS for the tab UI but can not come up with the answer. Also, side issue ...I have a photo slideshow that is running only when I change tabs and then come back... Why is that the case?
strange error with droppables
I'm currently trying to implement a drag/droppable selection system, but I'm getting a bug that I can't seem to crush. I have 2 ul lists sitting above and below each other, the first (.snapTo1) with empty li's, the second (draggable1) with the content to be dropped into snapTo to make a full product. When I drag a draggable li onto the corresponding place in snapTo, it acts as if it is going to snap, and when I drop it, a class is added to snapTo, but the draggable disappears. I can fix it, however,
Get the value from a datepicker field
Hi i recently learning jquery but i've to the point where i don't know how to do something that i know how to do like old school javascript. So i'm using a datepicker field and i'm trying to send the value to a db through a button field but it is the format how sends the value. I'm using an alert type to see which value is sending and it is like this: Thu Dec 02 2010 00:00:00 GMT-0600 So how could i give a format to store the value in the correct way for my db like : 12-02-2010? This is my code which
How to drag jQuery Dialog by its body (not by its title bar)
How to drag jQuery Dialog by its body (not by its title bar)
Override dialog default options
Hi. i want to be able to create modal dialogs, with, for ex close: function() { $(this).remove(); }without need to specify those on dialog creation, but somehow override those parameters on one place. Is this possible?
Draggable Issue - Image Overflow in IE7
I'm attempting to make a page that allows panning of a large image inside a smaller div using the mouse. I used the draggable interaction to achieve this effect. Here is a sample of the HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <html> <head> <style> #div1 { border: solid 1px Black;
Disable UI css for tabs only?
Hi, Using the Jquery UI for the calendar picker etc, but its interferring with my tabs look. How do I turn off the jquery ui formatting for some elements, but not others?
Hide the "X" buton of a dialog window
How can I hide the X button of a dialog window, which is in the right-top corner of it?? .. Or in other case ... How can I implement this kind of loading window in my applications??
jQuery UI Slider bug on top and bottom level
The top and bottom step is wrong, and the next to bottom step is the correct one. Example: http://nyheter.sortere.no/knapp/ Slide all the way to the left, and it will say 165. Go one right and it will say 150. The same goes for the top. Why is that? It's weird and unpleasant for users... I've tried with present version, legacy and the 1.4.1rc1
Is it possible to stop a drop event?
i would like to stop a drop if the drop is not "correct". The behavior schould be like an revert. Like this: drop: function() { okay = ajaxtest($(this)); if (okay == false){ Do something that the dragged element will be reverted; } } i`ll be lucky, if someone can help me out. Btw, sorry for my bad english. Greets Tavid
jQueryUI Sortable bug
Hi everyone, I am using jQueryUI sortables however it throws infinite number of errors: "uncaught exception: Syntax error, unrecognized expression: #" on this page http://www.kimburda.com/results.php?name=ali+yilmaz&city=%C4%B0stanbul&ara=Submit+Query Try changing the order of the widgets and you'll start getting errors randomly. Sometimes dropping doesn't work and widgets got stuck at a random position. I have no idea what causes this problem. Thanks in advance.
jQuery dialog with asp:login control in c#
Hi everybody, thanks for reading my post and giving me some time. I would like to put an asp:login in a jquery dialog, thing that i've done but now I would like to treat the button login event but it doesn't work. This is my website : http://onceuponatimejohanna.com/ hopefully after I will be able to do the same for the register dialog. THANKS A LOT and this is my script : $("documemt").ready(function () { var dlg = $('#divMyDialog').dialog({
Draggable gets disabled after dropped
Hi, i'm having a small issue after dropping my draggables in defined zone. Here's all the code to manage draggables and droppables: $(".dragAndDrop").each(function(e){ $(this).draggable({ //stack: {group: '#draggables div.dragAndDrop', min : 1}, snap: '.dropZone', snapMode: 'inner', handle: '.poignee', revert: 'invalid', addClasses: false, start: function(event,
JQuery UI tabs integration Jquery 1.4.1
How do I operate the script below in jquery 1.4 because it is not the focu tab right. Always goes to the last tab. http://jquery.bassistance.de/validate/demo/tabs/
Pictures in the Accordion Header
Hi there, i try to make a Accordion with a Picture (160*100) for each tab. With little country icons it already worked nice, because they fit the header, but now it kills my Accordion. Do you have sugesstions, how to resize the header with CSS that it will fit? I already tried this: .itemAccordion .ui-accordion-header { width: 466px !important; height: 100px !important; } .itemAccordionPicture { float: right; }
bind function not working on a sortable
I'm trying to handle the sort-stop event. I am able to specify the event handler on initialization of the sortable. // This works $("#sortable").sortable({stop: function(e,ui){alert("sort stopped");}}); but I am unable to use the find function to accomplish the same. // This has no affect $('#sortable').bind('sortstop',function(e,u){alert('sortstopped);}); Advice is appreciated.
Tabs and dialogs
I am still somewhat new to jQuery and I am having a problem getting both tabbing and dialogs to work on the same page. I can get either to work, but not both. Part of my problem is that I am not sure which .js and .css files I should be using. Most of the examples I have found are of little use because they do not state which files are needed. So, in order get tabbing and dialogs to function on the same page, which .js and .css files do I need and where do I get them? Thanks for your help.
1.8.1 RC 1 datepicker bug
1.8.1 RC datepicker has a bug with showAnim ; if showAnim is set it never closing , the problem in _showdatePicker method , if showAnim sets, the processPost method not triggering so datepicker open flag not sets.
datepicker
WE HAVE: 1. Datepicker = Arrival Date ---> SETTING TODAY | Var: "datepicker" 2. Datepicker = Departure Date -->SETTING TODAY+1 DAY | Var "datepicker2" PROBLEM: When i change the "ARRIVAL DATE" then the "DEPARTURE DATE" should be +1 automaticly. I'm not getting it working :(. WHAT I DID: --> first i have to get the date test = jQuery("#datepicker").datepicker("getDate"); -->then i set the date to the current date jQuery("#datepicker2").datepicker("setDate" , test); -->then i tried to
Multiple instances of jQuery UI causes Datepicker to error.
BRIEF ISSUE DESCRIPTION: I have multiple instances of the jQuery and jQuery UI libraries running on the same page. I first included the libraries in the <head> of my document. Next, I included the libraries into two separate widgets (ex: My Widget One and My Widget Two). Each included library received a unique name-space. I then placed within the My Widget One html block an input field. This field, when clicked, will launch the jQuery datepicker. However, continued interaction with the datepicker
maxDate is nextday after setting the date in a first datepicker
Hello, i am using this code found in this forum : $('#startsession').datepicker({ minDate : 0, maxDate : '+1D', firstDay : 0, dateFormat: 'yy-mm-dd', buttonImage: '../datepicker/calendar.gif', showOn: 'both', onSelect: function(date) { var daystart = $("#startsession").datepicker("getDate"); daystart.setDate(daystart.getDate()); $("#endsession").datepicker("option","minDate",daystart).datepicker("setdate",
how do you assign a click event the entire header of a dialog
I can get a click event on just the title using $('#ui-dialog-title-divname').click(function(){ }); But can't figure out how to do the whole header
ui datepicker w/validation plugin doesn't get ride of error message
I have a form which validates fine with the jquery validation plugin. I want it also to validate that a date has been entered. If the date field is blanks - it shows (correctly) the error message. If, then, the user clicks in the field and selects a date, the validation error message does not go away. reading around it seems it has to do with focus or blurring? I almost have it working. That is I have it so an error message comes up, user selects a date and then clicks elsewhere the error message
Sortable and clone
I am trying to clone the items of the sortable, but it seems 'clone' variable is not supported in Sortable. What I need is: - Drag and drop items from list to list. - Copy the actual item rather than moving. - Check duplicated items and prevent the dragging. Any hint? Falcon
UI Tabs
Hi everyone, I hate asking this but have been racking my brain over this and not looking for someone to write the code but maybe a point in the right direction. I am a teacher and have been using Elgg and trying to modify it, particularly the messaging. I would like to implement tabs to switch between the inbox, sent and compose but have just spent all day trying unsuccessfully different tutorials and options. Basically the content is loaded through a php file and then displayed though the system.
Problem on ui tabs
hi everyone .... I have a problem using dinamic tabs with ajax (I think it is a concept problem). Here is the test code : 1.- Base page (where tabs are created): .............................. <div id="jdesktop"> <a href="#" onclick="javascript:jQuery('#jdesktoptabs').tabs('add', 'tab1.html', 'Tab 1', 0);">Tab 1</a> <a href="#" onclick="javascript:jQuery('#jdesktoptabs').tabs('add', 'tab2.html', 'Tab 2', 0);">Tab 2</a> <div id="jdesktoptabs"><ul></ul></div> </div> <script type="text/javascript">
Possible jQuery 1.4 and jQuery UI 1.7.2 bug
Hi jQuery team, I posted this to the google group and immediately got an invitation here, so please excuse the cross post. I think I've found a small bug when using jQuery 1.4 with jQuery UI 1.7.2 in the 'open' event of the dialog widget. When I tried to hide an element in the dialog during the 'open' method, it doesn't work when using jQuery 1.4, but it does with jQuery 1.3.2. Explanation and demo of the bug: http://bit.ly/5Hz2u3 Cheers, Shaun
How to highlight / color selected month on datepicker
Hi fellas, I'm using datepicker and want to be able to highlight the month as well as the selected date. So for example I would like it to do the following (see attached). Any ideas? Many thanks in advance.
Slider CSS left-right arrow
Hi, Is it possible to customize the left and the right buttons in the slider? Thanks
Resizable: how original is ui.originalSize?
Hi, A quick question re the ui object passed by Resizable into the "resize" event handler. Every time I use Resizable, I find myself having to manually resize one or more children. To that end, I need to understand by how much the event driver has actually resized. My immediate thought was therefore to calculate: dx= ui.size.width - ui.originalSize.width; dy= ui.size.height - ui.originalSize.height; Obviously, what I understand/want [dx, dy] to be is the change in dimensions over the previous
Datepicker and web accessibility
I need to configure datepicker for visual defect user. The software used to help people is JAWS. Is there any way to modify/configure the plugin to be more reliable with JAWS? Kind regards MAssimo
tabs - syntax question from the new guy.
Hey jQuery Forum, As implied, I'm new to jQuery - be gentle! My question has to do with the use of Tabs. Alongside using jQueryColor, I would like to animate the text color properties of any tab, besides the currently selected tab. That said (and keep in mind, I'm new to this), this is my markup, which is clearly _not_ working. $('ul.mainNavList li a').not('ul.mainNavList li.ui-tabs-selected a').hover( function($e){ $(this).animate({ color:'#000000' }, 150
JQuery UI theme roller not generating images
Hi, I'm trying to roll a jQueryUI theme and I'm having some trouble with it. After I download the theme the css file seems to b mising most of the "Images and States" section and there is no css/images directory. As a result, when I include any jquery widgets they are not styled. I've downloaded several custom jQueryUI themes in the past without issue, so I sort of feel like I know what I'm doing. Is the theme roller broken? Or am I doing something wrong?
.animate two column box drop - top: misaligns
Warning: I'm a jquery nooobie. Please be kind. I'm trying to stack 40 div boxes, in two columns with an animate function. I have no problem doing this by; $(".place2").animate({top: '+675px'}, 1125, 'easeOutBounce'); and then changing the "place2" to the next div number and decrease the top by 25 for every second div. In order to make the coding easier i thought i'd try my hand at a do..while loop. This is where things get funky. I now have this code: $(document).ready(function(){ // Start
Dialog resizes after drag event
I'm using jQuery 1.3.2 and jQuery UI 1.7.2. I create a dialog box with the following: // build the modal dialog var modalContent = $('#modal-content'); modalContent.dialog({ modal: true, width: 740, height:550 }) // navigate to the titlebar .parent().children('.ui-dialog-titlebar') // set its info to the modal header's .html('').append(modalContent.children('.ssModalHeader')) // navigate to the close link .find('.modal-popup-close') // bind to its click event .click(function () { modalContent.dialog('close');
Autocomplete Demos and Docs
So I'm in the unique position of trying to learn jquery by means of using jquery ui widgets. So a few days back I downloaded 1.8rc1 and was working off the demos at http://jqueryui.com/demos/ . At that time the demos for 1.8 were up, but it appears they've disappeared now. No worries I thought, I'll just check out the docs. For the most part this is an acceptable solution, but I've run into a blocker, for me at least. I'm trying to use the autocomplete widget with callback functionality, but
Theme Roller Isn't Bundling Sprites
I tried to use Theme Roller today. I tried some customized colors as well as some defaults and neither include the sprites for the theme. Not sure if this is the proper place to post this, so I'll try here first.
"page loading" spinner or progress bar.
Hi everyone! I was wondering if anyone knew of a tutorial or anything on how to create a "page loading" spinner or progress bar while the page is actually loading. My site looks pretty pathetic as it's loading and none of my jquery ui functions (like tabs) have completed rendering. (my site is php, so it takes a bit to load sometimes) Thanks!
ThemeRoller not working
I've been having a heckuva time with ThemeRoller the past few days. It doesn't matter what browser I use, I get the same issues. I customize a theme without any issues then go to download it. My project requires a CSS scope, so I get that then click on download. I get offered the zip archive just fine, but when I open it up, there are a few issues. For starters, there are no minified versions of the individual JS files. I don't use all the components so obviously don't want to put items in my
[accordion] How to disable a section ?
Hi, I have a jquery accordion on my website and I would like some items to be clikable (with a content section) and some to be only an item, without any link on it. I tried with that syntax, but the accordion has been disable : <h3><a href="#">Section 1</a></h3> <div>Section 1</div> <h3>Section 2</h3> <h3><a href="#">Section 3</a></h3> <div>My nice section content</div> My accordion call is like that : $("#titres_cd").accordion({ autoHeight: false, collapsible: true, active:
Next Page