Failing to display list of values using Autocomplete Remote Datasource in 1.9.2
I am trying to upgrade from 1.8 to 1.9 and could not make the autocomplete to function with remote datasource. So I tried to use the demo version and host it on my server, and it fails too. I suspect the problem is with / characters in the source property. Searching for "pig" hoping to find "pigeon", it works it I use the following URL http://jqueryui.com/resources/demos/autocomplete/search.php?term=pig Could anyone try the following example and search for "pi" or "pig". Thanks, Eric ---------------------------------------------------------------------------------------------------------------------------------
problem with $.mobile.selectmenu.prototype.options.nativeMenu
I have been using $.mobile.selectmenu.prototype.options.nativeMenu = false; in my app, but now I want to change to using the native dropdowns. However, if I remove this line from my code (or change it to true) then the page will not load. I get an error Uncaught TypeError: Object has no method 'addClass' jquery.mobile-1.2.0.min.js:2 (anonymous function)jquery.mobile-1.2.0.min.js:2 (anonymous function)jquery-1.7.1.min.js:4 e.extend.eachjquery-1.7.1.min.js:2 e.fn.e.eachjquery-1.7.1.min.js:2 f.fn.extend.htmljquery-1.7.1.min.js:4
Date picker not working in phonegap
I have a date field in my app and the date picker works great when used with my android phone browser, but when I put the page in phonegap and use the same phone the datepicker does not appear, it just shows the keyboard. Is there a workaround for this? Update: the date picker works fine in phonegap with iOS. So whats wrong with Android?
styling current page link
I'm trying to apply a style to the menu link that matches the current page. Here's what I have... <script> $(document).ready(function(){ var str = $(location).attr('href'); $('#innermenu li a').each(function() { if (str === this.href) { $("li").addClass("hilite"); } }); }) </script> ... but it fails to add the class to the li that contains the href that matches the location. What am I missing? Is there a better way to do
Cannot read property 'mobile' of undefined at file:///android_asset/www/jquerymobile120.js:256
I have included the latest jqueymobile.js When I click on submit button, I got the error as below: Cannot read property 'mobile' of undefined at file:///android_asset/www/jquerymobile120.js:256 Below is code of my HTML File (index.html): <!DOCTYPE html> <html> <head> <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type"> <link href="registrationstyle.css" type="text/css" rel="stylesheet"> <script src="jquery.min.js"></script> <script src="jquerymobile120.js"></script>
Is this a good plan for my application, using chromium,xslt and jgrid?
Our application, which is not a web app but a vb.net client for dispatching trucks, uses the chromium object to display messages in our software. I am now going to be receiving xml strings that need to be displayed in the chrome object. I have to use xslt to convert the xml to html. I was planning on using the jgrid which is jquery from what I have learned. Some of the xml strings will represent a list and is supposed to allow the user to select one of the items to request additional information.
Jquery tools overlay , i can not close page with javascript
Hi I use this code ... http://jquerytools.org/demos/overlay/external.html But i can not close page with ajax code. When i click "X" image page is closed, but i want to make this action with javascript. I try to close external-content.htm in external-content.htm. $(".contentWrap").hide("slow") code is close page content, but it not close all page . AfrikaansAlbanianArabicArmenianAzerbaijaniBasqueBelarusianBulgarianCatalanChinese (Simplified)Chinese (Traditional)CroatianCzechDanishDetect languageDutchEnglishEstonianFilipinoFinnishFrenchGalicianGeorgianGermanGreekHaitian
Internal server error jquery and ajax json
i have following code using jquery and json <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Params.aspx.cs" Inherits="JQueryAjax.Params" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <style type="text/css"> .loading { background-image: url('ajax-loader.gif'); background-repeat: no-repeat; } </style> <title></title> <script src="jquery.js" type="text/javascript"></script>
function($)
Hey I am a beginner in jquery and I have found these in many places function($){ // what is dollar sign doing here.? } 2.$.fn.myfunction = function{ //what is fn here and y not to use directly function myfunction(){}? } 3. $.myvariable={ init://some code, error://some code, title://some code //I have seen such thing in $.ajax() function..Is this a way of object
ajax 405 error
Hey, I am new to Jquery(/ajax) and I am trying to make a google suggestion website where the user will input the string and the site will fetch the suggested data.My ajaxComplete function is executing but i am getting the following errors. "NetworkError: 405 Method Not Allowed - http://www.google.com/complete/search?output=toolbar&q=america" this is my code. <script type="text/javascript" $(document).ready(function(){ $("#submit").click(function(){ var suggestion=$("#search").val(); $.ajax({ type:"GET",
Page rendering issues IOS vs. Android
Any idea why a jqm site renders very small on Android devices and renders fine on IOS (iPhone 4, 4S, 5)? See attached screen shots. I'm new to jqm and don't understand what's causing this!? Any help would be appreciated. Thank you.
PropertyCross - compare jQM vs. Sencha vs. Titanium ...
Hi All, I wanted to create a way for developers to more easily compare cross-platform frameworks. With this in mind, I came up with PropertyCross: http://propertycross.com/ This project demonstrates the same application implemented with a number of frameworks. You can read a bit more about the project here: http://www.scottlogic.co.uk/blog/colin/2012/12/introducing-propertycross-helping-you-select-a-cross-platform-mobile-framework/ PropertyCross is open source and hosted on github. There is already
How to disable loading when changing tab page?
Hi friends! I have a problem. I'm using this link; http://jqueryui.com/tabs/#manipulation I'm loading pages dynamically within tabs. But. When changing from tab. Refresh the page again How I can remove this effect? This is my code. I'm using jsf + primefaces: <script type="text/javascript"> jq = jQuery.noConflict(); $(function() { var tabTitle = 'hola'; var tabContent = jq("#tab_content"); var tabTemplate = '<li><a href="#[href]">#[label]</a> <span class="ui-icon ui-icon-close">Remove
How to know the row
I have an ASP.NET gridview and a bound field with an HTML link. And I wanna know how to find which row is clicked and extract its data out of it then send it to the asp.net c# code behind? Also, I would like to know which book can I buy or where can I learn more about how to code these stuff, like gridview and sending data between jquery and asp.net code behind? Thanks.
bind() doesn't execute line by line.
I bind my canvas "Drawing_Plate" with several events: $("#Drawing_Plate").unbind("touchstart"); $("#Drawing_Plate").unbind("touchmove"); $("#Drawing_Plate").unbind("touchend"); Line 13: $("#Drawing_Plate").bind("touchstart",put_the_bgrd_music); //put_the_bgrd_music is a function(). Line 14: $("#Drawing_Plate").unbind("touchstart"); As I expect, $("#Drawing_Plate").unbind("touchstart"); will execute after Line 13: As the user touch on the canvas, doing something and then the $("#Drawing_Plate")
What tool can i use to test out my JQuery code?
Hello, i know this is going to sound funny, but what tool can i start using to test out my JQuery scripts or Javascript code in general please? Thanks! bk
Persisting google maps as a toolbar
I am developing an application where the background for all the screens is a google map. I have been able to overlay my UI on top of the google map for the first screen with no issues, but i haven't found a way to be able to persist the map div over from data-role="page" to data-role="page"; Whilst i can live with reloading the map on every screen, it would heavily impact my bandwidth consumption and my app's user experience as a whole. I tried assigning the same ID to all the div's hosting the
Wat till earlier Jquery is executed
Dear All I have 2 div' (refer http://jsfiddle.net/6evD2/8/ as a sample pls note they are not functioning) From one div i am allowing user to select headers using autosuggestion ( let us call this All Div Header) and other div had headers aleady allocated or selected by user (let us call it Selected Header Div) In short user selects an header from All Div Header (as well as database table) and after clicking Add and that header is transferred to Selected Header Div( as well as database table)
Communication with a PCB via bluetooth
Hi, I'd like to make an android app that can communicate with a printed circuit via bluetooth. How can I do this?
Pass Variable from input fields to " var = xxx"
Hello gurus I am using jQuery and need some help. I have a page made up of Input Field, A signup function. Signup variables What I want to do is when the 'Signup' function is called, to pass the values of the text fields to the instance variables. function signUp(): var user = new Parse.User(); var Username = 'xxx'; var Password = 'xxx'; var Email = 'xxx'; user.set("username", Username); user.set("password", Password); user.set("email", Email); Enter your username<input type="text" id="username"
Can't hide an input field with css('visibility') on Android
I'm trying to hide an input field by setting its .css('visibility','hidden'); This works fine running in my development browser (Chrome on Windows), but when I run it on Android (version 4.0.4, Samsung GS2, Phonegap), the hiding behaviour doesn't work properly. The field is not hidden at first, but if I then do something with some other JQM widget on the page, such as collapsing or expanding a listview, then the input field is hidden. I get the same result if I rotate the device, which presumably
using classes in .animate function
function up() { $(".div2").animate( {top:"-50px"},300 ); } --------------------------------------------------------------------- instead of defining values of property, can we use any class from .css file
how to prevent browser to jump on top ??
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <a href="http://jquery.com">default click action is prevented</a> <div id="log"></div> <script> $("a").click(function(event) { event.preventDefault(); $('<div/>') .append('default ' + event.type + ' prevented') .appendTo('#log'); }); </script> </body> </html> this program works very fine for links but if the condition is like this <input type="submit"> then what is the solution??
Autocomplete menu items does not change by external data
Dear All, I am using AutoComplete plugin of jQuery. but having a serious problem in my application. i have two textboxes. - first text box is for input a value - second text box is enabled for autocomplete and autocomplete menu items will be changed after changing input value of first text box. But, when i change input value of first text box, then i found a problem on second text box. new menu items are shown in upper layer of previous menu items. please see the attached image. Please give me
Double and triple transitions
I am using jquery 1.7.1 and jqm 1.2.0 and while testing my page on the Android emulator I noticed that when I do a page transition it flashes 2 or 3 times. I just want to know if this is normal, or if I am loading the page the wrong way. The pages look fine on the phone, and on a desktop, but not in the emulator. It could be that the emulator is not able to render the transitions correctly. Here are the test pages I have been using, they are very simple, click on the top 3 buttons in the emulator
problem in page refreshing
hi can any one help me.. i have a login page when i enter username and password it is navigating to second page but when i press back button on emulator then it returns to login page the username and password i enterd remains on same page .. actually i want this when i press back button on emulator the page should go to login page the username password which i enterd should be clear....
jQuery CSS
I am new to jQuery, my following code not working, there is an error in $ line, can anybody help me: <script> function call() { $("div").css("margin-left":200px;); } </script> <style type="text/css"> div{margin-left:100px;} </style> <body> <div onMouseOver="call();"> <p>Hallo</p> </div> </body>
Autocomplete change event when this.previous is undefined
When I tab into an input text field that has data in it and that has an autocomplete handler attached to it, for some reason, the field does not receive focus, and so the autocomplete "this.previous" variable is not set. (This may be the real bug; the field does receive focus when clicked in.) In any event, when I then tab out of that field, autocomplete's blur handler calls its _change() function, which then compares "this.previous" to "this.element.val()." Because "this.previous" is undefined,
Multiple getJSON methods - neither return
Was wondering if anyone has come across this problem (hopefully it is a problem and I haven't just overlooked something..) I have a javascript file that calls two different getJSON methods and appends the result(s) to the same list. The first getJSON method will work, and the code will jump to the function holding the second getJSON only if the second getJSON is commented out. When the second getJSON is uncommented, neither getJSON method works - as far as I can tell, it doesn't even fire off
How to change button with jQuery when new video scrolls up into view on page?
On this page http://kimcolemanprojects.com/djangolive_1.html there are five videos. When you click on each video the next video scrolls up into view with jQuery. Because of this jQuery effect, I had to disable the video controls. So I decided to put a play/pause button to the left of each video. However, I now need some help with making a script that will change the button when each new video scrolls into view. I have a piece of script that changes the titles as the different videos scroll into view,
Using jQuery to change body bg image on <li> mouse over
I am trying to get the body bg image to refresh on a new <li> mouseover. I am writing out the code dynamically from a MySQL DB through PHP. When I write the following code out I only get 1 bg image on the first <li> mouseover: <ul d="Lmenu"> <script> $('.chgbg').hover(function(){ $('body').css("background", "url('includes/css/images/bg/1.jpg')"); }); </script> <li class="chgbg"> <a class="color1 fancybox" href="#Rterm1" title="ubiquity" ></a></li> <div id="Rterm1" style="width:200px;display:none;">
Problem with toggle()
Hi All I need some help in my JQuery code I can not seem to understand where I am going wrong. It's a simple 'Parent' and 'Child' style collapsible table. So to start with all 'children' are hidden and if you click on a Parent it shows all it's children. The problem with my code is when I click on a Parent all of it's children are shown in all the rest of the Parents too. Thanks $(document).ready(function() { $("#report tr:odd").addClass("odd"); $("#report tr:not(.odd)").hide(); $("#report tr:first-child").show();
How can I define dialog once and use it in Add and Edit methods?
Hi everybody, I have the following code in my Add button $("#sform").dialog({ autoOpen: false, show: "blind", resizable: true, width: 1200, height: 750 }); $("#sform").dialog("open"); And I also have very similar (although not entirely working) code in the Edit button (the difference being that in Edit I try to Load different content into the form). For now my question is - how can I create a variable holding the definition of that dialog and how will
Append text in textarea
Dear All Help me to resolve this I have two fields input and textarea i want to use this as follow if some text is entered in name (input) ... say 2/3 on blur I split this and i want to display 2/3 2 as superscipt divided sign or / sign and 3 as subscript as defined in JQUERY http://jsfiddle.net/5aeqa/4/ JQUEY $("#name").blur(function () { var name= $('#name').val(); var substr = name.split('/'); var mstring= "<sup>"+substr[0]+"</sup>"+"/<sub>"+substr[1]+"</sub>"; $('#container').append(mstring);
Organizing values of child elements for processing of a sortable form
in my form, the user can click a button to create input fields. Inside each of the created input fields, they can click the "add media links" button to create another input field underneath. They can add as many media links as they please or none at all. The first set of input fields are also sortable. I have the user interface working, I'm just wondering how to go about processing it. right now, I am basically grabbing all of the values entered from the first set of input fields (aka "thestepvalues"
Mobile Document Library with jQuery Mobile
Hello, I am new to app development and I am looking to build a mobile document library type app. In essence it would be a tool to import, browse, organize, view and manage PDF files. No editing or manipulation of the files within the app. So it would need to include some of the functions of apps like Good Reader or PDF Expert, utilizing the splitview plugin type layout, but simply for organizing and browsing. Before I get too far into this project I want to be sure I am choosing the right approach
New to jqeury: question how to add an autofilter row to a page in an iframe?
Hi there, This might be better in the "using" forum, but this is my first turn at java scripting, with jquery in particular. I've the book "Jquery Novice To Ninja" and a general HTML/CSS/JS book as well (teaching myself to create better web pages at work). What I'm doing: I have a web page (not on a server, I call the .htm direct) and inside of this is an iframe. When I click on a menu items in my main web page, various different web pages come up in the iframe. These are ones I've created
How to achieving cross domain ajax calls with Jquery??
Hi, I am new to JQuery. I got a situation to use cross domain ajax calls. The code sample is here. When i am trying to invoke post (update data) i am getting error. To resolve that i placed JSNOP as commented in update. But the problem is all the request sent are only as GET even that was post. How to resolve the cross domain issue..please help me dataSource = new xxx.data.DataSource({ transport: { read: { url:
get input value from SimpleDialog2 blank mode
I have used JQM SimpleDialog2 in my app. I am having one textbox and button in that dialog. i can't able to get the value from input while click on button in dialog. i have used blank mode.. Here is my code.. I am getting empty value from this code. please correct me. <div id="myDialog" style="display:none" data-options='{"mode":"blank","top":"10%", "headerClose":false,"blankContent":true}'> <Center>please enter Your Amount here</center> <input id="txtAmt" name="amt" value="" type="text" placeholder="Amount">
Sub-domains & QRCode with jQuery Mobile
Hi guys, I've developped a mobile website using jQuery Mobile. I've configured a sub domains which go on my mobile site (my hosting is ovh). Then I've generated a QRCode for going on it directly. When I put visible redirection, my website displays in mobile version, whereas when I put invisible redirection, my mobile website displays like a computer version. Did someone have already see that ? Any idea to solve my problem ? Thanks. Regards.
Next Page