Jquery Mobile Scrolling Problem on iOS 5
Hello Team, I am working on a project in which the technology stack is Jquery-Mobile and Phone Gap. In my application I am using Jquery mobile filter list view which having 22 list item. When ever I scroll down to 22nd item and click, the screens scrolls up and then navigate to different screen. I searched a lot, but not found any luck. I am using JQM transition also. Please response me ASAP Thanks & Regards Vivek Srivastav Sr. Software Engineer iGATE Computer Systems Ltd.
Dual slider (range slider) on jQuery-mobile?
I am in desperate need of a dual slider on a mobile device that responds to touch events. jQuery-mobile has the following single slider: http://jquerymobile.com/demos/1.0a2/#docs/forms/forms-slider.html However, I need a "range slider", with behaviour like this: http://jqueryui.com/demos/slider/#range My Javascript-fu is extremely limited but would it be possible to extend the jQuery-mobile single slider to a dual slider? Or is that something I would just have to wait and see if they make one available?
tap event fired after taphold.
I am developing an app for iOS using Phonegap bundled with jQuery Mobile 1.1.1. I have a div on my page that is listening for both tap and taphold events. The problem I am facing is that the tap event is fired after the taphold event once I lift my finger. How do I prevent this? A solution is provided here but is this the only way to do this? Kinda nullifies the whole point of having two different events for tap & taphold if you need to use a boolean flag to differentiate the two. Following is my
Need to Iterate JSON object
I have a JSON object: users:[ user{ { emailAddress: "none" firstName: "na" globalId: "testus1" lastName: "TestUS1" selectedDuties: "User" }, { emailAddress: "none" firstName: "na" globalId: "testus2" lastName: "TestUS2" selectedDuties: "User"} } ] Im trying to do a check based on my global id. But im not able to... $.each(data.user,function(index,val){ for (var x=0; x < data.user.length;x++){ if ( data.user[x] == "globalId") { var actualData ={}; actualData.data=val; jsObject.json_data.data.push(actualData);
jQuery 1.7.2 is missing $.support.touch - what to use instead?
I decided to try jQuery Mobile 1.2 alpha1 with my jquery.mobile.iscrollview plugin. At the same time, I decided to try jQuery 1.7.2, since JQM 1.2 is now compatible. The plugin uses $.support.touch to know whether it should bind to touch events or not. Unfortunately, $support.touch was removed from jQuery 1.7.2. I realize that the documentation for $.support says not to rely on $support options sticking around in future versions - that it's really for internal use only, and when a feature detection
Repeat music x times
Is there a way we can play a particular music using JQuery n times. The 'n' being chosen by the user in another dropdown.
Cycle Slideshow with different size images not adjusting to images
I believe I am following the Cycle demo, but the display is not adjusting to the different size images. Here is a demo. And this is setup: Slideshow with different size images CSS: /***** slider *****/ .slider-wrapper { margin-top: 80px; padding:0px; overflow:hidden; } .slider { border:10px solid #fff; border-radius:6px; margin-left: auto; margin-right: auto; } .caption { font-size: 1.0em; color: #fff; text-align: center; font-weight:bold; color: #f6c02c; } JS: <script
tbody.tr remove and empty leaves skeletal remains
I have a structure like table thead tr td td td tbody tr td td td I would be managing the trs in tbody dynamically. when i say tbody.tr remove or empty i still see the rows but only their values blanked out. How do you totally remove those rows so that tbody children can return 0?
jQuery Validation not being called
Hello all, First of all, jQuery is amazing, I love it, congratulations, you've done some great work. I've only just started really using it, but it's easy to get the grips of and understand. I've just gone and encountered my first problem, resulting in sleepless nights of head scratching in front of my screen, looking for what I could change, but my knowledge doesn't cover all of jQuery just yet :) I'm building a front end for a PHP Authentication system I'm building, I'm using jQuery, I'm using
Proper syntax to fadeOut form
I need to fadeOut a contact form once it is submitted and am having trouble figuring out the proper syntax in order to include it in the code below. I just replaced my validation with jQuery's validation function, and the code I was previously using to do this is: $("#contact ").fadeOut("fast", function ()); The current function to validate and submit the form using jQuery. $().ready(function () { // validate the comment form when it is submitted $("#contact").validate({
Datatables - Clear BStateSave
Hi, Can anyone help me with clearing BStateSave with the Datatables plugin? There's apparently help from bennybenben here but I cannot see how this should be written into my page. If anyone could put this into a simple one page, one table example that would be amazing!! Thanks Dvent247
consuming webservice java
hey everybody ! I have a webservice http://www.safetrace.com.br/safefrigorifico/services/ServicoConsulta.jws?wsdl and this code: $.ajax({ type: "POST", url: "http://www.safetrace.com.br/safefrigorifico/services/ServicoConsulta.jws/consultarDadosRequest", data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { alert(data.d); }, error: function(){ alert("erro"); } }); but I just get "erro" .. this is the first time that I'm working with webservice
Check if id is set in URL, if not, add it?
Hello all, I've built a single page site that uses div id tags in the URL and Jquery to handle navigation (index.php#home, index.php#about, etc.) Whenever the user visits index.php and clicks a link, it takes 2 clicks to make the navigation kick in; I believe this is because it's missing an ID tag. Once it's set to index.php#home, index.php#about, etc. it works fine. Is there anyway to check if an id is assigned in the url and if not, add #home to it?
Making the code work offline
Im an absolute newbie to Jquery and am trying to squirm my way through..I tried some tutorials to make a dropdown menu. but the code doesnt seem to work...I have included all the js code in a script tag.Is there something Iam missing though???what are the steps reqd to make the code work offline???Does one need to upload the file to the server for the code to work.is there some code or tag to specify a link to jquery file???Im sorry if im not making sense at this point as this all seems alien to
How do I know which jQuery files are necessary for the timepicker plugin?
The time picker looks right and is working properly on my local server, which is where all of the downloaded files are that I used to create it, but there are so many files in different folders, that I don't know which ones are being used and which are not. After uploading the site to the remote server, the time picker doesn't look right (at the end of the Enter date" field). How do I know which files to upload without cluttering up the server? Thanks. http://heightsdental.com/RequestAppt.php
"Refresh" event handler?
Hi! I'm trying to change an image class by clicking on it, like this: $('img.closed').click(function(){ alert('I`m closed'); $('img.closed').prop('class', 'open'); } $('img.open').click(function(){ alert('I`m open'); $('img.open').prop('class', 'closed'); } Although after a click I see my image with a new class, the old handler is still being called. Why is it happening and how can I avoid it?
Something screwd up between 1.6.2 and 1.7.2
Here's my code that works perfectly in 1.6.2 and fails in 1.7.2: var crappyHtml = " <span id='span__bk8100030023000300130003002300' isContentType='true' tabindex='-1' class='ms-entity-resolved' onmouseover='this.contentEditable=false;' onmouseout='this.contentEditable=true;' contentEditable='true' title=''><div style='display:none;' id='divEntityData' key='__bk8100030023000300130003002300' displaytext='020102-Цех 1 Новосибирск' isresolved='True' description=''><div data='<ArrayOfDictionaryEntry
Collapsible div within a collapsible inherits events bound on the parent?
Collapsible div added to another collapsible div inherits the events that are bound on the parent collapsible. Is there a way to stop that or am I doing something wrong. Say for example I create a collapsible div and add another collapsible div to this div. Now if I bind collapse and expand events on the parent div the events are also fired for actions on the child div. See the jsfiddle example - http://jsfiddle.net/UQWFJ/58/ If I bind the expand and collapse on the parent the child also has
Calling a jquery function on DOM load
Hi Everyone, I was wondering the correct way to call a function when the DOM loads. For example: $.fn.doThings = function() { ...do some stuff }; $(document).ready(doThings); Any help would be appreciated. Thanks
nth-child() - sets of 4?
I'm using this function in my navigation: $(document).ready(function(){ $('ul.tabNav a').click(function() { var curChildIndex = $(this).parent().prevAll().length + 1; $(this).parent().parent().children('.current').attr('id', 'idle'); $(this).parent().parent().children('.current').removeClass('current'); $(this).parent().addClass('current'); $(this).parent().attr('id', 'current'); $(this).parent().parent().next('.tabContainer').children('.current').slideUp('fast',function() { $(this).removeClass('current');
I've made a jQuery menu in JSfiddle but when pasting to Dreamweaver it doesn't work. Could it be some syntax error? Could it be that I´ve made a mistake?
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript"> jQuery(function($) { $(document).ready(function() { $('#panelHandle').click(function() { jQuery.noConflict(); if ($('#sidePanel').offset().left < 0) { $('#sidePanel').stop(true,
substring() doesn't work
I want to delete the first 3 characters of my a element. I tried several opions, but none of them work: $('.ouder-item a').text().substring(3); $('.ouder-item a').html().substring(3); $('.ouder-item a').substring(3);I know that I call the right elemet, because the following works correctly: $('.ouder-item a').removeAttr('href'); Does somebody know why it is not working or what i'm doing wrong?
Scrollbar not visible in jquery mobile app
I am working on a jquery mobile app which uses phonegap. In the app, I am dynamically loading a listview in a page with number of items greater than what can be shown on a single screen. When viewing in android emulator (Android 2.2), the listview is shown fine, and I can swipe or use the buttons to scroll down, but the vertical scrollbar is not visible. Do I have to do anything special for the vertical scrollbar to show up? When I open a static version of the page in a browser (Firefox), the scrollbar
jQuery Mobile page unable to access pages on my server
In response to the growing number of handheld users in our schools, I've been tasked with designing a simple page for phones based on my equally simple gateway into our Online Public Access Catalog (OPAC) using jQuery Mobile. The problem that I am having is that any link that references pages on my server fails to resolve. from the "Page 1" it passes to the appropriate page, but once you access that link it goes into a "loading" state that never completes. While in Dreamweaver the links work fine
strip outerHTML from html string
Hi, Considering I have a HTML string like this: <span><span><div>this text</div></span></span> I want to get the left side of the outerHTML as a string as well as the right side: var leftSide= <span><span><div>; var rightSide= </div></span></span>; Is there a way to do this? Regards.
Dropdown accordian menu
Hi guys, I have an interesting problem. I've got a client who wants a different type of menu and although I've searched everwhere, I still haven't found a solution. So basically I need a 3 part menu. 1. Main menu is a dropdown that is activated when clicked and the sub-menu appears. 2. Sub-menu 3. Some of the sub-menu links need to be an accordian if they have sub-sub-menu links. Here is the code I have so far, although I've only managed to get the dropdown working, but it's not working properly
Modifying jQuery plugin [URGENT]
I want to modify the Drill Down charts plugin here. I need to make a minor change. Currently when you click on a bar, it automatically zooms in ("drills down"). Instead, I need to make a dropdown menu appear on clicking a bar, from which the user can choose a category to drill down from. The core components would stay the same including the "drill up" function, but I need to create a variety of options from which to "drill down." Does anybody know the easiest way to do this? I need an answer urgently
HOWTO: Long ListView wirh thumbnail delay loading ?
Hello, I need a help. I have a long ListView with thumbnail icons. Like this - http://jquerymobile.com/demos/1.1.1/docs/lists/lists-thumbnails.html How do I tweak the system so the, at 1st only the items which are being shown on the screen, those thumbnail will be loaded. Then if the user scrolls down, more thumbnail images will be loaded. that is as the user scrolls down, the images will be loaded. Same thing happens in Facebook Timeline. Try to see the old posts.... I don't know how to do this
Gallery plugin fullscreen
Hello, I'm trying to make fullscreen example from this one http://dimsemenov.com/plugins/royal-slider/video-gallery/ But it ignores height: 100% scales height, do you know how to remove this? .royalSlider { width: 100%; height: 100%; } Documentation can be found here - http://dimsemenov.com/plugins/royal-slider/documentation/
jquery mobile slider
Hi, I am new to javascript / Jquery Mobile. I had created slider in my web page using jquery mobile UI, These are my JS files. <script src="resources/js/jquery-1.7.1.min.js"></script> <script src="resources/js/jquery.mobile-1.1.1.min.js"></script> <link rel="stylesheet" href="resources/css/jquery.mobile-1.1.1.min.css" /> Slider div <div id="agediv"> <label for="ageslider-0">Age:</label> <input type="range" name="ageslider_r" id="ageslider-0" value="00"
Submit Form when AJAX Call is done
Hello, i would like to do an API call when a form is submitted. The result should be stored as hidden input. My Problem is, that the form is submitted just before the ajax call is ready. Here are some simplified code snippets: $("#MyForm").submit(function(){ $.when( api_call() ).then( form_submit($(this)) ); console.log('Not Submitted'); return false; }); function api_call() { console.log('AJAX Call'); return $.ajax({ success: function(){ //
iframes, parent and child documents
Hello: I'm putting some finishing touches on my website. One is to insert links from one part of the page/site to another part. For example: At this point I'm trying to get a button on a parent document to add and remove classes of an element in a child iframe. I've successfully moved focus to the iframe, but can not change classes of the child element. Following is my syntax: $('.ref_bttn').click(function() { $('#client_content').hide(); $('#ref_content').show();
When I type "&" character in textbox, application crashes/closes. All other keys are working properly.
Hello, I have simple text box(type="text") on the page. When I try to type an ampersand character using a keyboard,the application crashes/closes. I tried removing the Jquerymobile js file and then the "&" gets properly typed in using the keyboard. This issue is present for "&" keyboard key only. Checked in android 2.2 and 4.0 devices. Tried changing the type of textbox to url too,however it did not work. I tried using latest jquery.mobile-1.1.1.js with phonegap, but it is not working. Note that
Beginner who has general questions about using AJAX in a control panel
Hi, I am looking to update information in real time on my backend panel through my website. My designer has been telling me integrating AJAX is very expensive task to do and implement on the backend of the site. I am looking for AJAX like updates to take control at certain points during a process. All i would need it to do is update my database and show the change on the front end of the website. For example, when a customer rates a provider I would like the rating to automatically occur without
Looking for floor map
Hi, I came across this Flash based floor map http://www.southlakeregional.org/SL_Wayfinder_ThisOne.swf. I was wondering if there is a jQuery plugin that would do this kind of map. Thanks in advance. Joe Green
How is lazy loading done?
I been looking at many lazy loads scripts. Most show a image html tag with a src to be where a blank image or a image that is basic looking. Then they use data-src="real_image_here" which is where the real image location is stored. I would like to know how to do lazy loading manually. I want to lazy load all images when they are in the view port. How can I do this?
I have a problem to tool tip on mouse over.
I am add the tool tip functionality with joomla CMS. but error occur Uncaught ReferenceError: left is not defined rfid-reader:65 6Uncaught ReferenceError: tooltip is not defined rfid-reader:183
Super Simple Slide Show
Hello... For my 4th year thesis i want to make a interactive comic book (Basically just a slide show) Functions: -Click advance through images of identical size -Lots of images... in the hundreds -No Adobe flash -> I want this to work on Apple Products too. -If possible, gif animated pictures thrown in at some points. Here is a demo of the concept made in Flash: Prototype Comic If you help i will draw you a picture of any video game character you want in this style:
Where is the problem, click event is reloading page.
Hi, I1ve made this page. http://www.multiversso.com/gbrow/new_portifa/index.html where a click event do an animate function on a class, but the content is reloaded and the page returns to the original state. can someone tell what I`m doing wrong?
isotope plugin
Hi everyone, I am using the isotope plugin: (http://isotope.metafizzy.co) in a project. It sorts elements quite nicely. They have a sorting method for elements called random. Example : http://isotope.metafizzy.co/demos/sorting.html Documentation : http://isotope.metafizzy.co/docs/sorting.html When I use the random function all the items sort as they should. My problem is: I want to select the visible elements in the order they are seen after sorting randomly. Please let me know if you have any ideas
Next Page