JQuery mobile progressbar
I want to add a simple progressbar to my web application. I'm using the following scripts and stylesheets in my application: <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> They seem not to cooperate with the ones needed for the progressbar.. But I cannot exchange them, because my other code will not function. <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
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 do I get rid of an a href if an xml node is empty and write another code?
I'm trying to get rid of: '<a href="' + link + '"' + 'rel="prettyPhoto"' + 'title="' + linkdes + '"' + '>' '</a>' if xml node link is empty and write: '<img src="' + image + '"' + 'title="#htmlcaption' + ind +'"/>' instead. This is the code: $(document).ready(function() { // get xmlfile.xml and define function. $.get('/design/designsystems/unitedway/unitedway.xml', function(d){ //Find the child elements of the subchild elements that you wish to display in slider and
White space at bottom of the page in iphone
Hello, I have a jquery mobile webpage. It looks good on desktop browsers, and also on android. But in iphone's safari, I have a weird white space in the bottom of the page. It looks like a problem with the min-height of the .ui-page, because the white space is as height as the title-bar + url-bar of safari. Please have a look on the screenshot attached...
SOLVED: Load a XML file and work with it
Hello, first of all i tried to goolge for it but did not find a solution. (also searched the forum for it) here my problem: i have a XML file on my webserver (generated from php) here is an example of its content: (store it as generated.xml) <?xml version="1.0" encoding="UTF-8"?> <xml> <gallery> <title>sampleGallery</title> <folderName>sampleGallery</folderName> <paging>true</paging> <pageLimit>100</pageLimit> <pictures> <picture> <fileName>fileName</fileName> <title>title</title> <owner>owner</owner>
$(element).on('click', 'ajax_element', function(...)) Event on button click fires twice
Hello ppl, I need help with an on() click event that is fired twice after clicking an input type button. The HTML: <div class="msctreemain" id="msctreemain"> <input type="button" class="mscbtnscrolldown fRight" id="btn_navsubtree" dyn-param="someParam" dyn-param-1="someFurtherParam" /> </div> <div id="navsubtree" class="mscdisplaynone"></div> The script: $(document).ready(function() { $("div").on("click", "#btn_navsubtree", function(event) { var param = $(this).attr("dyn-param");
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.
jQuery Slider with php/mysql contents
I'm new to jQuery & PHP stuff, & I really need help with this. Its been about a week now, that I've been trying to configure the jContent Slider on my website's dummy page: Index2 Now its getting the products from mysql & displaying correctly, but when I try to continue displaying products from the next slide, it just repeats those first 4 products (number of products depends on my requirement) from the next slide. I'm sure I'm doing some silly mistake & forgetting something, but I just need someone
Popup Window
i am new to jQuery any one please help me i want something like if i click on a image then it open a new popup window with that image's original size if i will click out side a popup window then it will automatically closed. hope someone help me .
Selecting within a set
I have more than one control of the same type, both containing 'xyz' in the middle of their IDs. I want to select an element within that set having an ID that ends with '123': <input type="text" id="Autostuff_gtuyn_xyz_more_ardohn_123"><br /> <input type="text" id="Autostuff_3yntu_xyz_more_hnardo_7"> I thought I had it with: var x = $("select[id*='xyz']").("[id$='123']").val(); but I get "Expected identifier...
menu missing from download bundle's html file
Hello, I've downloaded: jquery-ui-1.10.1, Overcast theme, no Effects jquery-ui-1.10.2, Overcast theme, no Effects jquery-ui-1.10.2, Overcast theme with everything checked In no case, did I receive the menu widget in the included index.html file. Thanks.
Validation of range along with some alphabets in multirow form
I am very new to jquery, I have developed a php form to enter data. I want to restrict user from leaving the text field if he/she enters wrong value. Range :say 0 to 50 It should accept AB, NR as well.. Thanks, Mrs. Ujwala
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.
Jquery stopwatch timer pausing when browser is minimized or is not in focus
Hello experts, I am using jquery timer for an online examination web application. The timer runs very well, but when the examinee minimizes the browser or opens another tab and works sometime on the tab...the timer seems to pause in the examination page. I Can't seem to find out the problem behind this issue...this problem occurs in all the major browsers...chrome,firefox, IE..
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
Popup Issue
Hello- Below Jquery Popup works perfectly, but i need is whenever clicking on "sign in" button the text fields should be cleared and refresh it again. <a href="#loginpopupMenu" data-rel="popup" data-role="button" data-transition="fade">Sign In</a> <div data-role="popup" id="loginpopupMenu" data-position-to="window" class="ui-content"> @RenderPage("~/Account/Login.cshtml") </div>
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",
why this click function still works
Hello all, I am new to this forum and also I don't have experience on jquery. I load a file after clicking in one div, I remove class when this click happen, but still if I click on this div execute to load the file. the script is <script type="text/javascript"> $(function(){ $(".up").addClass("votes"); $(".down").addClass("votes"); //<![CDATA[ $(".votes").click(function() { var id = $(this).attr("id"); var name = $(this).attr("name"); var data = 'name='+ name; var parent = $(this); if(id=='up'){
Tool for old jquery code to the newest versions 1.3.2 to 1.8.3?
Hello I have scripts old with 1.3.2 version of jquery. Is there a tool or program to transform old code to the new code. I need to be 1.8.3. Otherwise, it becomes conflict when i load both versions - the old one and the 1.8.3 for the current scripts. Thanks?
Android 2.2.3 unable to call SAML URL with JQUERY AJAX
Hi All, I've been stuck here for quite some time now. I am developing a mobile application with phonegap. I have tested the app with android 4.0.4 and it is working fine. However, when I tested on 2.2.3, the AJAX ended with: ready state = 0 HTTP Status = 0 I have tried to increase the timeout to be really long but it still ends with that result. I am not sure what is the problem but I have developed another app using the same ajax call just that this time it calls to a SAML URL. my codes is as bellow:
js || operator?
Hello - Javascript has the || operator which can be used to evaluate nulls. For example: var val = myobj.myprop || 'defaultval' If myobj.myprop is null then val will be set to 'defaultval'. This behavior is referred to as "coalesce" in sql server (using the coalesce keyword) as well as .NET (using the ?? operator). Is this behavior also referred to as "coalesce" in js using the || operator - or just plain old "or" but in a different context? Also - has the || operator always been available as a
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
Having trouble controlling audio in subsequent divs
I'm having a really weird problem with stopping audio on my page. I have one overall container, then inside it are 3 pages, "page with no sound", page1main and page2main. The webpage initially only has links to the main pages ("page with no sound", page1main and page2main), not the subpages. Link to "page with no sound" always appears first in document. Page1main and page2main then has links to two sub-pages, page 1a, page 1b, page 2a, page 2b. Each subpage has an html5 audio element (test1a.mp3
Using jQuery Mobile in my Asp.Net Web Application?
hi I have checked example applications on this web site and one of them used aspx pages for Sign up etc So I hope I can also utilize that, please guide me about that. I want to develop a medium scale web site for mobile using jQuery Mobile. I want to know: - Can I place the jQuery Mobile page inside my aspx page? - Can I place aspx page inside a jQuery Mobile page OR in other words can I use a server side language (asp.net or php) inside a jQuery Mobile page??? Please help me in this regard. Usman
jquery mobile, requirejs, backbone demo not behaving. css styling is delayed
Hi, I've recreated the jquery mobile example here: http://jquerymobile.com/demos/1.3.0-rc.1/docs/pages/Backbone-Require/index.html At first I used the latest everything, jquery(1.9.1), jquery mobile(1.3.0), backbone(1.0.0), lodash(1.1.0), requireJS(2.1.5) to build the same example on my local machine(windows8, nginx1.3.15) It's functional except that on page load and refreshing the css styling is delayed by a fraction of a second. It's even worse on less powerful mobile devices like an iPod touch
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 :
Dynamic select list not posting value
JQuery 1.9.1 jQueryMobile 1.3.0 I am creating a mobile site for a Web site already in place. I am only very slightly familiar with jQuery, and I'm not a real slick JavaScript programmer either. As much as possible, I am writing this mobile site to utilize the server-side PHP code I have created on the main site. One of those routines processes freight delivery quotes. The user must enter an Origin and Destination zip code. When that zip code covers more than one city, the input changes, through an
Matching exactly option and optgroup
First all, I like to thanks kbwood for this awesome script, however, I got an issue with this script when my select-options become long: This is kbwood's solution with few options http://jsfiddle.net/hsQjh/5/ This is long options with issue: http://jsfiddle.net/hsQjh/6/ My first select-box option is up to 40+ of options, thus the second select-box would be up to 40+ of optgroup as well, when I picked option '2' on first box, second box are populated all optgroup that is numbered started with 2, which
Smooth glow for image on hover?
Is there a jQuery plugin that animates a smooth glow on the image itself (not a border/outer glow!) when mouse hovers over it? I've only found a CSS trick that animates a border glow, as well as Pixastic which does have an image glow but does not have a smooth animation that fades it in. Thanks.
.css("top") is returning "undefined"
Hi, I am trying to set the property of a DIV element using the .css(...) method, but it keeps returning "undefined" both before and after I set the value. Here is the code snippet: var isense = { $dialog: $('#isense'), $box: null, // gets set before call to ShowDialog ... ShowDialog: function (data) { var height = this.$box.height() + 9; var $offset = this.$box.offset(); var content = $('<div />').append($('#isensetemplate').tmpl(data)).html();
How to cancel click and hover actions?
I use the following statements: $("#icon09").hover(hoverYes, hoverNo); $("#iconimg09").click(intzorg); where iconimg09 is part of icon09. This works fine, but I want to retract the "hover" and "click" later on. Can anyone tell me how to do this?
Link in jquery mobile
Hi guys, I have this resource <div data-role="footer" data-position="fixed" data-theme="b"> <a href="listingresults.html" data-role="button" data-theme="b" data-icon="search" id="results"> <span class="ui-btn-text">Results</span> </a> </div>in listingsresults.html i have an alert message but this message isn't works, I must refresh the page for the alert shows. $(document).on('pageinit', function(){ alert('test'); });Thanks
jQueryMobile Facebook AJAX login
Hi All, Been at this for several days. Basically I'm getting a 'page load error' when the Facebook callback with token gets hit. Yes, i've read a number of Posts which say to set AJAX to false. So, I do that and the Login works I get my Token, however this causes the web-site to reload but not all the Pages - so I start to get Javascript run time exceptions because certain Javascript functions in other pages which are called in the .Ready function are not found because they're not loaded. I'm
$.ajax timeout, next request is err: "abc was not called"
Basically what I'm trying to do is: 1) make 1st a jsonp get request to a url This call may get 404 2) if the first call fails, make a jsonp get request to a different url If the first call fails due to timeout (404 error) then the second call fails with an error that the first call jsonpCallback ("abc") was not called. I don't understand how the first call could be effecting the second call. Here's some example code (it's more code than necessary but for clarity sake): var
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
getting a combobox value from database with json
hi mates!!! im a begginer in jquery and i have a big problem for me... i have a static combobox and i do a query to the database for get the genre and compare this value with the values of the combobox but the json value replace me the first value of the combobox an then the list of the combobox show me the same two values for example; my combobox look like that: <select name="sexoAlumno" id="sexoAlumno" > <option value="1">Masculino</option> <option value="2">Femenino</option>
Customizing number of errors in validation plugin
I am working on a good sized form with several fields that require validation. I am using the wonderful Validation plugin created by Jörn. I have most of it working correctly. Now I need to validate a group of checkboxes, ensuring that at least one is checked. Figured out how to do that from the fiddle here: http://jsfiddle.net/TCHYJ/ Now, my invalidHandler is not correctly reporting the number of errors. I have 12 checkboxes of which at least one needs checking and it says "You missed 12 fields.
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
Need help converting a table
This may not look long but I promise this is not for the lighthearted I have the following table I am trying to modify via jquery... <table id="mtable" cellspacing="0" cellpadding="0" border="0" style="width:100%;border-collapse:collapse;"> <tbody><tr> <td> <span id="mspan" class="merror"></span> <table width="100%"> <tbody><tr> <td nowrap="nowrap">User name:</td> <td width="100%"><input name="mname" type="text" id="mname" autocomplete="off"
Next Page