jquery-ui

In jQuery, if I add a resizable feature to a div, why does it add a weird style to it and how do i fix it?

Hi, I have a click function setup to make a div resizable. When I click on the div, the style has white lines and is all spaced out, I am guessing it might have something to do with the jquery ui css file? How would i go about styling it? Example: http://www.fissiondesigns.com/simon/ try clicking on one of the boxes on the image. Than...

In jQuery, how do you destroy resizable() feature after your completely finish resizing?

I have a application when you click on a div it starts a resizable function on the div, but when I click off of it, or click on another div how can i destroy it? I don't think the stop: function(){} will quite do it because it will destroy it after one resize. Any ideas? I have an example here: http://www.fissiondesigns.com/simon/ Yo...

fields_for and jQuery accordion compatibility

I'm actually just copying an old question from railsforum as he asked it back in May '09 and the only reply is the authors own inelegant fix. I wondered if anybody knows of a better way? Otherwise I'm going to end up using javascript to move the hidden field about as he has. Here's the original question: Hi there! Grateful ...

Making a Multiple Select Control Sortable

Does anyone know how to make a multiple select (see below HTML) sortable? Using either jQuery or Ext JS? By sortable, I mean that I can drag an item (an option) up or down to reposition it in the select control. <select id="testing" multiple=multiple> <option>First Option</option> <option>Second Option</option> <option>Thi...

jQuery UI Modal Dialog only centered on SECOND load (content from external file)?

The file I'm loading into the modal dialog can vary in height. When the first link is opened, the top of the dialog is centered horizontally (meaning the dialog is positioned too low). After I close this and reopen again, with either the same edit button or a different one, the positioning is better. It seems like it's always one step b...

Way to override where jQuery-UI dialog places things in markup?

I am trying to get a simple jQuery UI dialog to work in an ASP.Net project. I have some buttons inside the dialog's <div>, but they weren't posting back. Upon closer inspection, for whatever reason when making the <div> a panel it moves it in the DOM so that it is the last tag before </body>. This would all be fine and dandy except for i...

jquery UI dialog and button refresh

well i'm back... i'm trying to make jquery UI's button and dialog plugins work with my form. i want the reset button <button id="opener" value="reset" type="submit">Reset</button> to pull up a confirmation dialog, which it does. cancel should dismiss dialog and set the button back to its original state. it dismisses fine but the bu...

In jQuery, how do you remove all the divs pertaining to a certain class INSIDE a certain div class?

If I have a div that contains other divs, how do I make it so I remove all the divs inside the original div? That might have been confusing, heres a code example: <div class="test"><div class="delete"></div></div> <div class="delete"></div> How do I remove the 'delete' div thats INSIDE the 'test' div ONLY and still keep the one outsi...

jQuery UI + Tabs + Google Maps

So I know this is a common question, and yet I feel I have exhausted all the standard items out there. I too have a problem with a jQuery Tab and a Google Map (2) inside a div. I have implemented the position absolute + -10000px option. I have implemented the $().bind('tabshow').... resizeMap(); I have had zero success with this issue...

In jQuery, how do you get a div's width in the 'stop' function of resizable?

I have this code, and I cant seem to get the width to come out right after I resize the div. this.area = $('<div class="dynamic-pinpoint-area"><div id="inner"></div></div>'); var area= this.area; this.area.click(function(event) { event.stopPropagation(); area.css('border', '1px dashed #000000'); area.childre...

Are the jQuery UI language files hosted on Google's CDN?

Do Google host the language files for jQuery UI or do I need host them myself? If they do, is there a way to include them like this: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script> ...

jQuery UI Modal Dialog Stripe Issue

I have this extremely basic jQuery UI Modal Dialog that I wrote for testing here. Unless I am missing something I cannot figure out why their is that grey strip across the middle of the page. I am trying to manipulate the modal background color and opacity as well as seen in the CSS markup. ...

Child node shows twice while Drag

In ASP.net TreeView control, I had used jquery for dragging a node and display dragged node text when dropped. I wanted to drag the node, while that node should not be moved from TreeView. So I had passed "helper:'clone'" as argument through "draggable()". I got the result by not moving the node. But while dragging, the node text is bein...

not able to select added rows in a table JQuery

Hi, i'm adding rows to table dynamically, but the problem is i'm not able to select or activate when i click on the added rows, bellow is my code. same code is working for static rows. $('.dataGrid tr').bind('click', function(){ $('.dataGrid tr').removeClass('active'); $(this).addClass('active'); }); $('').appe...

jQuery UI Autcomplete - hyperlink results

By default the jQuery U Autocomplete produces a list of results, upon clicking on a result it will populate the text field with the clicked result text. I would like to change this behaviour, so that when clicking on a result it will take you to that result's page. To generate the hyperlink I can pass in the ID of the result. I'm using...

Is it possible to simulate button clicks or specify default OK & Cancel action handlers in jQuery UI Dialog?

Hi. I'm face to face with this issue, and I don't know how I can resolve it. I found some similar solutions here but none of them is what I need. Let's say, I have some code that makes a simple wrapper around one-button jQuery UI dialogs. In this case all is simple: $parent.keypress(function(e) { switch ( e.keyCode ) { case 13:...

datepicker in php

Hi all, I am using the jquery datepicker and I formated my date as "yy-mm-dd" and from PHP my date format is "Y-m-d". I did an alert and viewed the selected date in the "onSelect" event for the datepicker. Within this event I am using ajax via the jquery "load" function to load content into a div. My problem is very odd behavior! For som...

jQuery UI Dialog does not display after page scrolled in Firefox

I have a link: <a class="fg-button ui-state-default fg-button-icon-left assistButton" pbcType="download" title="Click for download information"><span class="ui-icon ui-icon-document"></span>File</a> And I have some jQuery: $(".assistButton").click(function(){ $('#dialog').css('color', '#000000'); $("#dialog").dialog({...

Jquery Dialog box within php grid

Hi, I'm trying to use jquery dialogbox for each returned records from the mysql query. But when only the first one works and the rest do nothing. Is it possible to use the dialog box for each record and let's say to bring up their details for editing? Many thanks in advance. ...

How to make an entire jqGrid disabled/readonly

How can I make an entire jqGrid disabled/readonly? I have a page with a logical "edit section" which I show when the user selects something to edit, and hide when the user is done editing (save or cancel). While the edit section is shown, I disable several other elements on the page. I would like to disable their ability to click in t...