tab pages and document size
Hi all, I'm writing a webpage which uses the tab control. One of the tab pages is an index, which is much longer than the other pages in the control. When this tab is selected, the document is resized to accommodate it, but when I switch to another tab the document stays at the same size. I want to reduce the document size to fit the size of the tab which is selected: some of my tabs are quite small and I don't like to have scroll bars which scroll over acres of blank space. To a lesser extent, this
sir,in my jquery application autocontrol is not working properly and when it works for seperate pages but not working at master child -pages,,,,,
this page is( Sign_Up.aspx) <asp:Content ID="ContentMid" ContentPlaceHolderID="ContentMain" runat="Server"> <script type="text/javascript"> $(document).ready(function () { SearchText(); }); function SearchText() { $(".autosuggest").autocomplete({ source: function (request, response) { $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "Sign_Up.aspx/GetAutoCompleteData",
jquery UI combobox autocomplete empty value detection
HI, I am using jquery UI combobox autocomplete and the issue is that when i select an option from the combo box and then i edit that value(or even if set it to empty) still during form submission, the value at the time of edition is appearing. For example, in the combobox, say the value is 'abc123' and if i edit it to say 'abc' or set it to empty, during form submission, still the value 'abc123' is going. Can any one suggest how i can capture the value that is entered in the combobox(in this case
Datepicker icon trigger problem
Hi guys I am having problem displaying the icon trigger of the datepicker on my xhtml page my xhtml is using Primefaces and only the datepicker is jQuery my code is <p:inputText id="date" name="date" value="#{indexBean.searchCriteria.date}" label="Date" validator="#{indexBean.validateDate}"> <p:watermark value="eg: 01/01/2013" for="date" /> </p:inputText> <script type="text/javascript" > jQuery(function() { jQuery("#date").datepicker( { minDate : "#{indexBean.searchCriteria.mindate}", maxDate :
JQuery-ui/AJAX/POST question
I'm sure someone has answered this before, but I have been searching for several hours and haven't come up with the right search terms. I have a page that is using the JQuery-UI tabs. The issue is there are 10 tabs and several of them have complex dynamic content and forms, so I don't want to be loading all the content of all the tabs every time a user submits a form. So I switched to using the AJAX Mode method described http://ui-dev.jquery.com/demos/tabs/#Ajax_mode I have two issues that crept
In my application jquery autocomplete control is not working ? when iam debugging time the Breakpoint not highlited why ?
In Materpage.master <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery.ui.autocomplete.js" type="text/javascript"></script> Signup.aspx
Disable droppable on sortable
Hello, Im kind of in a quandry. I have a div that Im dropping items into. When I do, Im creating a child div for each item dropped. I also have that parent div section as sortable. But it is firing the droppable when I do a sortable on it. How can I disable the droppable, when Im doing sortable? I cant believe I wrote that where it makes any kind of sense.
Dialog Buttons
Is there a way to individually style buttons I add to the dialog?
Sortable offset when scrolling
Hello Everyone: 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
Tabs Widget 1.10: How do I retrieve tab index of selected tab?
How can I retrieve the index of the currently selected tab in the current version of Tabs Widget? ---- Another jQuery API browser: http://www.dashop.de/?hf=blog_f.html&if=blog/en/dev/JavaScript/content/JavaScript-jQuery-API-Documentation-Viewer.html
JQuery UI Dialog not zIndex after update to 1.10
I updated the jQuery UI to 1.10.2. I found the dialog hasn't the option zIndex. How will I set up the zIndex?
load jquery ui datepicker inside colorbox
how to load jquery ui datepicker inside colorbox? i have more than 1 colorbox and most of all colorbox contains datepicker.Please help...its urgent...
Tabs widget 1.10: Doesn't work for content from different path
Using the Tabs widget with Ajax, the jQuery implementation does not recalculate <script> and <link> elements' "src" attribute. So both don't work if a tab's URL does point to content from locations different from the current directory using relative paths (e.g. "../../foo/bar.html"). ---- Another jQuery API browser: http://www.dashop.de/?hf=blog_f.html&if=blog/en/dev/JavaScript/content/JavaScript-jQuery-API-Documentation-Viewer.html
jQuery UI risezable: resize from top left corner
I don't manage to resize a div from the top left corner. How could I do?. This is my attempt HTML <div id="chat-container"> <iframe id="chat-frame" src=""></iframe> </div> JS $('#chat-container').resizable({ animate: true }); $("#chat-container").resizable("option", "handles", "nw"); CSS #chat-container { display: none; position: fixed; z-index: 0; bottom: 0px; right: 10px; width: 500px; height: 200px; text-align:
Obscure problem with the Chrome browser(25), radio buttons and dialogs
Here's the scenario: if you have a modal dialog with radio buttons and you bind the change(or the click) event for the buttons to a function that tries to open another modal dialog. Then run it. If one of the radio buttons is checked and you click another, the radio button click gets reset. IE if button a is checked and you click button b, button a remains checked (if you slow things down in a debugger you will see that button b gets checked and then button a gets rechecked) So far I've only seen
jQuery datepicker does not work when overlaps other form elements
I'm using jQuery datepicker together with jQuery mobile. When the datepicker is show it does not pick the date that overlaps the background form element. Instead it just activate the background form element. Is there any way to solve this problem? http://jsfiddle.net/wQRDx/4/
Please add an "autocompleteblur" event
I can use "autocompletefocus" to do something. But when focus is moved to the menu top or bottom, no item gets the focus, the event will not be triggered. So I expect jQuery UI to add an "autocompleteblur" event.
Custom Icons on JQuery UI Button
Howdie,I have searched the forums and google for an answer to this and it seems pretty much every answer is out of date and doesn't work. After spending a couple of hours banging my head I'm stumped. I simply want to replace the icon in a JQuery UI button with a custom icon. I have been attempting to do it this way based upon numerous posts I have found: .icon_help { background-image: url(../image/Help_16x16.png) !important; width: 16px; height: 16px; } And then specifying it: $('#btn_help').button({
Dialog box does not work properly when modal = true
The goal is to create a modal confirmation dialog box. The main form has: A text box, the contents of which will be the message in the dialog box; A submit button that will display the confirmation dialog box; Another button that does absolutely nothing. The dialog box (enclosed in the form) has: A <div> to store the dynamically generated message; A submit button that does not do much (the form's action=http://microsoft.com); Another button to close the dialog box without submitting the form. The
jquery-ui-1.10.2 comboxbox.html example under autocomplete gives error
'input is not defined' in combobox.html lines 95, 98 The combobox from 1.9.2 seems to work OK.
jquery ui tooltip - display image for each option
I'm trying to display an image when the user mouses through each item in a select menu. Here is my code: <div> <label for="stationery">Choose A Stationery: </label> <select id="stationery" name="stationery"> <option id="s_opt_0" value="0">Please Choose</option> <option id="s_opt_1" value="Plain">Plain</option> <option id="s_opt_2" value="Birthday" title="Birthday">Birthday</option> <option id="12> <a
Get item that was dropped into a sortable?
Hi, I'm using a draggable + a sortable, exactly like the demo here: http://jqueryui.com/demos/draggable/#sortable When I drop an item in my target sortable, I want to get access to the dropped item so I can apply a new style class to it. I thought the receive override would help: $("#mySortable").sortable({ receive: function(event, ui) { // how to get access to the dropped item here? } }) yeah but I'm not sure how to get access to the dropped item, looks like I get ui.item, but
Jquery sortable offset problem
Hello Everyone: 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
Possible to Override jQuery Dialog CSS for only one of two dialog boxes?
I'm working on a site that uses jQuery Dialog for two different overlays. One of the overlays needs to have its style changed in a number of ways, but the other should use the standard dialog UI CSS. Is it possible to use the .dialog function with two different CSS files? Or is there a better way around this?
Dialog auto height not working
I have a simple non-modal dialog that I use to display content. The content is very short, one or two lines at most. The height of the dialog box does not adjust to the height of the content. It's always fixed. Here is an example. I don't want a title bar or buttons, just the content. So I initialize the dialog box like this. this.speechDialog.dialog({ autoOpen: false, show: { effect: "blind", duration: 500
Break buttonset into multiple lines
Hi, I'm using the buttonset as radio buttons, and i'm loading them dynamically for each entry in the DB. So I don't know how much buttons i could have... I need to break them into multiple lines. Is there a simple way to do it without loosing the border radius? Thanks
Need help with Sortables
Hi, I'm using jquery-ui-1.9.2.custom.js, and am having a problem with my sortables. In the attached code I can drag and drop section to and from sectionGroup1 and sectionGroup2 so long as there is at least one item in the target sectionGroup. However if I try to drag a section to a sectionGroup which contains no sections the section won't drag there. Bit of a noob and failing to see what my problem is and how to solve it. Any help would be appreciated. Regards
Theme Roller broken in Chrome
If I use Chrome Version 25.0.1364.172 m I can not customize the theme. Every time I make a single change, the entire theme reverts back to the last one I viewed from the gallery. This does not happen on Firefox. Just thought someone should know the website has a bug. and is there a beter place to post this info? thanks, D
High End Drag and Drop
Hello, I'm trying to create a site that's very similar to this one site. How far I am: - clone a simple element of one list and put it into a seconde list. What I don't get: - how to clone more complex elements than a text Can anyone tell me a good tutorial or has a good advice?
themeroller button icon is not working for asp.net butotn
HI. i have asp: button in my page.i am using themeroller.i need to have button icon as in themeroller.but its not working for asp.net button but its working for html button.can anyone give me the answer fot ths
Moving a draggable without mouse when event is launch
Hello, First of all, sorry for my english. I want to move a draggable when the event is launch (the user already move the draggable with the mouse). I change the css property left of the Html element an d this element move but as soon as the user move the mouse, the element return to this original position. In this exemple, you may see that when we scroll with the element 1, this element don't move with the scroll. And when we scroll with the element 2, this element is correctly move with the scroll
empty on a combobox doesn't work
Hello everyone, Firstable, I apologize for my english because I'm french :) Here is my problem, I've updated my jquery version to the 1.9 and my ui to the 1.10.2 My hmtl code : <div id="mydiv"> <select id="myselect"> <option value="1">1</option> </select> </div> <input type="button" id="clearbutton" value="Clear"> My js code : $( "#myselect" ).combobox(); $('#clearbutton').on('click', function(){ $("#mydiv").html("<select><option value='A'>A</option></select>"); });
How to: Tabs do not load all page, but when when I click a tab then show a content. So, one click for one content.
Dear all. I just few days learn jquery. It's very interesting. Thank you for all developers that make all being easy and give new knowledge. I tried Vertical Tab (http://jqueryui.com/tabs/#vertical). I realized that all pages will be reload all first, so user can easily move from one tab to another. But, I need like this: do not load all page first, but enough to show tab link only, then when we click a tab then it run to load the content. So, I do not want load all page first. I want load the content
Scoped Theme Does Not Work, But Unscoped Does
I used the ThemeRoller to scope the Smoothness theme with a class of homeScreen. I downloaded it and all the necessary files and folders are there from what I can tell. I opened the index.html page and no CSS is being applied to any element. I downloaded the Smoothness theme without a scope and the index page displays as it should. I am using Windows 7 and Chrome to view the index page. Have any ideas?
reusable j
How to create a global file containing JQuery reuseable functions with passing page or ASP.net controls?
JQuery dialog not working on IE 9.0, but good in Chrome, need to run in IE
This thing is working fine in Chrome but not in IE 9.0, can any one have idea why? will be highly appreciated. Please the attached file for both Default.asp and Default2.asp Thanks :)
How to Swap DIVs using jQuery for a Site Using Twitter Bootstrap
Hello. We’re trying to develop a client-side/browser view for our site using jQuery and Twitter Bootstrap. Using Twitter Bootstrap’s responsive design, fluid grid system, we have a page that has 3 rows. The first row has 3 columns (i.e., 3 span4 divs). The second row has 4 columns (i.e., 4 span3 divs). And, the last row has 2 columns (i.e., 2 span6 divs). Here’s a snippet of the html: <div class="container-fluid"> <div class="row-fluid"> <div class="span4 sortable">
JQuery: Datepicker - Defining mindate and maxdate dynamically from dropdown selection
Hello, please help. I want to dynamically define my mindate and maxdate based from the dropdown selection with the selected date as the maxdate creating 2-week range. Example: If I selected 12/22/2012 from the dropdown, I should be able to select multiple dates in the range from 12/09/2012 to 12/22/2012, something like below: Here's my HTML code: <select id="dropdown" name="dropdown"> <option value="11/24/2012">11/24/2012 <option value="12/08/2012">12/08/2012 <option value="12/22/2012">12/22/2012
Cannot close dialog from link inside same dialog - returns error
Hi I have a issue which is very common but I searched it and tried every possible solution but nothing worked. My problem is I have a classic asp page default.asp, I defined a dialog in it + a div "mydiv" and a button which opens the defined dialog in "mydiv" and loads default2.asp in this dialog. Default2.asp is also a form to submit and has many links to products, when user clicks on one of those links it updates info to its parent page "Default.asp" and tries to close Default2.asp (the dialog)
Accordion headers not sliding inside a slidetoggled div
I have an accordion inside a div that is slidetoggled. When I expand the slidetoggled div the accordion headers pop up instantly and are not animated with the slide. Similarly, when I collapse the slidetoggled div the accordion headers stay on screen until the slide is complete and then they disappear. This is being used on IE7 if that makes a difference. Is there a way to prevent this? <h2 id='slideclick'>Click</h2> <div id='slidediv'> <div id='accordion'> <h3>section 1<h3>
Next Page