Using jQuery Validation plugin with Uniform
I'm using Uniform to change the look of selects in a form. I'm also using jQuery Validation to validate the form. The problem is that Uniform updates the HTML like this: <div class="selector" id="uniform-state"> <span>Please choose</span> <select name="state" id="state" required="" aria-required="true" class="required"> <option value="">Please choose</option> </select> </div> When submitting the form, the validation plugin correctly assigns an error class to the select
Fixed div to fade in and out when footer appears
I have a query where i have a fixed div with contact details that i would like to be on show until the footer is in view then it will fadeout. When the footer is out of view when the user scrolls up, the fixed div then fadesIn. I have had a look at some examples and using my own div tags and styling and nothing happens. An example i have used is: $('#footer').appear(); $('#footer').on('appear', function(){ $('#fixed_div').fadeOut(); }); $('#footer').on('disappear', function(){ $('#fixed_div').fadeIn();
List or page load based on GPS location limits
Hi I have 2 questions. 1- how can I draw different map limits? For example draw a path around Los Angeles and another one around San Francisco, so if a user is GPS located inside LA, then a list or some information can be loaded relating to LA and a POI can appear with the directions to there. 2 - the tricky part also is that even if a user is nearer to a POI but he is not in that delimited zone, the POI related to that zone is the one that should appear to him so as that information. Thanks for
Importance of serialize() in ajax() Method
When I use this method in one of my functions to communicate with the server, for some reason it would work when I took out the "serialize" portion of the function. For instance, I have this: $("form").submit(function(event) { var $form = $(this); var $inputs = $form.find("input, select, button, textarea"); var serializedData = $form.serialize(); $.ajax( { url: "some url", type: "post", data: serializedData; dataType: 'json'
how to resolve an easing conflict between UI and plugin
I have a web page which uses both the accordion UI and a plug in menu from apycom.com which has a nice sliding menu effect. This effect depends on an easing call defining 'easin, easinout, easeout, etc. However unless I comment out this call I get an error when I select one of the tabs on the accordion UI. So at the moment I can't use both simultaneously. the error is (from jquery.min.js): 'c.easing[this.options.specialEasing && this.options.specialEasing[this.prop] || a] is not a function'
Understanding custom events...
I can understand the example below well, except: in the last click function, there is a .length property attached to `$(''.lightbulb.on')`. Im not sure how the .length property is working here. If someone could explain this for someone who is still very new to jQuery and javascript. Thanks. `$('.lightbulb').on('changeState',function(e){ var light=$(this); if(light.hasClass('on')){ light.trigger('turnOff'); }else{ light.trigger('turnOn')
Messaging system in real time ??
I'm trying to make a messaging system like "Whatsapp", "Line", "WeChat" etc etc ... In jQuery Moobile, I have understood that I use sockets, but need some guidance, because this is new to me. The system only has one on one conversations. No group conversations. You will also have state changes. I have already run the chat, sending messages and everything, just need to be real time .. Can anyone help? I should use?
Is it unusual that jquery ui CSS fails W3C Validation?
Validating my site (www.bigsurgarrapata.com), The W3C CSS Validator found 26 errors and 26 warnings, but most of them were in jQuery CSS files. Is this to be expected? I'm using jquery 1.9.1 and jquery-ui 1.9.2
combining fadeIn and slideToggle with JQuery.1.9.1
I'm new to jQuery, an I'm using jQueryHeadFirst book to learn it. The application demonstrated in first chapter of this book mixes fadeIn and slideToggle effects. It works fine with previous version of jQuery (1.6.2) but the fadeIn has no effect with the latest version 1.9.1. (tested with firefox and chrome) Any hint ? Here is the source code of the html page. <!DOCTYPE html> <html> <head> <title>Furry Friends Campaign V.1</title> <style> #clickMe { background: #D8B36E;
Performance problem on checkboxes in listview
We have a listview that is dynamically loaded over xhr. However, parsing and adding all the jqm specifics with trigger( "create" ) takes an awful lot of time. I created a jsfiddle, http://jsfiddle.net/bZYJq/22/, that describes our problem. Timing is printed on console. Any help to get more speed out of this is appreciated :) regards, Robin
keyvalue pair in jquery autocomplete
Hi In my android phonegap app,i have used jquery autocomplete feature.I need to get the keyvalue pair in autocomplete Here is my example code: var Person = [{"Prateek":"hello"},{"James":"android"}]; $(".searchbox").autocomplete(Person); When i type 'j' in the textbox i need to get android instead of james in the autocomplete textbox.But i am getting error and result is not shown in textbox.And i am using autocomplete js which can be used also in asp.net Please guide me where i am wrong.Thanks In
jCarousel and Audio.js
I'm having issues with these two working together. On the following page I have a content scroller that has jCarousel included to allow for the up and down scrolling functionality of the slider titles on the left side. At the bottom of the screen is an HTML5 audio player via audio.js. Everything works great except for Safari. When I remove the audio.js script from executing, then the jCarousel will work - but if both are activated then it will not scroll ONLY in Safari. I'm fairly new to jquery so
a small wiggle when change page at header and footer transition
Hello guys, i don't know if any one can help me, i have this little issue, when i changed page, that my header and footer are fixed i see a small wiggle, they continue in the same area but u can see for a while that they move a little, i don't know if u understand me, but if any of u could help i will appreciate a lot
Using Datepicker and Tooltips
Hi I am using the datepicker with an input box, which is inside an <li> element (for formatting purposes). The <li> element has a tooltip attached to it. Both work fine, and it is more of an aesthetic problem, but when I click in the input box, the datepicker appears. The tooltip is also showing, because we are hovering over the <li> element, but behind the datepicker, as I have altered its z-index. If you then move out of the <li> element area, the tooltip disappears, as it should. However,
Intellisense not working in Visual Studio 2010 for jQuery widget when base is specified
I have problems with getting the intellisense fully work for my jQuery widgets in Visual Studio 2010. For a widget the intellisense works fine when no base is specified. But when I do specify a base the intellisense stops working :-( In the following code intellisense works: /// <reference path="/jQuery/jquery-1.8.3.js" /> (function ($) { /// <param name="$" type="jQuery">Pass jQuery</param> $.widget("space.baseWidget", { _create: function () {
Why has my YouTube jQuery stopped working?
I've got a "YouTube" tab on my page; this jQuery worked previously ("searchTerm" is a val entered by a user; if empty, it has a valid default value ("jquery")): var urlYouTube = "http://gdata.youtube.com/feeds/api/videos?vq=" + searchTerm + "&max-results=42&orderby=published&alt=json"; $.getJSON(urlYouTube, function (data) { // Loop through each feed entry $.each(data.feed.entry, function (i, item) { // Get the URL for the
how to speed up changepage in jquery mobile for phonegap app?
I am using jquerymobile 1.3.1 for my phonegap android app. The change page methord is slow (more than 1 sec) in android without page transition (defaultPageTransition=none). any IDEA?
What is $ in jquery
Hello All, An interviewer asked me a question and i had no answer. Can someone please explain it. Question was : What is $ in jquery. if it is jquery Object. Then we should access function like this $.(document) instead of $(document)
Metadata Field data retrieval
Hi All, I need to Retrieve data from a metadata field for validation purpose. If anybody has a script working on this, kindly share it with me. Regards, Vamsi
Highlight Rows
Hello, I was wondering, if there is any jQuery code that I can use that will highlight the table row yellow, when one of the cells equals "Value 1" and the checkbox on the same row has been checked. Is this achievable? Thanks in advance.
Dialog forms wont exist on same page
Im trying to put multiple dialog boxes on the same page, i have them set up pretty much the same using the same script given by jquery UI. Before i added the second button it worked perfectly but now that i added the second it doesnt work (first still works, second doesnt) I tried making the second dialog autoOpen: true to make sure it was loading the dialog but that made the 1st dialog auto open instead of the second which is really weird. ive changed all of the variable and id names for the second
jQuery Mobile listview()/listview("refresh")
I have a couple of questions surrounding the (rather abstract) title of this thread. My first one is with regards to the listview()/listview("refresh") method. Our jQuery Mobile application (running within PhoneGap in a native iOS/Android app) is heavily data driven and so it means that the DOM commonly changes. I am confused with when a listview (technically, a UL which is then styled into a listview) is actually initialised by jQuery? If I have some markup with multiple pages within one HTML document,
How disable default capitalisation in IOS?
My JqueryMobile PhoneGap iOS app have capitalised all string,Title,Button,etc... How I can prevent default capitalisation string resources? Thanks
How can I make my iframe take all of the available space?
I've got this iframe sitting inside a tab: <iframe style="min-height: 100%;min-width: 100%" src="http://www.bigsurgarrapata.com"></iframe> ...which works pretty well in completely filling the iframe; HOWEVER, there are a few pixels at the top that pee[k,p] through. What do I need to do to move the contents up those few pixels to completely fill the area?
jQuery Countdown timer
Hi, I'm trying to use the countdown timer from this tutorial on my website. I got it to work, but I can't get it going on multiple clocks with unique end dates. This is what I've tried and it only works on the last selector. <script> $(document).ready(function(){ $('#countdown').countdown({ date: "20 July 2013 12:00:00", format: "on" }), $('#countdown2').countdown({ date: "21 July 2013 12:00:00",
Video events
HI I'm looking for a way to fade out a div when a video starts playing. Basically as soon as the video (which auto starts playing) has loaded or started playing the div fades out. I'm also using 'query-simplevideo.js' to control the video playback if that's important to know. here'a some of the code I have in place now: ........................................................................................................................... IN the BODY: ...........................................................................................................................
Client side validation error causing drop down lists to lose their display text.
I am experiencing a display error when validating my form on some mobile devices. If I fail the client side date validation on a text box field other drop down lists below this field lose their displayed text values. I am using a regular expression to validate the date field. I am using jQuery mobile and MVC 4 and testing the Samsung S3, nexus 4, and a Windows phone. I have no issue with the iPad 2 or iPad mini. Is anyone else having a similar problem? Below is an example of my code that has been
How to append a draggable element into a droppable
Hey i am trying append a droppable element in div,but when i append the element/div the position is getting changed so i want drop a element in div and the position sholud be relative to droppable div and here is the code $(".draggable").draggable(); $(".droppable").droppable({ drop : function(event, ui) { var clone = $(ui.helper).clone(); var prevelement = $(ui.helper).prev(); var drop = $(this).prop('id'); alert('id '+drop) var drag = $('#drag').position(); c_top = 0; //drop.top - drag.top; c_left
android - holding key sometimes inserts 2 characters at once
Hi guys, I'd like to ask for my strange problem. When user holds for example key "q" on SW keyboard and wants to insert number "1" (upper keyboard line) to input element, it behave strange on some input elements - it does'n insert only number 1, but also key q ("q1"). Do you have any idea how to solve it? Short code: <label for="phone_number2"> <center><b>nieco</b></center></label><input type="text" name="phone_number2" value="" id="phone_number2" class="ignore_enter" data-theme="a" onkeyup="check_log_form()"
Display Username
Hi I'm involved in a project whereby a user logs in and will be able to see his/her profile. Now, what I want to do is to display the current logged-in user's username on every page in the application. for example, facebook; when you are logged in to your account you are able to see you name (username). I hope I didn't confuse you. Your help will be highly appreciated. Thank you :)
plugin not showing up
Hey everyone, I was using a tabbed section to display forms and when I tested it buy itself, it worked but when I put it into the website I am creating, the tab design doesn't show. Why is this? The external links that make the section work are on lines 7-15 for the "mainbar" div area. Here's where I got my sources as well http://jqueryui.com/tabs/#default Thanks for any help! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Jquery Mobile App connecting to a Database
Dear All, How can I make an installed JQM application that is installed on mobile phone connect to a mysql database. If I access the application via a website where I have hosted it, the application works well. This is the code that works well on a website but cant work on mobile phone. $db_handle = mysql_connect("localhost","dbname","password"); If I substitute the localhost above, with the IP address or domain name is still not working. Any help will be appreciated.
Click only button not Listview
Hi i have a sample JSFIDDLE ,that can add button to a listview, but the problem when I clicked only the button.it clicked also the listview. How can I just click only the button? I put some alert message there to show the problem. Thansk for the help
how to retrieve the date from inline datepicker
Hey guys, I've just started messing up with jQueryUI and already stumbled upon a tricky situation... So here's the thing: i plan to use datepicker to retrieve information from a MySQL table, where the date is the Primary Key... BUT from what I've seen in the API, datepicker can only populate an alternate field if called as an input field itself (wich I don't want, i must have it inline so users don't mess up with the text field, they can only select the date in the calendar and that's all) So...
Noob question about using jquery cookies plugin
hello. I am trying to do newsletter subscription pop up using this tutorial http://www.phpbuilder.com/columns/jquery-newsletter-subscription-popup/Jason_Gilmore01192011.php3?page=2 I set up simplemodal succesfully and if I put $("#basic-modal-content").modal(); script at the end of page everything works perfectly. Now as per tutorial I need to set up jquery cookies plugin. I loaded the plugin and replaced jquery.cookie.js code with: $(document).ready(function () { if ($.cookie("newsletter") !=
JQuery Validation - Checkbox validation not posting all values
I'm having problems with some checkbox validation. I'm using the plugin validation for this:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ I have three checkboxes and at least one must be ticked. My initial form code for these checkboxes are: <input type="checkbox" checked name="check_options" value="News">News <input type="checkbox" checked name="check_options" value="Events">Events <input type="checkbox" checked name="check_options" value="Promotions">Promotions The validation rules
body keyup increasing each time
hi , i have a searchbox that search the database for me and return sth , i have attched the keyup event to this textbox and when i write something into it it return me the data that should return , its working pretty fine and its return me the data , im using ajax into this $('body').on("keyup"," #searchbox",function(e){ $.ajax({type:"POST",url:"functions.php",data:{"searchcandida":"true","values":txt},success:function(data){ if(data.trim() != ""){ $('body').bind('keyup',function(event){
I can't do operations after a success of AJAX call
Hi, i noted that calling a php script with this syntax $.ajax({ url: scriptUrl, type: "POST", data: formdata, processData: false, contentType: false, success: function (res) { alert (res) //<----This is showed ("success") if(res=="success") //<-----------PROBLEM HERE
Can't select input field inside <li> that is in connected lists (in mozilla)
Hi, I am developing a web store and I use connected lists with which users can drag wanted products in a shopping cart. I also have spinner boxes (input type="number") inside those <li> with which users can order more than one of each. When I am in Chrome, everything is working flawlessly. When I use mozilla (i know that type="number" is not yet implemented, so it switches to type="text") I can't select that text field. Same happens when I put a normal type="text" field - can't select it in mozilla.
Spinner buttons does not work
Hi! This is my first time using Spinner widget using jQuery v1.9.1 and jQuery UI - v1.10.3. I am using it into a table, where I have two spinners by row that have a css class named 'porcentaje_spinner'. To configure all spinners I use the following code: $( ".porcentaje_spinner" ).spinner({ min: 0, max: 100, numberFormat: "n" });When I open the web page on browser (Chrome, Firefox and IE10), spinner get configured, up and down arrow buttons show correctly. The problem
Next Page