1.4.2 to 1.9.1 breaks functionality - how to resolve
This code below closes a dialog, loads the EnterBarn page (showing the new record) and does an effect highlight of that first row. Well, this works with 1.4.2 but not with 1.9.1. Can someone please suggest how to resolve this? TIA Robert success: function(response) { $('#dialog-form').dialog('close'); $('#grid').load('/EnterBarn/ #grid', function(){ $('tbody > tr:first') .effect("highlight", {}, 2000); });
Get JSON data Error
I have an AJAX call that is parsing JSON data but it's currently not working. I added an error even, but I'm not sure what to put there to figure out what my issue is. I have added this but the result is just unidentified. error: function(response) { console.log(response.ErrorHtml); }
Using Eclipse, MDS AppLaud and jQuery Mobile doesn't build, gives error 9
Hi I am using the following versions: Eclipse SDK Version: 4.2.0 PhoneGap/Cordova 1.4.1 jQuery Mobile 1.1.0 And I cannot build or compile my generate project as it gives the following error message: The default case is already defined jquery.mobile-1.1.0.min.js /[name]/assets/www/jquery.mobile line 45 JavaScript Problem and the automatic build throws an error 9 Can anyone help and explain what's happening here please?
Is there any free Jquery plugin that can do the same stuff as the one in this one?
I have a requirement to filter the search results into categories. i like the script here http://codecanyon.net/item/simple-content-sorting/full_screen_preview/472808?ref=lvraa , but what I'm doing is an academic project and I'm not in a position to buy it. Is there any free script available out there that does the similar stuff? Thanks in advance!
JQueryMobile open phone gallery and select an image
is possible to open the native gallery of a phone (iOs, Android,Windows Phone etc...)and select an image with jQueryMobile? and if how? Tnks for the response
Bookmarklet retrive webpage URL and compare to URL array
Hi Guys, I was hoping someone could assist me. I am trying to create a bookmarklet that will retrieve the URL of the current page (whenever the user clicks the bookmarklet) and compares it to a list of URLs. If the URL matches one that exists in the array, it redirects the user to a different website. Please let me know if someone can point me in the right direction. Thanks!
Z-Index Issue on Motorola Devices JQM 1.3
I am having a issue with JQM 1.3, JQ 1.9.1, PhoneGap/Cordova 2.4.0 and the DROID RAZR 4G, MOTOROLA PHOTON 4G, MB855, DROIDX. My issue is that the users cannot see any of the buttons, form inputs, or collapsible-sets. I can replicate the issue on browserstack.com and even FIX a part of it. It seems that the Motorola browser/html parser does not respect the z-index attribute. If I change a button's z-index to 999999 I can see it in the Motorola Browser, but this dones not work for collapsible-sets.
Any way to disable the location-bar URL updating?
I'm using JQuery Mobile for a project and starting in 1.3 I noticed a bug with our browser app that when the URL changes, it reloads the page. Which, obviously, breaks things. Right now, it loads the page with the hash URL, like if I'm currently on /User/index, and I click a link to /User/view/1, it'll show as: /User/index#/User/view/1 and then a second later it'll update it to /User/view/1 in the location bar. Which is fantastic. However, I'd like to disable that second part, since it's causing
No page load in Internet Explorer (ie 9, 8 and 7)
I have a site that is working lovely on every platform and browser except for internet explorer. All I get is a loading giff and nothing else... Help please! This is my first buuild with the jquery mobile framework. damnationalley.vincentstephens.co.uk
How to bold text in autocomplete
As the user types in letters I want to bold the letters types in the autocomplete Here is the script that I am using: //Create Autocomplete //Uses jquery.ui.autocomplete.html.js extension
var createAutocomplete = function () {
var $input = $(this);
var options = {
source: $input.attr("data-jax-autocomplete"),
minLength: 3,
html: true,
};
$input.autocomplete(options)
};
jqueryUI modal set header and fields from code
Hi, I am trying to customise the example (http://jqueryui.com/dialog/#modal-form) to my needs. What I can't figure out is how I can modify or set the texts of the form (e.g. Name) at runtime. I need to do this because the form will vary depending to server input and I can not antizipate the text. Is there a simple way to do this? Just to clarify. The names are stored in a structure: <div id="dialog-form" title="Create new user"> <p class="validateTips">All form fields are required.</p> <form> <fieldset>
Display Markup of selected autocomplete item
I used jquery.ui.autocomplete.html.js in-order to display data with html markup in the autocomplete list, but when I select an item from the list it is displayed as: Apo A-1 KO - [Allele Common Name] -> <i>Apoa1<sup>tm1Unc</sup></i> <b>By Search Term</b><br /> <input type="search" name="searchTerm" data-jax-autocomplete="@Url.Action("Autocomplete")"/> <input class="submitSearch" type="submit" value="Submit" style="width:100px"/> What do I need to do so that the selected item is displayed as html?
jQuery or Ajax Error Post it
I have an example for posting window.error. I would like to post .ajaxerror like the example below to my logger page/script. I am not sure how to do it. WINDOW ERROR: window.onerror = function (message, url, linenumber) { if (window.XMLHttpRequest) { var xhr = new XMLHttpRequest(); var scripturl = "Logger"; var log = "?message=" + " LINE NUMBER: " + linenumber + " MESSAGE: " + message + " LOCATION:
Ajax error message - need to get more information
There is an AJAX error on my page. Below is the code and error message. I need to extract more information about the error. How would I do that? CODE: $(document).ajaxError( function (event, jqXHR, ajaxSettings, thrownError) { alert('[event:' + event + '], [jqXHR:' + jqXHR + '], [ajaxSettings:' + ajaxSettings + '], [thrownError:' + thrownError + '])'); ERROR MESSAGE: [event:[object Object]], [jqXHR:[object Object]], [ajaxSettings:[object Object]], [thrownError:Internal Server Error])
Separating results that begin with the first letter from rest matching results
Hello, I am using autocomplete to help users find categories based on their input and I have used the following expression, to filter out results that do not begin with the first letter typed by the user. var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex( request.term ), "i" ); my question is: can I have a second matcher without the "^" + option and display the results beneath like so user types: sc end gets: Scala Scheme ----- Related Results --- ActionScript AppleScriptJavaScript
flickering issue on Footer data-position="fixed'
I'm developing a mobile app with listview indexes and articles of various lengths using fixed headers and footers. I'm experiencing a flickering issue on pages when i set eh footer to fixed position: disappears and blinks when i pass from page to page ...i'm using listviews <ul> <li> if i remove the "fixed position" the issue doesn't appear. I'm testing it on Android 4.0.3 and i'm using jquery 1.2 I tried in css .ui-listview, .ui-li { list-style:none; padding:0; -webkit-transform: translateZ(0);
Jquery mobile hash navigation removes javascript wordpress plugins
Hi everyone Im currently having an issue with my mobile theme using jquery mobile and wordpress as my CMS. Every page loads fine until i need a page to load javascript from a plugin. The hash navigation leaves/ excludes javascript from my wordpress plugins. Example 1: I have mappress plugin which is a google maps plugin for wordpress. I add maps to 2 of my posts. When i render the listview all the posts link to their sinlge page as expected, but the 2 posts with the maps wont load because of hash
Persistent content while browsing.
I have a page where I load a video into a popup. If I close the popup it continues to play, and if I leave the page it continues to play. This will only happen if I enter this page directly or refresh from this page. I know how to stop the video when the popup closes, or delete the html in the popup so that's not the issue. I am intrigued as to how I might have a constant audio or video player playing as a user browses the site. I notice that the initial div with data-role="page" stays in the
Progress bar polling stops updating
OK, bit of an odd one here: using the jQuery progress bar and some $.ajax({}); requests to poll our server when processing / calculating items. Normally this works fine, however, I have noticed recently that the progress (polling) always "stops" when running long processes (say 13000 items or so (in this current example it stops updating the progress bar at around 40-50%, roughly (but not always) 10 mins in)), but server still processes each item (the tomcat logs prove that the request is still running).
Jquery plugin? Check if code exists on a website
Hi Guys, I was hoping someone could suggest a solution for the following: From a specific website, the user is able to "download" a script which will attach itself as an addon or something similiar to the browser. From that point on, if the user browses to certain websites which we have added some code on the "addon" will detect that code on the website and redirect the user to a certain website. I'd want to use this for some sort of competition, so the user signs up by installing the "addon" from
How to develop Browse File using Modal popup
Hi, Please share some inputs to develop custom Browse file window. How to develop Browse File using Modal popup Regards, Srinivas.
Help needed on accordion with sortable & droppable feature..!
Hi folks, Can i just do the opposite of this shown in the below example,i.e, drag from a (shopping) list and drop back to any of the sections of accordion.http://jqueryui.com/droppable/#shopping-cart Thanks in advance..!
Datepicker: add +1 day to selected day
So, this drives me crazy, I have googled for hours: $("#return").datepicker({ minDate: 0 }); $("#departure").datepicker({ minDate: 0, onSelect: function(selectedDate) { $("#return").datepicker("option","minDate", selectedDate); } }); How do you add another day to "selectedDate"? example: if I select march 5 for departure, make sure that return date minimum day is at least march 6 Here is full code: $(document).ready(function() { $("#continents").change(function
Alter Radio Input Value When Someone Clicks On a DIV
Hello, I asked this question in stackoverflow, but didn't help. I am basically trying to save a html value with a radio select button and my code looks like this. <ul class="ulitems"> <li><input class="liitems" type="radio" name="items" value="<a class="green none" href="http://www.google.com" title="Google" target="_blank">Google</a>"></li> <li><input class="liitems" type="radio" name="items" value="<a class="green none" href="http://www.yahoo.com" title="Yahoo" target="_blank">Yahoo</a>"></li>
problem with pageinit
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>a</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script> $(document).bind('mobileinit',function(){ $('#a').live('pageinit',function(){ alert($('#a-header').height()); }); });
Getting value of Drop Down List - .val() not working
I'm currently using jQuery to supplement an application I'm building using web2py. One of the issues I'm trying to use jQuery to help with concerns some drop down lists that I manually made with HTML. The values for these drop down lists are set in the web2py backend. The resulting HTML looks like this: <select name="ddlschool" value="2"> <option value="1">Lincoln Elementary</option> <option value="2">Screaming Eagle Middle School</option> <option value="3">Johns Hopkins High School</option> </select>
Problem making a script "see" an element loaded in Ajax
Hello, I am coding a web page that displays an image that have the #zoom tag, i found a magnifying plugin and i want to load different images with the #zoom tag and make that plugin to "see" the actual image. I have this code function ajax(color){ var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() {
jQuery not showing event namespace when using proxy
In my script I want to have two types of click functionality, depend on what is clicked and I want to do it in a single function. I decided to make it with namespaces, but the console gives me undefined; Here is the code: $target1.on("click.Bst", $.proxy(self.selectNav, self)); $target2.on("click.Bst.Type2", $.proxy(self.selectNav, self)); My function selectNav() executes on click, but when I try to get the event.namespace (event is passed as s function parameter) I get undefined. selectNav: function(event){
play beep sound when jquery dialog opens
I want to play a beep or notification sound when jquery dialog opens, to capture user attention. I want to call play my audio in open event of jquery dialog. $(modal).dialog({ buttons: buttonsOpts, modal: true, title: opts.dialogButton, stack: false, zIndex: 20000, open: function( event, ui ) {} }); is there a simple way to play an notification sound using jquery.Please advice. I want this to work in IE 7+
jQuery Validation plugin: dependency-callback not working...
I'm trying to create a US zip code (5-digit numeric) validation for a text field that applies only when "United States" is selected from a drop-down. Here's a quick example http://peterozolins.com/validation/ the dependency-callback is working for the "required" rule -- if I select "other" in this example, the zip field is not required. However, the 5-digit requirement persists. In what documentation I can find, it seems like this should work, and be the cleanest solution. I also tried creating a
Why to I need to append [0] to my jQuery selector to get to an object?
I am having an issue with finding an object in jQuery. I have the following code: < div style =" text-align : center ; " class ="dvAddReferenceButton"> < img src ="../../../../Images/Eteach/buttons/referencesRecord.gif" onclick ="AddReference()" /> </ div > < div id ="dvPopupEditor" class ="dvPopupEditor" style =" display : none"> Hello World </ div > On clicking the referencesRecord, I want to display the “dvPopupEditor” using jQuery Block Ui. The problem I
Position Method - collision: “fit” is moving table elements to top of page instead of shifting them away from bottom of iframe
I'm trying to use the Position Method on table elements within an iframe in order to shift the elements away from the edge of the iframe if they're too close. I'm using this for faux Select elements that are near the bottom of the page, but instead of shifting the elements with collision: "fit", they're moving to the top of the page. I tested collision: "flip" just to be sure, and was surprised to discover that it didn't position anything and allowed the element to be cut off. I've also tried adding
Pls. help. I am breaking my head
Hi, I have a form that uses a jquery tab. I am posting data to php using the following, var jqxhr = $.post( "cgi-bin/docallrecord.php", { id: "1", tablename: tablename, startdate: stdate, enddate: enddate, phonetype: phonetype, phonenumber: phonenumber, uploadedfile: upfname,
(Q) Fixed footer at bottom anh adapto to div height?
Hi, I'm newbie in Javascript I try to build a website for my own business This is my website layout Is there solution to make this Thanks & sorry about my Bad English
moment.js in JqueryMobile
Hi everyone! I am geeksha and I am starting with Jquery Mobile.I have one web app multipage almost finished :-), but I can't to get date and time for my home page.I thought that moment.js can be useful and I added in the head of the document like that: <!-- Librerías necesarias --> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js"></script>
Problem with Dialog in Chrome
Hi All I am using the Dialog widget in my application using the following command: var opts = { title: "My Dialog", modal: true, height: 700, width: 800 }; odialog = $('<div id="newdivid"><iframe width="100%" height="100%" id="randomid"></iframe></div>').dialog(opts); $( "#randomid" ).attr("src",curl); In the above code, "randomid" and "newdivid" are randomly generated. The dialog opens properly in IE with the correct width and height. But doesnt come correctly
Navbar full width in a Panel and load Problem?
Hi, i have tried the new Panel but i have 2 problems with the Navbar and one with the Panel itself. if you can see in the picture the nav Buttons are not at the top of the Panel and they have not the full width, so how can i do this ? then i have sometimes a Problem with the Panel. If i open the site above with an iPad and then i klick on the Video Page Button, it loads with jquery ajax a site with a html5 video tag. But sometimes if the video site is loaded the Panel page is white, you can see it
Listbox > Show related div
I'm kinda new to Jquery and I'm having trouble with the script below. The idea is that the user selects an item from the listbox and then it's related div should popup (and hide the other 2 div's) <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript"> function showonlyone() { var thechosenone = $('#number > option[selected]'); $('.newboxes').each(function(index) { if ($(this).attr("id") == thechosenone)
Binding/Unbinding click events
Can someone please help with the following. Click events are bound to 1st and 2rd anchors on dom load. It all works but not quite as desired. 1st anchor drops down a menu. 2nd drops a search field. Clicking first on a.menu opens the menu. Cliking on a.searched while menu has opened, prevents a.searched from opening its search field dropdown. Clicking on a.menu collapses the menu dropdown. Now clicking on a.searched opens it. This is correct so far. But if a.menu is clicked again wile asearched is
404 @code.jquery.com/dist/jquery-migrate.min.map
Maybe I'm doing something wrong, but I keep getting 404s in Fiddler when I include jQuery migrate 1.1.1 from the CDN. code.jquery.com/dist/jquery-migrate.min.map 404 My scripts: <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script> What am I missing?
Next Page