Submit autocomplete without selecting an option
I am using an autocomplete box to allow my users to search for subdivision names to find their covenants. In some instances, subdivision covenants can be indexed by multiple names in the database because they are, say, a different phase of a build. For example the Greystone Subdivision could be indexed as "Greystone Phase 1", "Greystone Phase 2", "Greystone Annex 1", etc. In a lot of cases, the users don't know which 'Greystone' they fall under or different covenant docs could have been filed
how to add function after dragging image?
Hi all, i am new to jquery. i just created a draggable image. Wow! I am trying to create a jquery cardgame. I can drag and drop a (thumbnail). card to the table. (took me some hours) So after dragging i need to grab the name of the image, replace it for a bigger one and then an ajaxcall to my backend page to update some div's. So my 2 questions are: how do i grab the image name and how do i start the ajaxcall? (backend itself is not a problem for me) My code untill now: <script type="text/javascript">
Datepicker Resizing Problem
I have a jQuery CMS app that has dynamic width depending on window size. I want to use the datepicker widget but I cannot get it to resize whenever the window size changes (parent div is set to 98% width). I can only apply a static width to it, which doesn't work on smaller resolutions (or if someone isn't running the app in a maximized window). Any ideas? Thank you for your time.
jQuery UI droppable
Normally, a droppable function drops "text element" to a droppable div /////////////////////////////example/////////////////////////////////// $("#cart ol").droppable({ activeClass: "ui-state-default", hoverClass: "ui-state-hover", accept: ":not(.ui-sortable-helper)", drop: function(event, ui) { $(this).find(".placeholder").remove(); $("<li></li>").text(ui.draggable.text()).appendTo(this); } }) ///////////////////////////////////////////////////////////////////////////
jQuery MENU & AutoComplete causing conflict
Hello, I am using the jQuiery UI AutoComplete and everything works great. As soon as I started adding in the MENU structure (IE: iPod drill down menu) it causes conflict. I realize that there is still development being done on the project, but has anyone else run into this problem and noticed a fix for it? I really like the menu structure, and not sure which I want to sacrifice if I have to. I would greatly appreciate some heads-up if anyone knows of anything. Cheers.
Hash-Based Navigation with Accordion Panels?
I am using jQuery UI accordion panels, and I want hash-based navigation so that users can bookmark the URL and return to the same section later. That is, if they click on an entry, the URL should change to something like http://host/page.html#entryN, and if they bookmark http://host/page.html#entryN and go to it later, it should go to the page, then open up accordion panel entry N, and scroll down so that entry is visible. I also want to make sure that all accordion sections show up when the user
Styling buttonsets
I am using buttonsets on a form. The Themeroller is great for customising the buttons in terms of colour, background and so on but I would like slightly more control over the look of the bottons. Specifically I would like some space between the buttons and I would like all corners on each botton to be rounded. How can I override the default settings to achieve this?
Problem With jquery on IE
Hello . i've writen a project by jquery and used these codes for loading page : function order(res) { $('#jquery').html('<p><div style="padding-right:160px;background:#000"><img src="ajax-loader.gif" /></div></p>'); $('#jquery').load("order.php?act=see&id="+res); } these codes dont work properly on IE but perfectly on other browser like safari and firefox . so how should i solve this problem ? thanks
Reusing Overlay in Small Section of Page
Trying to conserve css-loading bandwidth. I'm trying to reuse the overlay from jQuery UI for just a small section of the page - say, within a certain div. Can't seem to get the overlay to cover anything but a (semitransparent) blackout of the entire page. Integration CSS help, please!
Multiple UI Dialogs, how to select/disable dialog button.
Scenario: I am creating a User/Group permissions manager for a client. Selecting a group opens a modal dialog to edit the group as well as group memberships. There is button that then opens another modal dialog to select a user/group to add. Thus I have two dialog's stacked, both of which have 'Ok' and 'Cancel' buttons. I would like to disable the 'Ok' button unless something is selected. I can use the following to get all 'Ok' buttons: var test = $(".ui-dialog-buttonpane button:contains('Ok')");
Split Button Woes
I have been attempting to use this: http://view.jqueryui.com/menu/demos/button/splitbutton.html My code is like this ( I adjusted it to loop so I can apply to a button on each row in a table - I hope I did this correctly): $('#sorters td div.domenu').each(function() { $(".rerun") .button() .next() .button( { text: false, icons: { primary: "ui-icon-triangle-1-s" } })
Jquery UI tab with IE7 issue
Hi I am new to jquery. I use <script src="test/lib/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script> <script src="test/lib/jquery-ui-1.8.custom.min.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="ui_tabs/css/jquery-ui-1.7.2.custom.css" type="text/css" media="screen" charset="utf-8"/> and IE7 is giving issues with UI tabs layout on my web app. With other latest to date browsers Safari and FF, the UI tab displays nicely. Where in the jquery
Jquery tabs ajax
I am using jquery tabs to load content via ajax, here is my general mark up. Since I am loading content via ajax I just specify the main div and the ul with the anchors to the resource to load the content via ajax. There is no additional mark up for where the content is loaded into. $j('#tabs').tabs( {spinner:"<img src='/images/loading.gif'/>", ajaxOptions:{error:function(xhr, status,index, anchor){$j(anchor.hash).html("Couldn't load this tab. \n\ We'll try to fix this as soon as possible.");http://forum.jquery.com/using-jquery-ui/newtopic
Combobox UI
Combo UI. Why when introducing a new value in the input field to blur this value disappears
How to replace existing image source with new one?
I have a case where i need to replace the existing css with new css. Please help me in using jQuery for the following need to write jQuery for the following scenario: ************** if 'src' of the 'Class XYZ' contains "word1" then replace it(src) with "\image1.gif" if 'src' of the 'Class XYZ' contains "word2" then replace it(src) with "\image2.gif" **************
Tabs widget error in IE8: getElementsByTagName is not a function
Version of jQuery: 1.3.2 I'm a js noob, way over my head. Please be kind! The global .js for our site contains this statement: document.getElementsByClassName = function(className, parentElement) {
var children = ($(parentElement) || document.body).getElementsByTagName('*');
return $A(children).inject([], function(elements, child) {
if (child.className.match(new RegExp("(^|\\s)" + className + "(\\s|$)")))
elements.push(child);
return elements;
});
}
The Tabs widget works fine
[UI Accordion] 2nd click on the head opens a new site?
hey, i'm new in this forum! i'm using the accordion function (jquery-ui-1.8rc3). This works fine. But now i want something special :-) When i click on hthe header for the first time, the header gets the class "ui-state-active" and the content slides down. Now when i click the header for the second time, it should open a new site. my current approach $('.menu li a').click( function() { if($(this).hasClass('ui-state-active')){ alert("do something!"); } }); but this opens the alert window
How can i animate scroll of div tag?
Hi, I am new to jquery, any one to help me please? I need to animate scroll of my div tag
[Développement] Multiplayers game with jQuery / Jeu multijoueur avec jQuery
[English version] [Go to the code] Bonjour à tous, Je travail actuellement sur un module de jeu en ligne multijoueur par navigateur utilisant jQuery, vous pouvez voir le concept du jeu et son état d'avancement ici, il est fonctionnel : http://alineo.be/jeux/ Mais j'ai toutefois besoin de votre aide car je n'arrive pas à dompter une des fonction "timer" everyTime(); malgré toutes les heures de recherche dans des tutoriels. En effet pour le moment le rafraîchissement du div "jeux" avec jQ se fait toutes
jQuery UI Modal Dialog with Buttons inside. Issue with IE7.
So I am calling my dialog by: $edit.dialog({ modal: true, autoOpen: false, position: ['center','top'], height: 800, width: 1000, minHeight: 300, minWidth: 300 }); and my buttons by: $('.toolbar_button').button(); Everything is fine in FF3, but in IE7, when scrolling the dialog box, the buttons disappear and/or stay anchored and follow the scrolling. This is due to the "position: relative" css property that is given to it by calling
Problem with dynamically adding a tab to nested tabs
I'm having difficulty in dynamically adding a tab to a nested set of tabs. I have included 3 files to illustrate what I'm attempting: outer.html : this is an outer set of tabs. In the real system, the contents of the tabs are loaded asynchronously and are not known ahead of time. inner.html : this is another page that has tabs in it. Note that the contents of this would be dynamically generated, so the fact that it contains tabs (or does not contain them) isn't known when the real code is called.
Position of the autocomplete suggest box
Hey, I am new to jQuery and very proud to get the autocomplete widget runnig on my site. My problem is now: I don't know how I can position the suggestion box. As you can see, the box need an offset of one Pixel to the left. I play around with position and offset, but I don't get it. So maybe someone could point me in the right direction. Thanks in advance. Stefano
jQuery UI 1.8.4 Released
The fourth maintenance release for jQuery UI 1.8 is out. This update brings bug fixes for the Droppable, Resizable, Selectable and Sortable interactions as well as the Accordion, Autocomplete, Button, Datepicker Dialog, Progressbar, Slider and Tabs widgets. jQuery UI 1.8.3 was released a few days prior to 1.8.4, but there was a problem with the build system that caused some of the files to not contain any copyright information. If you noticed the 1.8.3 release and upgraded, please upgrade to 1.8.4.
Changelog and notice about new releases (1.8.3, 1.8.4)
I just saw that version 1.8.4 is the latest stable download but I haven't heard or seen any posts about what the changes are (or what the changes were in 1.8.3). Anyone that can fill me in?
Jquery Tabs issue
Hi there I`ve installed a Jquery slider within my website, but id doesn`t work if any of the elements in it has an ID or a CLASS attached to it. Is there any solutions for this? Thanks in advance
Problem with saving tab in cookie in jQuery tabs
Problem with saving tab in cookie in jQuery tabs
MAkeing the Drag n' drop function go to a URL?
Hello Support im wondering if its possbile on this exampel: www.lkrieger.com/folio10 im useing follwoing script for drag and dropping: $(function() { $("#draggable1").draggable(); $("#dropZone").droppable({ drop: function(event, ui) { $(this).addClass('ui-state-highlight').find('p').html('Dropped!'); } }); $("#draggable2").draggable(); $("#droppable2").droppable({ accept: "#draggable2",
UI Theme font size
I'm working with a UI theme and can't determine how the font sizes are set. I've created a button, but the font size is quite large. I've changed my site css file to have body {font-size: 62.5%;} as per an earlier post I read, and have removed all the other possible inheirited font-size tags. Checked in FireBug and there isn't a font size showing that would affect the button (or the accordion headers). Can someone give some guidance on what is setting the font sizes for accordion headers and button
Draggable + sortable with "clone" helper, how to modify the dragged item on "receive" event.
Hi, I'm using draggable + sortable combination as following: $(".sortable").sortable({ revert: true, receive: function (data, ui) { //$(ui.item).html('new'); } }); $('.page-item').draggable( { connectToSortable: '.sortable', helper: 'clone', revert: 'invalid', });The problem is, that [i]ui.item[/i] in "receive" points to the "original" item, while I need an access to the one which has been just dragged.
No overlay, just white div with 'False' when using modal dialog in ie6
Hi Everyone. I'm using the modal dialog within ie6 for an intranet application. When the dialog opens, instead of getting the expected translucent overlay, I get a white div with 'False' in the top left corner. I've attached a screenshot showing the problem. The code I am using to generate the dialog is as follows: dialog = $("#dialog").dialog( { bgiframe: true, autoOpen: false, closeOnEscape: true, height: 500, width: 400, modal: true }); Many thanks, EndProcess
tab header height enlarged inside liquid css layout Firefox 3.6.8
I am developing a website that has three columns in a liquid layout. I've used jQuery tabs on other pages with great success, so I know how to set them up. This is the first time I've tried them in a liquid CSS layout. Here is the CSS for the three columns: #left_side { float: left; } #right_side { float: right; } #left_side, #right_side { margin-top: 10px; width: 25%; } #content { margin-top: 20px; margin-bottom: 0px; margin-left:27%; margin-right:27%; } The tab set markup is placed
JQuery tab issue - Tab bar taller then tabs (Solved)
Today is my first attempt at using Jquery... and so far it freackin rocks. I'm using the tab ui and having an issue though. The tab bar is about twice the size of the tabas. Any Ideas on what I might do? **Note: I have attached a screen shot so you can see what I'm talking about I'm using very basic code: <script type="text/javascript"> $(function() { $("#tabs").tabs(); }); </script> <div id="tabs"> <ul> <li><a href="#tabs-1"><span>Traffic & Visits</a></span></li>
Using Sortable With Different Options
So I'm trying to give a delay in dragging to a single element in my sortable <ul>. I tried this code: $('.env-icondragdrop').sortable({ connectWith: '.env-icondragdrop', items: '> *:not(#topSpacer)' }); $('.env-icondragdrop').sortable({ connectWith: '.env-icondragdrop', items: '> #topSpacer', delay: 2500 }); But it seems like I can't call sortable twice on something to target different items. How can I get a delay on just #topSpacer? -Zane Kaminski
jQuery UI Selectmenu question
I am using jQuery UI Selectmenu. I am not sure if this plugin is an "official" UI plugin and belongs here, but hope it does. I have a table with multiple rows, and a select menu in each row. Upon change of the select menu, I store some info in the DB. As such, I want to prompt the user to confirm that the change should be made, and if not, revert to the original select menu status. My plan was to use a click event to always store the original select value. $('.className').click(function() { select_cache=$(this).val();
Autocomplete result box placement
Reading the documentation I've found that autocomplete uses a UL followed by LIs as skeleton to the autocomplete box, with some CSS for rendering it right. I've seen too that this UL is inserted in the end of the document, is it possible to move that UL to inside a DIV ? I don't want that UL over there, how can I make it a child of a DIV ? thx Anderson Fortaleza
Auto Complete help needed
I working with asp.net 2.0 and I am using JQuery autocomplete in application which is getting data from database through webservice. But I have problem that as the data is more than 2000 rows autocomplete throws an error message Maximum length exceeded. So for testing purpose I try with small amount of data and it start working. So now I think I should use Like Query in my webservice and only return top 10 data only. So what i need do is that whatever i type in textbox it should go to webservice
draggable and new table
Hi, i have ui draggable function in my site. When i add more tables in the page then new tables don't recognise (don't work). (If I insert only one new field is still not working) My function: $(document).ready(function(){ $("#Text").click(function() { $('<div class = "draggable"><div>Text text</div>').appendTo($('#new_table')); }); });
Pb:jQueryUI:Buttons: Double click on Checkbox with Firefox
Hello, Try to double click on Shuffle on this page: http://jqueryui.com/demos/button/#toolbar With Chrome it works correctly , but with firefox the button is displayed as checked whereas it is unchecked (click one more time to see that the current display was incorrect). Could you please fix? Best regards, Sebastien
jQuery UI Tabs select event return false
I'm having issues with jquery ui tabs and i can't recreate the problem. does anyone know why this would happen? $('#tabs').tabs({ select: function(event,ui) { if (ui.panel.id == 'submit_error_list') { $('#error_list_submit').click(); return false; } } }); i have 2 tabs. one tab has information, and the other tab is empty. the idea here is that the number of tabs is dynamic, and the last tab is always a submit button. when the user clicks on the last tab, i call the click event on a submit button
JQUI Datepicker and Ajax Tabs Script
http://www.dynamicdrive.com/dynamici...tent/index.htm Hi - Hope someone can help me with this: I am using a Ajax tabs script (above) along with Jquery UI datepicker widget. Everything works fine but when I move between tabs the datepicker widget disappears (doesn't work). Is the main div getting deleted or removed when I move between tabs etc.? Many thanks.
Next Page