looj - get value of settings.jsonContainer
Hi, I downloaded loopj's jQuery Plugin: Tokenizing Autocomplete Text Entry from http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry. An excellent plugin that I had no problems modifying to my likings except for grabbing the value from the input text field. The setup instructions say to use settings.jsonContainer to grab the results but being new to json I am not sure how to go about this. Thanks, Carl --
Jquery UI Tabs FX only working in one direction
Hi Guys Just a quick one. I have a site that features a Jquery UI Tab widget within one section of an Accordion. I am having a problem with the effects on this Tab only working when navigating backwards in the list (i.e. going tab 3, tab 2, tab 1). When I run forwards through the list of tabs, the effect does not work and it just jumps between the tabs like no effect is specified. The tabs can be found here: http://www.fuzzcube.co.uk/new_test/#content=2 Also, my site uses the Jquery BBQ plugin to
No documentation on Datepicker i18n?
Hello. I've have been trying to localize my datepicker to Swedish. I looked in the docs but there appears to be no documentation on it, just an example which I can't get to work. The rest of the documentation is excellent so it's abit strange that almost nothing is written about how to localize the datepicker. The documentation needs to explain where to put the i18n folder if it's needed. Right now that folder is in the development bundle, ideally that folder should be in js-folder as well since
Decoupling event and action in jQuery UI Tabs / Accordion
So, I'm looking for a generalized method of decoupling event and action in the current 1.7.2 jQuery UI Tabs and Accordion widgets. What do I mean by "decoupling event and action" ? First, let me say that I may have the terminology wrong. Please correct me if there is a better way to describe what I'm trying to do! Anyways.. by default, when you click a tab or accordion header, the content is immediately changed to the new content. The event is the "click" and the action is the "showing content".
Hide empty tabs automatically
Hi there, I have just recently explored JQuery and successfully implemented the UI tabs on my site. I figured out how to hide the tabs, BUT I couldn't find a solution to hide a tab when it's empty without having to hard code it in. I think I need to use a conditional statement, but I'm not sure how to go about it. Am I on the right track? Any help is appreciated. Thanks! --
jqDialog and IE6 problem
On another post I discussed how I am usig jqDialog and it works great if Firefox. But when I opened the page in IE6 on Win/XP I got the following error: Runtime Error Line: 127 Error: Expected identifier, string or number I am too new to jQuery and JavaScript to understand what need to be fixed. I downloaded Version 1.2.1 from the plugin site. My code is as follows: <link href="CSS/AppCSS/jqdialog.css" rel="stylesheet" type="text/ css" /> <script src="JavaScript/jquery-1.3.2.js" type="text/javascript"></
Absolute positioning of Dialog
Hi all, I have a dialog for a 320ox web page that displays outside the "viewport" (requires the viewer to drag the screen to see it). I have added the line $('#mydialog'). dialog('option', 'position', 'left') But it still shows up to the right of the screen. I should mention this only happens when viewed in the android browser (but that's the only place this sop will be used). function show_dialog(title, content) { $("#mydialog").html(content); $('#mydialog').dialog('option', 'title', title); $("#mydialog").dialog(
Disable DatePicker icon trigger when date textbox is disabled
In my .Net web application, I'm using a jQuery DatePicker with an icon trigger like this: $('#" & wsDateBox.ClientID & "').datepicker({showOn: 'button', buttonImage: '" & ResolveClientUrl("~/wsUserControls/images/ icon_16x_calendar.gif") & "', buttonImageOnly: true, onSelect: function () {}, changeMonth: true, changeYear: true}); Sometimes the textbox is disabled, and then I want the icon trigger, and thus the DatePicker, to be disabled as well so the DatePicker can't be launched. How do I accomplish
Modal Confirmation Box
I know this has been discussed/requested many times but I have not seen a solution posted. I love the look and simplicity of the JQuery Modal Dialog documented here http://plugins.jquery.com/project/modaldialog and I have seen many posts asking how to add Yes/No OK/Cancel buttons. I have also seen the suggested code to add the buttons but do not see how the response is passed back to the page etc. I am probably being thick headed but can someone provide a sample site and code that provides this functionality.
Show.slide help
http://takeyourbase.com Here is my code: $("img#down").show("slide", { direction: "up" }, 1000, function() { $("img#up").show("slide", {direction: "down" }, 1000, function() { $("#nav").slideDown(2000) }) }); Not sure why this is happening. I'm pretty new to jQuery. Can anyone provide some insight? ~switz --
Tabs not showing the right content after clicking various tabs fastly
Hi, I have Jquery tabs that load content from different pages... it work well but as the tabs take some time to load, they become buggy if one clic fastly on many tabs... the content of the last tab clicked or the content of the last 2 or 3 tabs is showed when selecting a tab instead of the right content... Any idea how to solve this? Thanks a lot Etienne --
Accordion Header
Is there a standard way to add elements to the header of an accordion section where one of those has the event for expanding, while the others (buttons, etc.) will not trigger it? Thanks, RS --
Embedded sortable items acting silly in IE
Hey, I just started experimenting with jQuery today and I think it's pretty nifty. That being said I've come across some difficulties with sortable items that are embedded one into another. The two lists behave perfectly in firefox but in IE it seems like grabbing a child component also grabs its parent container. Here's is a link to the page with the code: http://virtuo.ca/vm/ClientCentral/SchoolShareCMS/test.php (don't mind the ugliness of my CSS, it's strictly functional right now haha :)) To
Removing white-space padding inside tab pages
I'm using the standard jQuery UI tab object, and within tab pages there is a rather thick border of white space on all 4 sides of my tab page content. I would like to make my content butt up against the sides of the tab. Any tips on how to get rid of it? Thanks! --
pb with altFormat on datepicker
i have a problem with datepicker when i use this code $('input').live("mouseover", function() { //alert ('yo'); //tous les input avec la classe deviennet des calendar if ($(this).hasClass('datepicker')) { $(this).datepicker({ showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true, numberOfMonths: 2, showButtonPanel: true, altFormat: 'yy-mm-dd' }); $(this).datepicker('option', 'altFormat', 'yy- mm-dd'); alert ($(this).datepicker('option', 'altFormat')); } }); the alert return
jQuery.ui.autocomplete.js; inegration with Classic ASP
I'm trying to put together an example of jQuery autocomplete for testing. When I get the code working, I will be more than happy to provide my sample with detailed explainations to the forum. My code is posted at: http://www.trirand.com/blog/?page_id=393/help/lookup-off-of-an-add-or-edit-field-cell Once I get this working, where would be a good place to post the explaination? Thanks, -David --
[TABS] Is there any way to pass variable to the server using tabs?
I figured it out (calendar-date-container contains the Unix timestamp of that day at midnight): $(".calendar-date-container").click(function() { var url = 'day.php?t=' + this.id; $('#tabs').tabs('url', 2, url); $('#tabs').tabs('select', 2); return false; }); --
Visual Studio 2008 - Intellisense stops working after adding in jQueryUI
I have downloaded and have been using the visual studio intellisense enabled version of jQuery (as show below): <script src="jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> In my ASP.NET web site project, intellisense works great if this is the only jQuery library included. Once I add in the jQueryUI library (as shown below), Intellisense goes bye-bye. <script src="jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></
New to jQuery
you have mentioned how to use maxDate and minDate but i want to complete working demo. I have followed all steps mentioned by you bt not working for me so plz help me --
can dialog us radio buttons
is there a way to make the buttons of dialog into radio buttons ? Mean Mike --
Dialog + Datepicker focus - (not z-index)
Hi, I am loading the dialog using a ajax request. The dialog appears but I focusing the input don't work, the calendar appears when I manually use the console: $('#dateValue').focus() What am I doing wrong? Thanks! HTML ajax reply: <script type="text/javascript"> jQuery('#dateDialog').dialog({ modal: true, autoOpen: false, // don't work with true either bgiframe:false }); </script> <style type="text/css"> .ui-datepicker { z-index: 9003; /* must be > than popup editor (1002) */ } </style> <div id='dateDialog'>
get sender id for droppable items
Hi Guys, couple of questions regarding jquery sortable lists. 1> Say i have 2 'sortable' lists feeding off each other, how can i limit the number of items that can be added to either list? basically when a list has reached 5 items i would like no more to be able to be dropped onto it. i would also like items to still be able to be removed from it though. My first attempt was to intercept the drop function and 'return false;' if the parent list had 5 items. that doesnt seem to work, it still drops
Tabs not showing correctly when selecting various tabs fastly
Hi, I have JQuery tabs that load different web page content and it work nicely.... the problem is that sometime the tab take some time to load and if the user click to others tabs during this time the tabs become buggy... they begin to show the wrong tab content when selecting (for example the content of the last selected tab or the other before...)... I have remarked that the ui.index of the tabsshow event is showing the wrong index if I compare it to the tabsselect event ui.index when the tabs
this.options.source is undefined
I've resolved that the option this.options.source is not getting defined. I'm going to assume that my calling function is wrong. Any thoughts? Thanks, David function auto_complete(id){ jQuery("#"+id+"TimeCode_ID","#list").autocomplete({ //$("#TimeCode_ID").autocomplete({ cache: {limit: 15}, source: function(request, response) { $.ajax({ dataType: "JSON", url:"./JSON/labortype.JSON.asp", data: { style: "full", maxRows: 15, name_startsWith: request.term }, success: function(data) { response($.map(data.LaborType_ID,
JQuery tab and dequeue problem
When I toggle the tabs on jquery, the toggle seems to be little bit lagging. - takes about 2 seconds to view the content after click tab, and the toggle continues if I click each tab fast enough and follows even after last click of tab(for example, if I click tab a, b, c, a, b, c, in one second, I see the tab toggles - I think it should simply kill the queue, and display the last clicked tab). I have relatively big dom in each tab content, but if I change them to generic way of toggling using basic
What is wrong with this dialog code?
$(function() { $('a.writemsg').click(function() { var uid = $(this).attr('id'); //console.log(uid); $('dialog_'+uid).dialog({ autoOpen: false, show: 'blind', hide: 'fold', width: 300, height: 300, modal: true, buttons: { 'Send message': function() { var bValid = true; bValid = bValid && checkLength(note,"note",3,255); if (bValid) { console.log(bValid);
draggable + droppable problem when overflow:auto; desperate! pls
Heya folks! {alert}newbie to jQuery!{/alert} =) I've got the structure below that works fine when not using overflow:auto; however, as my listing space is pretty small, and there are several items to be listed, I therefore need some sort of scroll. Any ideas on what Am I doing wrong ? Best my code with overflow: http://gordo.sqweebs.com/dummy04.html without overflow: http://gordo.sqweebs.com/dummy05.html [CODE] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Drop target is text area--how do I place the cursor?
Sorry for the cross posting! I thought that I was in the right newsgroup before. To recap: I need to be able to drag and drop text from a <select> to a <textarea>. Anyone have any ideas on this? Anyone done this before? Thanks in advance, Winona --
New to jQuery
Please tell give me complete working demo of restricted date in date picker. I have followed the steps as u mentioned but not working for me.. Please help me --
item with highest zIndex move on dragging the mouse
I have registered jquery-ui sortable on divs containing two parallel divs. On drag, the divs with higher zIndex are dragged with connected divs. Is there any way to resolve this issue --
Datepicker not working on Chrome??
Hi, I just downloaded jquery-ui-1.7.2 and trying to use the datepicker. It works well in firefox but when I test it using chrome, it is not showing the calendar. Please advice... --
how to not show the page until is fully loaded?
hi guys! i use some of jquery ui widgets inside my page, like accordion and tabs, but until the page isn't fully loaded i've got just a lot of divs misplaced.. there is a way to "hide" the content until is fully loaded with widgtes already working? thank you for patience and help. --
Datepicker CSS problem
I"m using datepicker within Wordpress. The js works correctly and the value is put in the form field, however I've selected the Redmond theme (which is blue) and instead I get green for the pop up. Here is the code I am using: <!-- datepicker code --> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/ jqueryui/1.7.2/themes/redmond/jquery-ui.css" type="text/css" /> <script type="text/javascript" src="http://beta.citycentric.com/wp- content/jquery-ui/js/jquery-1.3.2.min.js"></script>
Multiple instances of a calendar example
Does anyone have a page with 2-3 calendars active? I'm trying to have4 calendar date pickers on a page and am running into a naming issue. If anyone has a page with only a few calendars present, that would be the easiest way to learn. Nothing else on the page so I can see the bare- bones would work the best. Since I am new to jQuery, anything else might hinder the learning process. You have my thanks. --
Cloned helper far away from cursor in IE
Hi, I have created a draggable with a helper that displays a text (helper: function(event) {}). In Firefox and Opera, the text is placed where I want it (cursorAt: { top: -12, left: -20 }), but in IE (8) it is far away from the cursor. It seems like the calculation of the draggable's position produces wrong figures, because the div lives in a table cell. I think the behaviour is the same in earlier versions of IE. I have a test site for JQuery: -server: http://dev.secureoffice.net?site=JQUERYUI -
Tabs, ui.panel and HTMLDivElement,
Hi, In every event fired for tabs there is ui.panel which is HTMLDivElement object. How to get some more data from that object? I mean real div ID.... regards, Piotr
Slider: include a range that is not selectable?
Hi! I'm currently trying the slider. I would like to have a range from 0 to 100 for the slider but only 10 to 100 is possible to select. Is there any way to do this? Can't find any options for it. Thanks N --
Dialog Show and Hide Effects
Hi, I wish to put effects upon showing and hiding of dialog but the code below doesn't seems to work. (some codes were omitted for brevity). $("#dialog").dialog( {autoOpen:false, modal:true, show:"slow"} ); $("#dialog").dialog("open"); Is there any better solution/implementation for this? Thanks. --
Jquery ui dialog close button
Hi, <div> </div><div>Is there any way to remove the 'X' button of the jquery dialog and replace it with red color close button</div><div> </div><div>Regards</div><div>Anitha</div><div> </div> --
Pageunload event when using frame dialog
Hi,<div> I am using the frame dialog pluggin of jquery ui. </div><div> </div><div>Now if i load a page using the frame dialog and i click on the close window button, the page unload event does not fire.</div><div> </div><div>Is there any work around so that the event can be fired?</div> <div> </div><div>Regards</div><div>Anitha</div><div> </div> --
Next Page