Dropdown list in Tabs
Hi, I am using UI Tabs to display data entry elements. I have a couple of dropdown lists in tabs. In the first tab I have one dropdown list, and the second tab another dropdown list. When the tabs gets initiated in FF it works perfectly, but (always a when I guess) when the tabs get initiated in IE 6, the first dropdown list shows (in the first tab), but when clicking on the dropdown list, the options does not appear, even though there are options available. The second dropdownlist (in the second
Remove Dialog's Close Button's title attribute
I cannot seem to figure out how to get the browser to stop showing 'close' as the tooltip on the close button on a modal Dialog. I see the title="close" on the button element auto-generated when the Dialog is built. In Chrome's javascript debugger, I can edit this value at runtime and see the effect in the browser... so I know that this is the correct element to remove the title attribute from. Since the button does not have anything unique about it, I need to select it as a descendant: $('div[aria-describedby="myDivName"]
in jquery How to trigger seletable click event on li tag id????
Hello sir, i am not able to trigger the selectable click event on li tag id, i have number if devices while shift selecting i am trying to trigger select click event. please help me.
AJAX URL IS DUPLICATES
I want to create multiple jqgrid in the side loop.jqgrids create as expected with different div ids I create common funtion to create grid and pass necessay paramiters to create jqgrids as follows <s:iterator id="formNodeId" status="formNode" value="formDTO.formNodes"> <s:set name="metaNodeId" value="#formNodeId.metaNodeId" /> <s:set name="displayLegend" value="#formNodeId.displayLegend" /> <s:set name="cardMax" value="#formNodeId.cardMax" /> <s:set name="result" value="#formNodeId.tableColumnView"
Dialog box, Stripping CSS, and 508 Compliance
Greetings! I have been tasked with making our product 508 Compliant. One of the Standards that our pages have to comply with is that a web page has to be able to work correctly if all CSS has been stripped. Our Dialog boxes are very simple. They are opened by clicking a hyperlink labeled 'Expand'. They have the label, the X to close the box, and the body of the box simply displays the full text of a field found on the main page. I have discovered that when you strip out the CSS from the page, the
1.10.0 HTML in dialog title
Hello, I used to put custom HTML in dialog titles. Used to work in 1.9.x and documentation for 1.10 states "Any valid HTML may be set as the title.". Instead, HTML is rendered as text. In the following example, the title of the dialog contains the text "<h3>Title</h3>": Am I doing something wrong? <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.0.js"></script> <script
Draggable disturbs absolute positionning
Hello, I have a very disturbing problem with the jqueryui Draggable interaction. Basically I'm writing a scheduling web application using jquery 1.9.1 jqueryui 1.10.2 modernizr 2.6.2 The application displays a grid with schedule cells that CAN be movable. These cells are div elements with absolute positioning. If the cell is movable I simply issue the statement: $cell.draggable(); (I've tried with different option sets but this does not impact the issue) I was developing this application with Firefox
Customize ErrorList Message
I need a way to append the LABEL that is associated with the INPUT that is captured in the errorList; in other words I need to have a summary of errors and I need to know which field created the error. Also, I am using the smart wizard to assist in navigating the form. My code: showErrors: function (errorMap, errorList) { $.each(errorList, function (name, value) { var $errorLabel = $('label[for="' + $(this.element).attr('id') + '"]').text(); this.message = this.message.replace("#{field}", $errorLabel);//
lightbox scrollable
Hi there, I'm trying to make the lightbox content scrollable. My lightbox content is higher than the lightbox, is this feature available? Thanks a lot!
jqueryui, slider increment - need help
I am trying to expand on this one: http://ui-dev.jquery.com/demos/slider/#steps I am trying to achieve the following two things: 1) Display multiple results 2) And at the same time display fixed values So for example I have a slider, and I increment by 100 every step. It shows 100, 200, 300 etc. The second field that is displayed when I drag the slider shows: 23, 45, 889 The third field shows: 001, 222, 333 How can I add fixed values that are depending on the slider? I am not sure how to build
how to custom position jquery-ui tooltip for each item
I use default code to apply for all website have tag img or attribute is tootltip and title $(document).tooltip({ track: true, items: "img, [tooltip], [title]", content: function() { var element = $( this ); if ( element.is("[tooltip]") ) { var src = element.attr("tooltip"); return "<img src='" + src + "' width='100'>"; } if ( element.is( "[title]" ) ) { return element.attr( "title" ); } if ( element.is( "img" ) ) { return element.attr( "alt" ); } } }); but in the some cases, I want to change
Jquery UI dialog close button
Hello, I have downloaded JQuery-ui.css in my development workspace to create a dialog box. when the dialog box appears on UI, the image for close button doesn't appear, only a rectangular space appears and on click of that, the dialog box closes.If I want to put my own image for close button how should i go about it.
Correct syntax jquery accordion
I use jquery accordion and it work properly, but I'd like to know if I used the correct syntax. Here is the code: <head> <script> $(function() { $( "#accordion" ).accordion({ icons: { "header": "ui-icon-circle-triangle-e", "activeHeader": "ui-icon-circle-triangle-s" }, collapsible: true , active: true }); }); </script> </head>
how to handled external page buttons events in dialog box ?
Hello, How to handled the external page button events in dialog box. below is the my code $('#matrixOptionsContainer').dblclick(function(){ $("#matrixsPopup").dialog({ height: 500, width: 580, modal: true, open: function () { $(this).load("updatematrix.html"); }, title: 'Matrixs properties' $("#matrixsPopup").dialog("open");
unable to select whole column of DataTable9.1
hi all, here I am using tree view and Data table 9.1. with drag and drop functionality;Once i drag a node from tree view to html table it has to be column ;it is working fine;In same way when i drag a column from data table and drop on to tree view column should be deleted;I done some code;here i am attaching ;Currently dragging is possible for hard coded data..i already given 2-3 columns ;for those columns i can drag and drop total bunch;but when i am dragging newly added column Only column header
Sortable drag-n-drop offset then using scroll bars
I have a problem with a sortable table when I attempt to put scroll bars on it. The offset is off and it makes the use of it very bad. Everything works fine without the scroll bars. And with the scroll bars it works fine using FireFox. My problem is with IE8. I've attached a simple zip file with an easy example. I'm using jquery ui /*! jQuery UI - v1.8.24 - 2012-09-28 and jquery jQuery v1.8.3 jquery.com so they are pretty new releases. I see there have been some reported offset issues but they are
can this be done better ? ... slider ui .. legend / text / labels under the slider
hi i'm working with the jQuery UI slider. what i wanna do is to make a legend / text / labels under the slider... i got it but the code looks bad.. any idea how to improve it? var slider = $('#slider'); var minva = slider.slider('option','min'); //36 var maxva = slider.slider('option','max'); //60 var stepva = slider.slider('option','step'); //12 var blokva = parseInt(( maxva - minva) / stepva ); //2 var width = slider.width() / blokva ; var beginst = '<div class="legend"><span
AutoComplete Sub-Menu, Navigation, and Other Suggestions
Hi all, I am using AutoComplete from 1.10. I noticed that the AutoComplete does use the menu widget for its results, which is great, but it wasnt very intuitive to figure out how to get sub-menus to happen there. I did eventually figure that out though. My real issue is with navigation. Even though AutoComplete uses Menu, and Menu supports expanding and collapsing of sub-menus using arrow navigation, the menu that is the AutoComplete results does not support this. It appears to be the case that
Range slider - using right handle
When the left and right handles on my range slider overlap (i.e. have the same value), I want the user to be able to slide either the left or the right handle, depending on the one that has been selected. However, the default behaviour appears to be that only the left handle can be moved. How can I specify the right handle as the active handle?
Adding/Removing column Dynamically to grid by drag and drop
requirement is:On left hand side i have treeview ;when we drag and drop the treeview Node On grid it will become column in grid ..and same way when i drag and drop the grid column on tree view grid column to be deleted/Removed
how to add columns dynamically for Kendo Ui Grid in c# asp.net 3.5
Hai to all... here My requirement is adding columns dynamically for kendo ui grid 2013 version .. I took one Html table ,i added columns and binding html table to kendo ui grid...but when iam adding new column by drag and drop from kendo ui treeview iam not getting the columns properties of kendo ui grid like sorting,remapping etc...
Tabs Embed HTML Page That Contains Javascript Best Practice
Hello, This is my first use of jQuery UI and I was really happy with how easy it is to get the Tabs up and running and loading external html pages. I have read that, as the tab includes the entire linked document make sure that you exclude the html, title, body, head tags etc and only include what you want shown in the html file. I was hoping someone could tell me the best practice for including javascript that will be used on these pages. The scenario I am faced with is that I am using jQuery UI
Setting or changing globalize International (24 hours) Standard Time format
How can I change the globalize.js to accept/work in a 24 hours format? It seems that some one started to work with it but didn't finish. I would like to contribute with the development of it, if could see how it works. Thank you.
Getting Autosuggestion box placement changed
when we type chars autosuggestion box placement got changing.for screenshot i send image also.kindly any body help me out.
Need help finding documentation
I am having a real problem finding the following documentation. My problem is I don't know what it is called! ex: ui.newPanel.text(); ui.newHeader.length Where did they find the documentation for the function .text()? How do you know there is a .text() function? Where is the documentation for the all the values associated with the newPanel object? I keep hitting dead ends with the jquery documentation, maybe I don't understand what an object is? Consider me extremely newbie and I need to know
Jquery UI Tabs
Hey guys, just started using Jquery UI Tabs, but seem to be having some problems with it. I have created three tabs, all with different information. I want it though, so that 1 tab has a form in it, like an email form. When I try do this though, the form always seems to be moved outside of the tabs, but if you change tabs, it acts like its inside that tab and disappears. Was wondering if someone could help me fix up this error im getting. Or has any ideas what im doing wrong Thanks
Legend with an icon and text
Hi All, I am trying to create an fieldset/legend with an icon, the problem is that I am unable to display the icon in the same line as the text of the legend, can anyone help me please : <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/sunny/jquery-ui.css" rel="stylesheet" type="text/css"
Droppable items data doesn't update
Hi, I'm having an issue with droppable and dynamic items. Say, we have a list of droppable items like the following: <ul> <li class="item" data-index="0"> <li class="item" data-index="1"> <li class="item" data-index="2"> </ul> If with some script we delete the first one and recalculate the data-index values, so item with data-index="1" get data-index="0" and so on.....Well when calling ui.draggable.data('index') inside drop callback, we get the old value. I tried to simply call .droppable()
Can I use jQuery Tabs UI with HTML table?
I have this html table generated. I need to apply jQuery Tabs UI to it to hide/show tbody sections like tabs, but it's not working. Any help is appreciated. Thank you. UPDATE Sorry, the layout and jQuery tabs work fine, probably forgot to close some tag ;) <script> $(function () { $("#folders").tabs(); </script> <table id="folders"> <thead> <tr> <th>My folders</th> </tr> <tr> <td> <ul> <li><a href="#folder1">Folder1</a></li>
Can I apply a style using the jquery-ui css file to every <input>?
I know you guys are gonna be like, "Yeah, of course, dummy. That's the most basic, GED thing on earth." Using the UI, I know I apply class="button" to all my buttons, and it styles them. Can I do something similar for all my text boxes so I don't have to style them all individually? style="background-color:#f4f0ec;border:none;width:32%;height:25px;margin-bottom:5px; margin-top: 10px;border-radius: 2px;"is basically what I've been doing. I know there has to be an easier way, I just can't figure
I need a jQuery/PHP developer for new venture
Hi Forum Members, I'm looking for a jQuery/Ajax/PHP/MySql developer to help build an CRUD based application. This will be a part time project and hopefully with a little luck, lead into something long-term. Please feel free to send a private message with any questions. I will only provide project details on a one-to-one basis. Thank you in advance. Jack
Dialog text box press enter to process
Hi, I have a dialog with a single text field that I want to process when enter is pressed. I tried a keypress event to click the OK button, but the button does not seem to have a click method. I'm open to other ideas if it's doable.
Dialog box opens automatically upon post back after initial opening
I have a dialog box hooked up to a button in a templaet fied of a gridview. On initial page load all is good, when I click a button on a row in the gridview it successfully opens the diaog box and displays the correct information. This is where it all goes wrong. Firts, when I close the dialog box, everything on the screen has gotten smaller. Second, when I select another record or do anything else that causes a post back, the original dialog box reappears on postback. If I close that box I am able
Can not Use the Value of Hidden Fields to Set Progressbar Options
Hey guys First of all, I'm a ASP.NET web developer, and I'm quite new to JQuery. I have a simple Progressbar; I set only its value and max options. I use no methods or events of Progressbar. There is a <div> element on page that is used for the Progressbar: <div id="divHealth"></div> And This is the code that creates the Progressbar: $(document).ready(function () { $("#divHealth").progressbar({ max: 100, value: 60 }); }); This code works fine and makes no
I would like to maintain the position of the scrollbar after posback of the button.
Good morning, My problem is as follows: First example, we look at just what makes the panel (ASPxPanel2): if I click on the active button postback and the first panel maintains the position of the scrollbar's exactly in the position where I put before the postback. Second example, we look at just what makes the second panel (demo1): if I click on the active button postback and the second panel loses its scrollbar position of bringing it back up and all that is in the zero position. While the first
jQuery UI accordion open multiple panels at once
Hello, I'm trying to create a accordion able to expend multiple panels at once. I try my to find it in jQuery UI API. But not get any proper way till now. Please let me know if there are any way to do it by jQuery UI accordion Thanks
Executing jquery tabs javascript with tabs caching?
i have customer table in which i have column for customer name which is hyperlink. Now on click of hyperlink i am adding jquery tabs on the fly(thru ajax) which brings response(html + javascript) from server. As i click on customer1 hyperlink,its details are shown under Customer1 tab(Basically html reponse gets appended under Customer1 tab and also javascript associated with in that response also executed on browser).Similarly for customer 2. Issue is when i comeback to Customer1 Tab , Content shown
How to get the data for the Autocomplete from the list dynamically.
Hi, I am trying to implement the JQuery UI autocomplete feature in this following way: #1 I need to load the data from the database to the list on page load event. #2 load the values from the list to autocomplete source data. Any idea, how to do this? I am having an application with this feature, but it is getting source data from the database on every search operation on the autocomplete box. Thanks, DIP.
Can i use Kendo Ui Controls in c# asp.net 3.5
I need to do project in c#3.5 ...can i use kendo UI controls ? if possible send me the samples
resizable rendering failure in firefox
Subject line says it all. Take the demo code for "Default functionality", rejig to use a TABLE/TR/TH and TD combination and test in Chrome/IE/FF... FF rendering is borked, while Chrome and IE work fine. Versions: Latest jQUI jQ 1.9.1 FF 19 Workaround: use DIV elements inside TH elements.
Next Page