jquery ui dialog not working with diferent sdiptis
hello there i have a problem using jQuery UI dialog i have the page as follow. <script type="text/javascript" language="javascript" src="../javascripts/jquery.js"></script> <script type="text/javascript" language="javascript" src="../javascripts/jquery-ui.js"></script> </head> <body> <select style="width:100%;" id="id_tour" name="id_tour" onChange="get_trip();" ><option id="0" name="0" value="0">Изберете</option><option id="2" name="2" value="2" title="Втора ексурзия описание">Шумен - Атина</option><option
Adding Items to selected value in listbox at page load
Hi, I am using ASP.NET 3.5, C#. I have jquery version - jquery-1.8.3.min.js I have a listbox which has title as "Inform user groups". The list box contains 20 values in the left side. On the page load, i would like to put 2 values to the selected items in the listbox( on the right side). The values to be put are "PM", "Senior Manager". The title of the left side list box is : Inform user groups possible values title of the right side list box is: Inform user groups selected values The values
jQuery hide() and a normal form
Hello, I created a new HTML document which appears a menu on the left side of the document: <!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8" /> <title>Test</title> <link rel="icon" type="image/x-icon" href="favicon.ico" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/dark-hive/jquery-ui.css"
Not able to register JQuery script via asp.net "ScriptManager.RegisterStartupScript"
Hi All, I am working with asp.net & jquery. I have created several function & attached events(click, change, mouseover etc) to my controls. All is working fine except one thing. 1. If I declare any variable inside jquery block like below: $(function(){ var _x=false; function _foo(){ alert('Some Text'); } }); & If I try to set value of _x or If I want to call function _foo by registering the script via .net page, I am getting the error.
Why don't jq have consistent args order in ajax done() and fail()?
The arguments order in ajax callbacks are inconsistent. It is not stable in always() callback. jqXHR.done(function(data, textStatus, jqXHR) {}); jqXHR.fail(function(jqXHR, textStatus, errorThrown) {}); jqXHR.always(function(data|jqXHR, textStatus, jqXHR|errorThrown) { }); I think it will be better to change the fail arguments order to (errorThrown, textStatus, jqXHR).
Norton Internet Security causes glitch in jQuery slideshow in Chrome on a PC
I've written a jQuery slide show that runs fine on a PC in Firefox, IE, and Safari. It runs fine in Chrome when NIS is disabled. But with NIS enabled, there's a glitch. At the end of each dissolve, the previous slide flashes briefly on the screen. You can see the slide show at www.kayanphoto.com The name of the slide show script is crossfadePro Any suggestions for fixing this glitch?
[jQuery] [validate] Test element validation without triggering error message display?
How would I check if the value of a given text field is valid according to the rules specified with the Validation plugin (returning true or false) without triggering validation? Like using validation().element(el) or $(el).valid() - purely for the returned boolean - without the error message showing if it is invalid. I do not wish to remove the error message altogether, rather I am looking for a way to test the validation of the field without setting it’s validation state as far as the plugin is
Are there methods to avoid Memory Leak with jQueryMobile?
Now, I'm testing jQueryMobile memory usage by Chrome Developper Tool.(Heap snap shot in Profiles tab) I found memory leak in navigation between multipage contents ,despite I didn't use my javaScript logic and only use simple HTML loaded jQueryMobile. Whenever navigating between multipage contents, I took Heap snap shot and result showed glowing up JavaScript Object. My test page is below. http://hamadroid.info/home/jqm_page/ Forrowing is my snapshot and memory timeline. Thnaks.
Node created with the "$" function is already cached?
Hey! When you create onde DOM node with the "$" function, it's possible to manipulate and define some properties before the DOM insertion, like one pure Javascript node creation. But, when the node is inserted (using one off various jQuery "append" functions), that variable used to assign the "$" object return can be manipulated as reference to the node already inserted, or one new reference, now for the new node? Like, call the element "again" with some selector on the "$" function is necessary
jQuery Autocomplete select and focus event doesn't work in IE8
Hi, I'm facing a big problem using the autocomplete Widget in IE8. It doesn't fire the select or focus event , so I can't render the selected item. I'm using jquery 1.4.2 and jquery ui 1.8.5 Thanks for your help Charles
external url link with html#
Hi, I'm pretty new to this. but was playing around with jQuery mobile page linking to an external url page. It often automatically adds the html# to the external url link which makes the page distorted. But after click refresh the page, the # disappear and the page is viewable fine. What have I don't wrong and haven't done - help appreciated. Thanks.
List Item's Divider Selector
This is related to jQuery Mobile but specific to a jQuery selector. Is it possible to have a selector find a specific list-item's divider (if one)? For example; <ul data-role="listview"> <li data-role="list-divider">A List Divider</li> <li><a href="#">A List Item</a></li> <li><a href="#">B List Item</a></li> <li data-role="list-divider">FIND ME</li> <li><a href="#">Another Item</a></li> <li data-important="true"><a href="#">GET MY DIVIDER</a></li> <li><a
Append and remove an element
I am currently designing a web page using javascript, html and css. The page is a seat booking seat which allows the user to select and unselect seats. I have managed to get the page to display id of the seat when the user have selected a seat, but I am having problems trying to remove id from the display if user unselects the seat. Below is the javascript code $('.available, .unavailable, .selected').click(function(){ var ID = $(this).attr('class'); if (ID == 'n unavailable' || ID == 'p unavailable')
cycle - trying to use anchor and captions together
I am trying to have photos cycle and have captions, with a a href on both the photo and the caption. I want the caption to contain both the produt title as well as the description, seperate so I can format each differently. This is what I have right now: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script> <script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
JQuery-UI 1.8.23 copy paste issue works on second attempt
We are using following JQuery code (within JSF) to invoke Autocomplete. Everything seems to work fine when user keys in data but when user copies and pastes Autocomplete will be invoked on second attempt. I am testing following code in IE 8. Any inputs are appreciated <script type="text/javascript"> $(function () { $(document).on('keyup.autocomplete','##{resp.workItemResponse.wiResponseId}', function() { $('##{resp.workItemResponse.wiResponseId}').autocomplete({ minLength: 3, source: function(
Responsive grids not stacking.. page refresh required?
Using JQM 1.3 cannot get the Responsive grids to stack without refreshing the page one time? - According to the docs, they "include a single breakpoint “preset” in the structural CSS that we hope will be useful in a fair amount of typical situations. This breakpoint is applied by adding a class like ui-responsive to the widget markup to opt into the breakpoint." - In my code below I reference that class called ui-responsive, but it is not stacking the data on the iPhone or desktp? <div data-role="page"
Datepicker not working in FireFox, but works in IE9, Chrome, Win:Safari, Opera
I cannot get datepicker to work in firefox. I am able to get it to work in all the other major browsers just fine with the following code Thanks for any help you can give me. <script> $(function(){ $('.datepicker').datepicker({showAnim: "blind"}); }); </script>
Copy input text from user and add to URL Button
Hello, I would like to know if it is possible to get the text from the following INPUT field. My code looks currently so: <!-- ID --> <div data-role="fieldcontain"> <fieldset data-role="controlgroup" data-mini="true"> <!-- Textfield --> <input name="ID" id="textinput2" placeholder="ID" type="text" style="width:100%;-moz-box-sizing:border-box;-webkit;box-sizing:border-box;box-sizing: border-box;"/>
Custom theme not working with jquery
Hi, I've created a custom theme with theme roller. When i add like <ul data-role="controlgroup" data-type="horizontal" class="localnav"> <li><a href="#" data-role="button" data-transition="fade" id="id1" class="ui-body-g">N/A</a></li> <li><a href="#" data-role="button" data-transition="fade" id="id2" class="ui-body-h">OK</a></li> <li><a href="#" data-role="button" data-transition="fade" id="id3" class="ui-body-i" >TBC</a></li> <li><a href="#" data-role="button" data-transition="fade"
Should I use a more current Library than 1.8.11?
I have my date picker working properly with this code: <link rel="stylesheet" type="text/css" href="https://ajax.googleapis. com/ajax/libs/jqueryui/1.8.11/ themes/base/jquery-ui.css" /> <script src="https://ajax.googleapis. com/ajax/libs/jqueryui/1.8.11/ jquery-ui.min.js" type="text/javascript"></ script> <script type="text/javascript">jQuery( '#inf_custom_ MATURITYDATE'). datepicker({dateFormat: 'dd-mm-yy'});</script> But I see on this page here (the google libraries page): https://developers.google.com/speed/libraries/devguide#Libraries
cordova :: XMLHttpRequest :: setRequestHeader does not work with JSONP
I have a script for web site scraping testing. In Chrome, I used Ripple extension. If the emulator is disabled, I can retrieve the token from the html page. But if I enable the emulator, I got the following error. I wrapped it in phongap and deployed in an Android device, the corresponding tag content is not updated at all. I appreciate your help to get this resolved. cordova :: XMLHttpRequest :: setRequestHeader does not work with JSONP. ripple.js:36 _logripple.js:36 _self.errorripple.js:36 _XMLHttpRequest.xhr.setRequestHeaderripple.js:49
What id the differenc between jquery-ui-1.10.1.custom and jquery-ui-1.10.1.custom.min?
Hi all: I am just starting with jquery and javascript and have a long way to go but need to get a task completed quicker than I should have to. I down loaded the version of jquery-ui and get the two files. What is the difference between the two an which should I use? thanks.
Jquery ui combobox (autocomplete) disappears
I'm trying to do this http://jqueryui.com/autocomplete/#combobox The problem is that when I go with the mouse over an option, options will disappears and it cames out the advice: "x didn't match any item" where x are the letters that I wrote in the combobox. this is my select (builded with JSP) <select id="combobox"><option value="">Select one...</option> <%for(int i=0;i<ut.size();i++){ out.print("<option value=\""+ut.get(i).getIdUtente()+ "\">"+ut.get(i).getNome()+" "+ut.get(i).getCognome()+" ("+ut.get(i).getIdUtente()+")"+"</option>");
jQuery UI MultiSelect Widget - Optiongroup in Head
Hi, i need to toggle the optiongroups not only in the List. I need the link in the Head! How i do that? Can somebody give me a hind?
Why index giving incorrect index number
Following is my code. I am getting index 0, but not 1 and 2. Any suggestion is greatly appreciate... <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <select id='selectCombo'> <option value='v1' class='c1'>v1</option> <option value='v2' class='c1'>v2</option> <option value='v3' class='c1'>v3</option> <option value='v4' class='c2'>v4</option> <option value='v5' class='c2'>v5</option> <option value='v6' class='c2'>v6</option> <option value='v7' class='c3'>v7</option>
loop through all values of listbox
Hi, I have a listbox which has multiple values. Values are seperated by a pipe symbol ( | ) . example: tAM|t |t |t36|tPM |t |t37 How to loop through the listbox and get the values "AM" and "PM" Thanks
query-1.9.0.min.js error 80020101
Hi All, I have published a mvc web app using jquery-1.9.0.min.js to two locations: 1. Windows server 2008 with IIS 7.5 When I load the web site I get the following error: Message: Could not complete the operation due to error 80020101. Line: 1 Char: 15501 Code: 0 URI: http://servername/websitename/Scripts/jquery-1.9.0.min.js 2. Locally (laptop) with IIS 7.5 No errors even though the website that has been published is exactly the same, as so is the browser being used to access both, IE9 Could someone
Simple timespinner for jquery?
I'm new to work in date and time, i need to create a time spinner for my application. i have used Google to get my requirement but didn't reach my requirement. i need one simple time spinner like this sample.But i need that TimeSpinner without using globalization.js. Is there any way to get simple timeSpinner like the above link?.
How do I add event handler to dynamically created checkbox in jquery?
I am adding multiple check boxes dynamically on my page, but when I click them not any of click or change event is firing. I tried following code but its not working: $(".selectItem").live('click', function(){ alert('test'); }); .selectItem is class for all check boxes. Can any one help me solving this problem. Do any one need more info?
onmouseover selectmenu not working
Hi everyone! I want to add onmouseover/hover event to selectmenu, but I'm not able to do it. I think I tried all possible selectors: $(".ui-select"), $("select"), $("div.ui-select"), $(".myselectmenu:parent")..., but without success. Events which I have tried are jquery hover and on({mouseover: function() {...}.., onmouseover in html. Thank you
JQuery IF statement issue
i have this JQuery code, if ($('#lblProteinsApoklisi').val() >= 0) { $('#lblProteinsApoklisi').addClass('UnderStats'); } else { $('#lblProteinsApoklisi').addClass('OverStats'); } if the textbox has a negative number i just put a background color of red, else a background color of red. No errors are shown but the .addClass doesnt seem to work. Thanks in advance.
How to create Dialog at right bottom of page
Hi there, I'm using Jquery UI a lot. But can anyone tell me how to create a dialog that pops up at the right bottom of the page when the page loads. And this for asp.net forms application. Thanks already... Ronald.
popup image or popup basic not working
Hi everyone im new to jquery mobile an simply love it, i have had one small issue, i cannot get the popups to work. I have this in my header <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script> i have
Unequal layout grids (columns) or colspan-like behavior?
I'm heavily utilizing grids to format my page. However, the majority of my content fits better with a 2/3 and 1/3 2-column template. No problem, I can override the CSS: .ui-grid-a .ui-block-a { width: 65% } .ui-grid-a .ui-block-b { width: 35%; } Except I'm in trouble when I need to use the 50/50 grid, or even a 3 column grid because JQM appears to mark up the grids dynamically and I now have a table with column1 width: 65%, column2 width: 35%, and column3 width: 33%... which of course wraps the
How to convert hh:mm:ss string to time and add 30 minutes to it?
Hi I have Time string like so 15:00:00 which is 3 PM. Now I want to convert that to a number so i can add minutes to it and then convert it back to the hh:mm:ss format so I want to create a loop starts at 00:00:00 and go up to 15:30:00 then display the value. I have done this is PHP but i need to do it in jQuery $time = strtotime("00:00:00"); for($i = 0;$i < 48;$i++) { $time = strtotime("+ 30 minutes",$time); $key = date("H:i:s",$time); $display = date("g:i A",$time); $menu .= $display. '<br />';
Simplest way to replace a classname on set of elements?
Looking through the API, I can't see a "replaceClass()" method, but I want to do this: $("div.class-to-replace").removeClass("class-to-replace").addClass("class-to-replace-it-with") Is there a single method to do the above, or a better way? Or is that indeed the most common way it's done?
New here and want to ask if my project idea is a good starter project for my first go at jQuery.
I'm new to jQuery but have tinkered with Python and Javascript in the past, I am not a pro and have never made anything useful with these languages but I have tinkered with them. I can hold my own with html and css. For my first project diving into jQuery I though about making a document writer. Nothing fancy, have a pre-formatted word document (.doc) then have a html doc that has input fields for the users name and then a input field for the users last name, and maybe a few more fields asking the
Autocomplete pageup/pagedown key events
I have an autosuggest feature where i want to enable key functionality to scroll up and down through the dropdown list. heres my code $(document).ready(function() { $('.dropdown').hide(); $('.autosuggest').keyup(function (e) { isDelete = false; // if delete or backspace were pressed, // less than 3 characters also trigger suggestion if( e.which == 8 || e.which == 46) { isDelete = true;; } var search_term = $(this).attr('value'); if( search_term.length
New here and want to ask if my project idea is a good starter project for my first go at jQuery.
I'm new to jQuery but have tinkered with Python and Javascript in the past, I am not a pro and have never made anything useful with these languages but I have tinkered with them. I can hold my own with html and css. For my first project diving into jQuery I though about making a document writer. Nothing fancy, have a pre-formatted word document (.doc) then have a html doc that has input fields for the users name and then a input field for the users last name, and maybe a few more fields asking the
Show hide categories
I have the following jquery code <script type="text/javascript"> <!--//--><![CDATA[//><!-- $(document).ready(function() { $("#root ul").each(function() {$(this).css("display", "none");}); $("#root .category").click(function() { var childid = "#" + $(this).attr("childid"); if ($(childid).css("display") == "none") {$(childid).css("display", "block");} else {$(childid).css("display", "none");} if ($(this).hasClass("cat_close")) {$(this).removeClass("cat_close").addClass("cat_open");}
Next Page