jquery-ui

jquery validation with regular expression

I want to validate a field which will allow only "xxxx"[not " " or "xxxx"" or somthing else] with regular expression in Jquery validator ,so what the regular expression would be...plzz suggest. ...

which jquery i can use?

hey guys i want to create one display form in which at the bottom images with some text are display in a sliding format. And when user take mouse pointer onto image that time at the top that image look bigger compare to bottom image.& with image some text also appear with "readmore" button. when you click "readmore" then it redirect to o...

jQuery UI .draggable() and .droppable() swapping siblings on start

I'm in the process of trying to create a series of thumbnail images, each with it's own li, that are .draggable() and .droppable() and rearrange. I have many questions about this and am doing my best to find my own solutions but I've run into an issue. I'd like to have all of the lis set to draggable on $(document).ready. Then, once one...

Is it possible to remove the header part of a Jqgrid

Hello everybody, I would like to know if it's possible to remove the header part of a jqgrid (part with the title of the grid and the expand/collapse button). Not the column header but the whole Grid header. Thanks for your answers. Bertrand ...

Show jQuery slider on HTML page when html request came from computer , hide it when request came from mobile device?

Is there a way to show the slider when a computer access the page and hide it and to instead select display when mobile device (iphone) access throught mobile-safari? ...

jQuery gentle scroll

Hi there - due to the nature of my site, I often have to link to anchors listed within a page, rather than just to the page itself. An example can be found here: http://www.unknowntales.net/chapter/route/choice/#chapter3 What I'm looking for is some jQuery code which I can use to make the page slowly scroll down to the anchor, rather th...

jQuery UI accordion that keeps multiple sections open?

I may be an idiot, but how do you keep multiple sections in jQuery UI's accordion open? The demos all have only one open at a time... I'm looking for a collapseable menu type system. ...

Using jQuery-UI Position utility with show/hide seems to cause random offsets

I'm trying to take advantage of jQuery-UI Position's ability to handle collisions when I popup a little menu if a user clicks a button. Essentially, if they've scrolled somewhere on the screen, and the menu will fit above the button but not below, it automatically "flips" the menu up. This seems to be really easy and super elegant: $(...

JQuery UI, Combining Sortable with Droppable

Hello! I am trying to combine JQuery UI sortable with droppable to create multiple pages for dropping and sorting things. I have setup a standalone demo: http://whit.info/dev/sortdrop/ and here is a jsFiddle: http://jsfiddle.net/VUuyx/ Note that you can drag to sort the boxes, even into other columns. You can also click the page but...

Seeking advice on js library for building a dynamic form generator.

Hi- Today, I'm building a little form generator for my firm. It would ask for someone to Add a Field, choose the field type (text field, checkbox, etc), name it and then add another and another if they want. I'd like to achieve this without having to go server side for each element. In other words, I want to take this opportunity to b...

jQueryUI selectable: multiple selections

I need to create a 7 day calendar on a website, and I was using jQuery UI's "selectable()" function to allow a user to do something like select 7am to 11am on monday. My problem comes from needing multiple categories of selection, i.e. user can select 7am to 11am for category A, AND also make a separate selection of 5pm to 9pm for categ...

jQuery UI Sortable serialize not working!

The notes on UI Sortable 'serialize' says it creates a passable array based on the ID of the sortable list. You're supposed to use an ID with a name and underscore "foo_" and it creates an array -> foo[1], foo[2], etc. However, it does not work. I'm getting a result that looks like this: '[] = foo_1, [] = foo_2, etc. Has anyone else had ...

JQueryUI Accordion not using the height of the parent div when using fillSpace

I am fairly new to using jQuery and the jQueryUI libraries, and am trying to add it to a new site I am creating. However, I am running into problems with the accordion function, where it does not seem to be obeying the height of the parent div when I set a height in CSS and set fillSpace: true. The text for each accordion is much longer ...

How does jquery-ui know how to bind event callbacks supplied as init options?

How does jquery-ui knows to bind callbacks passed as init options? I'm thinking the answer is somewhere in the $.widget.bridge method (ln 71) but I'm not entirely sure what's going on there. An example of what I'm talking about is something like the autocomplete search event. The code example shows that I can bind to 'search' with init ...

Combined total for multiple jQuery-UI Sliders

Hi everyone, I'm trying to implement a page where there are 4 jQuery-UI sliders, and I want to make it so the combined total of all 4 sliders will never go over 400. I don't mind which way this is implemented, it can be from a 0 start, and as soon as you change 1 slider, the remaining available total decreases or setting a slider past ...

how to avoid jQuery UI draggable from also triggering click event

A have a large div (a map) that is draggable via jQuery UI draggable. The div has child divs which are clickable. My problem is that if you drag the map, on mouse up, the click event is fired on whatever child div you started the drag from. How do I stop the mouse up from triggering the click event if its part of a drag (as opposed to ...

jQueryUI sortable,draggable revert event

Hi, I have a problem with jQuqeryUI. I would like to run some code whenever an element is dragged and dropped on an invalid target. As far as I can see, there is no predefined event for this, but I have thought about combining information from following events: over, out, remove and stop, to achieve this. However that might sound like it...

Using html in jQuery UI autocomplete

Before jQuery UI 1.8.4 I could use html in the JSON array I built to work with an autocomplete. I was able to do something like: $row_array['label'] = '<span style="color: red; font-family: courier;">User, Name</span>'; That would show up as red text in the drop down. As of 1.8.4 that does not work. I found http://dev.jqueryui.com/...

What is the best way to provide a default CSS style, that gets overridden by jQuery UI, for No Script scenarios?

For example: I have a pager << 1 2 3 4 5 6 7 8 >> in my page where every navigation element is a normal Html link. For modern browsers with JS enabled, I would like to beautify them with jQuery's .button(). But I would like to have something for NoScript scenario. Obviously I should add some CSS styling for the links, but how do I know t...

jQuery UI working in Firefox, but not in Chrome & Safari?

I'm using jQuery UI, specifically Datepicker and Autocomplete, as follows: <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt; <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> $("#note_date").datepicker({ maxDa...