No click event on a new added object
Hi, I need your help guys, I'm using ui tabs, layout and treeview plugin in my page. I have a tree in a west pane of a layout within a tab, my problem is when I add a new tab and try to click in a branche of my tree nothing happens, even a simple "console.log" in the click event is not executed, it seems like the objects of the new tab are not detected or something, cause the default tabs of the page are working fine Please help me, I don't know what to do anymore Best Regards,
Issue overlaying jquery-ui dialog on flash player under windows
Hi to all! I developed a flex admin panel and I encountered the following issue: The flex panel must open through a javascript call an overlay div ( thrugh jquery-ui dialog plugin) with ckeditor inside. The overlay must open just on the top of the flex panel(which cover the whole page) just like a pop-up would, but with the advantage the the "pop-up" is inside the html page and I can keep the communication and data exchange with flex (...cool!! ) Under Mac it works perfectly on Firefox,Safari,Chrome
Modal Dialog IE onclick problem
Hi, There is a problem with the new jQueryUI 1.8.1 & jQuery 1.4.2 releases regarding the Dialog widget. The problem occurs when I have an onclick event on a link and also a href. This only happens in Internet Explorer and only when the dialog is modal! e.g. <a id="testLink2" href="javascript:alert('href javascript');" onclick="alert('onclick event');return false;">Test Link 2</a>The onclick event is fired correctly (first), however, the href is also fired afterwards (even though I have a return false;).
Autocomplete UI doesn't work with PHP file
Hello everybody, It will be great if you give me an idea why this simple autocomplete code doesn't work. Here is the html portion; --------------------------------------------------------------------------- <html> <head> <link rel="stylesheet" type="text/css" href="development-bundle/themes/redmond/jquery-ui-1.8.5.custom.css"> <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"> <script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
Autocomplete question?
I am using this code but I need to customize it so that it does not append results into a span or the div I just want text straight into the messageTo field. Can anyone help me with this? $(function(){ //attach autocomplete $("#messageTo").autocomplete({ //define callback to format results source: function(req, add){ //pass request to server $.getJSON("friends.php?callback=?", req, function(data) { //create array for response objects var suggestions = []; //process response $.each(data, function(i,
http://docs.jquery.com/UI/Tooltip ## code in the documentation does not work
Hi there, I come from a different Javascript framework and I just wanted to try out jquery. Unfortunately I find it very hard. Since I want to leave the emotions out I directly jump to the problem I have (I assume you want to hear it). I want to use a tooltip so I find the documentation (UI/API/1.9/Tooltip). This release is not even available but it try it anyway since at least the first sample works (it uses 1.8). I scroll down the documentation and I find the following: Code examples Initialize
Attach modal dialog submit handlers to multiple forms
I'd like to attach submit handlers involving the modal dialog widget to all forms on a page (which I have achieved), and have it submit the form depending on whether the user submits or cancels the action (which I hope to achieve with your help). My idea is that I do not need to explicitly refer to the form to be submitted by some #identifier, but instead may refer to the correct form dynamically from the event or this arguments. But I'm not sure this is really possible as this is my first attempt
Problem using datepicker('dialog')
Hello, I'm trying to use the 'dialog' method of datepicker. I want to display a datepicker that is not linked to an <input> element. Instead, I want it to be displayed when a user clicks on a link. Here is my code : <a href="#" id="myLink">foo</a> <script> $('#myLink').click(function() { $(this).datepicker('dialog'); } </script>When the user clicks the link, the datepicker is displayed but it has a z-index of '-9' causing it to be displayed behind the other page elements. I tryied to force a
[draggable] Update containment while dragging
I try to describe my problem as simple as possible: I do have two bars, both at the same distance from top and both horizontally moveable. Since both have a fixed containment they might overlap while dragging. How could I prevent this? I couldn't find a way to re-calculate the containment without a display error ( the bar suddenly disappears ). Any suggestions from the pros?
get id value from custom formatter using jquery grid
Hi, I have a table with two columns. First column is represents ID and the second column is used for a description. I would like to have a href link from both fields. <sjg:gridColumn name="id" index="id" formatter="formatLink"> <sjg:gridColumn name="description" index="description" formatter="formatLink"> I am using javascript function for custom formatter. function formatLink(cellvalue, options, rowObject) { return "<a href='myEdit.action?id="+cellvalue +"'>"+cellvalue+"</a>"; } I would like to
custom tab images for jQuery UI tabs
How can I override the css file(s) to use my own custom (sliding door technique) tab images for jQuery UI tabs? Thanks. Andy
Problem with TableSorter plugin in case of Text input fields in the table.
I am using the TableSorter jquery by Christian Bash in my application where the table tds have text input in there inner HTML. The sorting does not works on the text inputs. A code sample for my table td is as follows: <td> <input type="text" id="oprd<%=counter%>" name="oprd<%=counter%>" <%if(nList!=null && nList.get(cnt)!=null){%>value="<%=nList.get(cnt).getO_PRD()%>" <%}else{%>value="" <%}%> style="width:50px;" /> </td> Please help!
Sortable and Dragable
I have a list (<ul>) and when I make t sortable, all its children elements (<li>) are dragable. How can I have some items non-dragable?
how can I position UI dialog?
I have a JQuery UI Dialog that I wanna position 25px from the top and canter. From I can see the array can only take in string or array[int]. Is there a way to do [center, 25]? I tried this and its not working. jamesvince.net
Modal Dialog Missing in IE8
Hi! I'm having a problem with IE8 not displaying a modal dialog. The background overlay get's placed, but the dialog is no where to be seen. Even the ESC key works to make the background close. //Setup Modal Popup $("#modalEmail").dialog({ autoOpen: false, height: 'auto', width: 550, modal: true, resizable: false, buttons: { "Send Message": function () { if (validateForm() == true) { sendEmail(); } } } });Other instances of the modal dialog seem to be working fine. I've double checked my CSS, and
On page refresh go to active accordion section
Thanks for taking the time to read my question. I am using the accordion to separate several forms on my page. I am wondering, is it possible that after the form is submitted (php), and the page is refreshed, that the accordion section that the user was on, would be the one that is expanded. I'm sure this has been asked before, but I was unable to find a post regarding it. Thanks, Brad
Dialog and Live buttons
$('.var_delete').live('click',function() { $('#dialog').html('Are you sure you want to delete this variable?'); //Request confirmation $('#dialog').dialog({ autoOpen: true, draggable: false, title: 'Delete Variable', width: 500, buttons: { "No": function() { $(this).dialog("close");
Accessing Jquery Tab content
I have implemented a jquery tab. I am displaying a form with some fields in the tab. I want to acess those fields through javascript. Please help. I am new to jquery. Thanks ketan
How do I stop autocomplete from wrapping list items?
It seems that autocomplete always wraps the last 5-6 characters from my items labels. I'm just wondering how I could stop this from happening? It should simply expand to fit the text provided in the JSON data.
Development of jquery.scrollTo to align to center of DIV
Hi all, I have a quite convoluted question so please try and keep up with my thought process! Using scrollTo, I have got it working well but there is one addition which I just can't figure out the code to do (morelike integrate). I would like to take centralise the window in the center of a given DIV rather than the corner. I as thinking of measuring the width of the window minus the DIV width and divide but is this really the best way? Height isn't really an issue... The code within the
UI playlist
Hello again, I've managed to solve my first problem. Now I'm thinking about playlists. There should be 2 containers, one is lsource list, another is playlist. All of them is dropable, Ok, there is demo in jqueryui demos with that functionality but i want playlist to bi selectable and don't know how to do that. This is a part of shopping cart demo. $(function() { $("#catalog li").draggable({ appendTo: "body", helper: "clone" }); $("#cart ol").droppable({ activeClass: "ui-state-default", hoverClass:
Datepicker: faster storage
I'm adapting Datepicker (latest stable version) to serve as GUI for a scheduler. I just want to display an inline calendar with all the required months and be able to select (or unselect) as many individual dates as I want. In my first draft, I keep an array of selected dates. I add or remove dates in the onSelect callback. I toggle a custom class in the beforeShowDay callback so there's a visual hint if the date is selected. jQuery(function($){ $(".tipo-programacion").data("fechas", []).datepicker({
Easing Problem with Accordion in jQuery 1.4.2 and UI 1.8.5
So I have am Ajax loading a set of tabs with Accordion's inside the tabs. The tabs are working fine, but the accordion gets an easing error after the first click to switch tabs. Firebug is throwing an error of "jQuery.easing[specialEasing || defaultEasing] is not a function" on line 5854 in jQuery 1.4.2. has anyone ran across this? here is my code below: <!-- ### BEGIN SCRIPT FOR TABS ### --> <script type="text/javascript"> $(document).ready(function(){ $(function() { $("#tabs").tabs();
change datepicker locale programatically
Hi, I'm working on internationalizing an application and want to dynamically change the datepicker based on the locale selected by the user. i've included the required locale files after the jquery code, but the datepicker resorts to a locale that is dependent on which js file i include last. example: <script type="text/javascript"> $(function() { $.datepicker.setDefaults($.extend({changeMonth:true, changeYear:true, dateFormat:'M dd, yy'}, $.datepicker.regional[''])); $("#radio_daterange_0_1").datepicker({changeMonth:true,
Select not showing options in ui.dialog (Firefox)
I'm having trouble with a select element in Firefox (3.6.x, Windows and Linux). I had this problem before and stumbled on a workaround, but I don't remember what it was (perhaps something to do with float). The select contained in the dialog below, when clicked, does not show its option list (the "dropdown" part). It does get focused, and the options can be navigated with arrow keys. I need help finding out what's preventing the expected behavior. var showSkillSelectDialog = function(){ //
Scriptaculous causes jquery ui's slider widget to fail in IE8. Is there a workaround?
In a previous question I asked about a problem in which PrototypeJS was causing jQuery UI's slider widget to fail in IE8. Big thanks to Scott, et al, for committing a fix rapid-fire! Now I've found that, in fact, Scriptaculous also causes an IE8 failure, though with slightly different behavior. In the below code under IE8, the $j().slider call produces an "Object doesn't support this property or method" error, and the slider widget is not rendered. (Yes, one moral of this tale might be "don't
embedded if else statement
Ok, I am lost. Well... confused. I am trying to get a website menu system to initiate jqGrid correctly depending on the presence of IDs. I have the menu item working correctly here (if the grid has previously been built): $("#threeeightcal").click( function() { var muniitonType = $('#searchResults').jqGrid('getGridParam','xmlReader:row'); if (munitionType = 'bullet') { $("#searchResults").jqGrid('setGridParam',{url:"weaponLib/sa-bullet38cal.xml"}).trigger("reloadGrid"); }; });All good so far. Now
jQuery’s draggable grid conceptually flawed
It looks like that the 'grid' option in the constructor of Draggable is relatively bound to the original coordinates of the element being dragged - so simply put, if you have three draggable divs with their top set respectively to 100, 200, 254 pixels relative to their parent: <div class="parent-div" style="position: relative;"> <div id="div1" class="draggable" style="top: 100px; position: absolute;"></div> <div id="div2" class="draggable" style="top: 200px; position: absolute;"></div>
hide() causes spacing issues?
Hi all, I've got a very simple page with some simple CSS and jquery script that shows and hides some fieldsets depending on what the user selects from a select list. However, the distance between the fieldsets loses is consistency as soon as the call to hide() is made. I've pasted my code below, as well as some screenshots of what I'm talking about. In the sequence of pictures below, I'd expect the first and last pictures to look the same. http://mysbfiles.stonybrook.edu/~dlavelle/fieldset_jquery_show_hide.html
dblclick on item addeds dynamically in Sortable List
Hi, I have a problem with a dblclick event on Sortable List. If i added item dynamically in this mode: $('<li id="id">Text</li>').appendTo("ul#list"); When a click on one of this new item the event dblclick not respond, this problem appers only with new item added dynamically. $("ul#list li").dblclick(function(){ alert($(this).attr('id')); }); Thanks very much. I'm so sorry for my bad english.
Drag and drop on the iphone/ipod
Hello, I have a drag and drop feature that works fine on the computer browsers. It can be seen at http://www.thalasoft.com/elearning/exercise/55/page/201/subscription/ But on the iphone/ipod it's a different story. The dragging is apparently disabled for it is already a feature of the device. What solution can be used to solve this issue and have a drag and drop on the iphone/ipod ? Thanks for any tips.
ui dialog does not close for the second time ...
$('.Editcoupon').click(function() { var strRef = ''; var strid = ''; var strSelectedval = ''; strRef = $(this).attr('ref'); strid = $(this).attr('id'); strqueryvalue = $(this).attr('ref').match(/Defaultcoupon=([0-9]+)/)[1]; $("#Coupondialog-modal" + strid + strSelectedval).dialog("destroy") $("<div id='Coupondialog-modal" + strid + strqueryvalue + "' title='Click here to
my crud script not working in IE but works well with Firefox.
Hello Every one. Thanks in advance for creating this Forum and thanks in advance to all who had solved others problem. I am a new to jquery scripting. I got this script from one of the forum and modified it to meet my purpose. Addition and deletion works well with this script but problem arises when coming to deletion of records. Please get me out of this problem. though this script works well in Firefox it is not working in IE. please let me know about the error in the script. update.php <?php
Sortable list, dynamically add items and dblclick event
Hi, I have a sortable list and I added an item with the function append... but now when i click on the new item, the event of dblclick doesn't work. needing help........ Thanks!!!!
Urgent: Cookie in tab
Hi, I'm trying to set cookies for 3 tabs. Second tab should be default if no cookies present,.. Here is my code: function side_tabs(){ $('#tabs').tabs({ cookie: {expires: 1, path:'/'}, fx: { height: 'toggle', duration: 500} });Please, help me! Thanks!
onSelect is called too soon (in my opinion)
Hello I am using the jQuery datepicker plugin for a project I'm working on, but noticed the following: I changed the default styling so that the dates wouldn't be font-weight: bold but normal. This way I thought I could, with the help of an ajax call bold the dates that have appointments. To do this, I use the onSelect and onChangeMonthYear events. This semi works. The problem is that when using onSelect: I go through the dates, bold the ones that have an appointment (I halt the JS with alerts and
Using Jquery UI with Ipad/ipod/ietc
hello, I am using jquery ui photo slider and it is working find on browsers, etc. However is there a way to make it work on an ipad device like? Is there a plug in or not yet a solution? Thank you in advance Carlos
UI Dialog and links
I am loading an html page into a UI dialog box. The html page has links and a form on it. Id like to keep the links and form submission inside the UI dialog box, basically load the links, and the submit() contained in the dialog. Im having trouble doing this. I have jquery code in the loaded html, to handle the link clicks, but it looks like the Javascript doesnt load into the page. Do i need to keep all that code on the main page that creates the dialog boxes? Thanks for your help!
Menu for 1.8.x...
While we are all waiting for the new menu widget to be released in 1.9, here is a temporary menu that will work in 1.8 that works with ThemeRoller... The CSS: #bar {cursor:pointer; height:30px; white-space:nowrap;} #menu {height:30px; padding:0 0 0 10px; position:relative; z-index:1000;} #menu ul {list-style:none; margin:0; padding:0;} #menu ul li {display:inline-block;} #menu ul li a {display:block; padding:0 15px; line-height:30px; text-decoration:none;} #menu ul li span {display:block; padding:0
UI sortable Change the content dropped
Hi there i'm wonder how to change the dropped content for a sortable i tried with receive but receive occurs after content was added. any help will be thanked
Next Page