$.mobile.changePage("#pageId") taking longer time to load.
Hi, I have a link with the event "touchstart", which functionality is to move to another page, as below code: $.mobile.changePage("#pageId"); I understand loading page takes time if data is high. But, I wish to navigate on next page as soon as the "touchstart" event is fired. Currently, when we touch the link it waits for few seconds and internally loading the page then navigates to next page, which leads user to confuse whether the button has been clicked or not. so, basically my requirement is
touchstart responds after a few seconds delay
Hi All, We are developing an application for iPad which uses phonegap and jquery mobile. Everything is running fine. But, I have a link which loads the internal page on "touchstart". Whenever I touch it fires the event after few seconds of delay say like 3-4 seconds. This happens only first time. Once page is loaded and again I navigate back and click that link ("touchstart") it fires quickly. can anyone suggest!!!
Multiple-page html versus several single page html files
I have an application that uses four different pages. On one is a map on which the user can add markers when these markers are added the coordinates are written to a second page. The user can add other parameters to a third page and the results of calculations using the coordinates and parameters are displayed on a fourth page. Using a multiple page layout makes this simple as all of the input boxes, selection boxes etc are available in the DOM. I have read that using single page html files for
SlideToggle
Hello, i am newbie to j Query and i have problem regarding my project. I have li elements created by php and with each li element i get div layout showing some data. I would like to be able to click to title located in li and be able to show div layout and hide everything else but when i click again on title it hides layout div and show all of list again. Here is structure: <ul> <li><a href="#" class="click">Title dynamically 1</a></li> <div class="layout">Data dynamically 1</div> <li><a href="#"
Building a browser extension for work .
Hi all, I'm working at a company as an intern and I'm hoping to put together a web application that would make life a bit easier for my team. Jquery seems like a way of doing this. I need to build an app that does the following steps on the company platform: 1. Look up a particular set of numbers. 2. Add those numbers together. 3. Look up a separate number 4. Divide the sum of the first set by the send number 5. Multiply the answer by 100. We currently have to do this manually across multiple
close datepicker if done
Hi, I would like the datePicker to close only when the done button is clicked... i don't want it to be closed when i select a day... how do i do this?
Jquery Menu not collasping on mouseleave
Hi, i'm pretty new to Jquery and Javascript, and have recently started dwelling into jquery. Well the problem that i have, is that with .menu() function, i want the submenu to collapse when i exit the submenu, but instead it waits there till i click something. I have tried to checked the jquery code to find anything, and found the function, which is for closing submenu on click outside the menu. i tried different methods to achieve this, such as mouseleave() hover. But everything failed. Now im here,
checkboxradio is not a function
I am using jquery 1.9.1, jquery mobile 1.3.1 (js & css) in my web app. When i call checkboxradio to uncheck all the check boxes, its throwing the exception "checkboxradio is not a function" $("input[type='checkbox']").attr("checked",false).checkboxradio("refresh"); When i try the same as a sample app, it works. The problem is : the function inside jquery mobile 1.3.1.js file is not getting called. I do see the jquery mobile 1.3.1.js in the scripts loaded in firebug. Please advise on how to find
SharePoint PeoplePicker getting hidden(without sharepoint ribbon) with datepicker in IE7
I am using jQuery UI 1.10.3, and jQuery 1.9.0 version. I have both jQuery datepicker and sharepoint people picker in a page. when i click the datepicker icon, the sharepoint 2010 people picker gets hidden. Try without sharepoint 2010 ribbon. This is happening only in IE7, It works fine in IE8. About people picker rendering: Not able to find how datepicker affects div in people picker. In People picker, the div which is showing the value gets hidden. The div is contained in a table. The div will
Hidding a div if certain conditions
I don't know if this is possible In most cases, my html would look like this: <div class="1"></div> <p class="1"></p> <p class="2"></p> <div class="2"></div> <p class="1"></p> <p class="2"></p> <div class="3"></div> <p class="1"></p> <p class="2"></p> But, if I had a scenario (depending on the data output) and my html looked like this: <div class="1"></div> <p class="1"></p> <p class="2"></p> <div class="2"></div> <div class="3"></div> <p class="1"></p> <p class="2"></p>how would I hide div class
Previous Ajax Call Interfering with New Ajax XML Call (update from previous post)
Sorry guys. Wish there was a way to delete my previous post. The issue all along was something else. However, it's a weird one. I'm getting a Firebug XML response error that reads: XML Parsing Error: not well-formed Location: moz-nullprincipal:{a258a2ce-874f-4563-8363-7286a3b56f82} Line Number 27, Column 29: ... pos = data.search(/<\/html><div id="old-posts">/); That's the code from my first .ajax() call when the page first loads and after the response is successful. How does ajax calls that's
how to do Cycle Plugin Next and Prev opacity 0~1 effect?
I try to follow the site:http://www.cmegroup.com/ which uses cycle plugin as a slider. my online site is http://chinaminingtj.hdsoso.com/portal.php , everything is ok but Next and Prev opacity effect? how to do ? is cycle plugin include this effect? or I miss sth. to do? can anyone help me ? thanks.
Problem using validate plugin with hidden elements
I have a form with a select that is contained in a tr which is hidden when the select is is not required to be populated. I am trying to tell validate to only validate the select when that tr is not hidden (display:none) To be more specific the first field on the form is to select country, then the second select is to choose state, but it is only displayed if the selected country has states. The validation on the first select works fine. I have tried this but it doesn't wurk- as in the form will
Internet Explorer and href text -> space removed beyond end of link
Hello - I'm an absolute beginner with Javascript and JQuery, and my HTML knowledge is rudimentary at best, so bear with me! This is a vastly simplified version of what I have on the page I'm having trouble with. When I use JQuery to add text to a hyperlink that previously had no text, and which is followed on the page by a space then some other page text, the space just after the hyperlink is removed in Internet Explorer (it's preserved in Firefox). This is a purely aesthetic issue, but it's annoying.
Body content
Hi, I write this code, but does not work as I want. When you open a page you see only a logo in the middle of the screen and then dissapears slowly (is the part I write and it works), but then I want the index appears slowly, this is the part I can not do. I had prrobed with show() and append() but does not works as I expect. What I am doing wrong? Here is my code: <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
How do I determine what tab is referred to in the ui.tab object that is passed to the beforeLoad method?
I am still having a very difficult time trying to use the documentation to learn this library. I now know that I need to be looking at the 10.x ui lib doc. In there it says I can use the ui.tab of the ui that is passed in, but when I look to see what properties are in the Object it just gives me a general discussion of a jQuery object. I am a Java programmer, not a js programmer and I am trying to use these functions without getting too deep into js. Any thoughts or ideas are appreciated.
help with toggleClass
I'm having a small bit of an issue with my toggle class, here is the script: $('.thecourse .category').click(function () { $(this).nextUntil('.category').slideToggle('normal'); return(false); }); $('.thecourse .categoryname').click(function () { $('span',this).toggleClass('arrow-down', 'arrow-up'); The HTML looks like this: <div class="thecourse"> <div class="category"> <div class="categoryname"> <span class="arrow-down"></span> </div> </div> </div> Now i did try to write in
Pagination script do not understand, need a detailed explanation on each line. Appreciated!
Hello, everyone, I am struggling to understand what this piece of code mean, could any one help me explain its process in detail? I read through it and think its some type of data implimentation script. Btw, its in the core script file for simplepagination jquery script. Thank you all! $.fn.pagination = function(method) { // Method calling logic if (methods[method] && method.charAt(0) != '_') { return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); } else if (typeof method
Microsoft JET Database Engine error '80040e10' Parameter ? has no default value
Hi New to jQuery and trying to implement it on my site. I have an .asp site with a form attached to an Access Db. When trying to insert the form into the Db, the page halts on the #datepicker giving me this error message: Microsoft JET Database Engine error '80040e10' Parameter ?_13 has no default value. /asfalt_ny.asp, line 71 This is Parameter 13: MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param13", 202, 1, 50, Request.Form("datepickerU")) ' adVarWChar Head section: <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
dblclick problem and html char
$(document).ready(function() { $(".ie").dblclick(function(){ var defie = $(".ie").html(); $(".ie").html('<input type="text" value="'+defie+'">'); }); }); <div class="ie">jquery click</div>
How to call Javascript in external dialog file
Is it possible to execute javascript on a linked dialog where the dialog is defined in a seperate external file? I need to do javascript validation on my dialog and I cannot get any Javascript to fire when I launch the dialog from an external file. However, if I put the dialog definition in the same HTML as the page with the dialog launching link (that is a multi page HTML) the javascript works fine. I would like to have my dialog code in seperate files to decompose the multi-page HTML page
rectangular button header
How I can make the header button is rectangular rather than oval?
another resizing issue with cycle plugin
Hello and thankyou in advance for any help, firstly a little about the problem I am having, I built the page around a single image at first, then decided to put a little slide show in the place, previously I had written a little script which adjusted the image size on initial load in the $(document).ready event. and also in the $(window).resize event the script looks like this .. and worked fine with an individual hard coded image. function adjustImage() { var imgWidth, imgHeight, ratio,
code to capture first click of any field of the form
I have to fire below tracking; once on first click of any field of the form $(document).ready(function () { var s = s_gi(s_account); s.linkTrackVars = "None"; s.linkTrackEvents = "None"; s.trackDownloadLinks = false; s.trackExternalLinks = false; s.linkTrackVars = 'prop1,eVar1,events'; s.prop1 = s.eVar1 = 'Registration form'; s.linkTrackEvents = 'event1'; s.events = 'event1'; s.tl(this, 'o', s.prop1); }); So I want code to capture first click of any field of the form
jQuery2.0.2 Ajax loosing scope - Why?!
Folks, In my example below, an alert "1:emailaddress" is sent to the browser correctly, but "2:emailaddress" does not. Instead, firefox console tells me that data is undefined. Where am I going wrong? I am sure I could play with my ajax success data in this manner with jQuery 1.6, 1.7 and 1.8.... Anyone? (Help/pointers greatly appreciated) var request=$.ajax( { "type": "GET", "url": "/Dashboard/dashboard.php", "data": data, "cache": false }); request.done(function ( data ) { alert( "1:"+data[0].EmailAddress
backbone-require example issue
How do you go about changing the jsonArray inside the CategoriesCollection.js file in backbone-require example to a REST web service request? Can't get it work. https://github.com/jquery/jquery-mobile/blob/master/demos/examples/backbone-require/js/collections/CategoriesCollection.js
Timing and Loading multiple JQM URL Pages
I’m having a timing issue related to using JQM and Parse.com backend database. I’ve read up on JQM timing docs and I’m still confused. Could really use some help from someone who can point me in the right direction. OK. So, I have two separate JQM pages: www.site.com/index www.site.com/page2. The user enters the Parse.com record identifier on the first page (index), and then presses a button which calls a function which goes out to parse.com and pulls in the data. So, on Parse.com/SUCCESS, the
automatic page refresh after a few seconds
hello, can anyone help me to find a way how to update my page automatically after a few seconds? I tried to use meta ... but strangely applying it to the main page makes me even upgrade to the other. thanks These are the examples I've tried: var a = setInterval window.setInterval (some, 2000), some function () {window.location.reload ();} --------- ---- and <meta http-equiv = "refresh" content = "10"> the following codes work but I also update the other pages on my site that does not have this code.
weird behavior with JQuery dialog box with modal=true and IE10 compatibility mode
Hello, I'm noticing some weird behavior with the JQuery dialog box that might be a bug. If I set modal to true and I open my dialog box in IE 10 with compatibility mode on, it seems to do a whole bunch of processing that slows everything down. If I try to drag my dialog box by the title bar, it takes several seconds to respond (that is, to actually move). Similarly when I click the buttons--it takes several seconds to respond. Also, the page itself seems to hang temporarily as I cannot close it immediately
Uncaught Error
Uncaught Error: Syntax error, unrecognized expression: #test + [id=[object Object]] someone can help me in this error? var selectedOption; if (specialisationId) { selectedOption = this.$('#test [id=' + specialisationId + ']'); } else { selectedOption = this.$('#test option:selected'); } console.log("selected option was " + selectedOption.text()) var selectedOptionText = selectedOption.text();
Jquery autoscroll offset from top of windows or tie to bottom of window
I'm a bit nooby about jquery and I need help with one practice I'm doing... I've made a autoscroll script with plugin ScrollTo and everything is working. It scrolls till the first class called in html. But I wanted to be rather showed on bottom of my window than on the peak top... I don't know how to solve it... Maybe 'faking' with somekind of offset from top?? Please help me.. I'm desperate... Here is my jsfiddle, and you can update it freely: http://jsfiddle.net/qgPch/1/
.ajax() Not Reading Returned XML Data
Hello everyone. The request is being made successfully to the server. The server is returning the xml data because I see it in Firebug. It returns a string that is a copy of the page and at the end it has my xml data. So the return info looks like this: <html> //copy of full page plus scripts </html><?xml version="1.0" encoding="utf-8"?><comments> (all of the xml data) </comments> Why it's returning a string, I'm not sure because I send the header info too in the php code: header('Content-Type:
Onkeyup function
Hi, I have been working on the following script: <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> </head> <body> <form name="contact" id="contactForm" method="post" action="count.php"> <label for="FNO">Enter First no:</label> <input type="text" name="FNO" id="FNO" value="" /> <label for="SNO">SNO:</label> <input type="text" name="SNO" id="SNO" value="" /> <input type="submit" name="submit"
JQM + Highcharts
Is there a way to lock JQM pages in different orientations? For example I have a five page app. While the first four pages are designed to be shown in the portrait mode, the fifth page is a Highcharts plot that needs to be displayed in the horizontal orientation. I can't use css to rotate container as some of the Highcharts functionality ( tool tip) gets messed up by this. Is there a way to preset page orientation on the page-by-page bases? Thank you.
Confused about what to include
I'm fairly new to jquery. I'm using the code shown below for a dialog. I found it on the web and it said to include <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> That works fine. But then I thought I should use a later version of jquery so I replaced the above with <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>That prevented the dialog from working at all. I found that if I included both of the above it will work.
Redirect to mobile website
Hi, I'm making a mobile website and to redirect to mobile version i used this code <script> if (document.location.search.indexOf("skipmobile") >= 0) { document.cookie = "skipmobile=1"; } else if ((document.location.hostname.match(/\.mobi$/) || screen.width < 699) && document.cookie.indexOf("skipmobile") == -1) { document.location = "mobile/"; } </script> but the problem is this when I access the website on mobile it does change the url to like this www.testsite.com/mobile/ path to the mobile site.
Enter key problem in text area, the value entered in text area along with enter key ????
Hi folks, After I "enter key" in textarea field and then save the form,when the same data is retrieved in popup window when we click on that window due to data consists "enter" key in between data...java script cant able populate the data(popup)?? how to resolve this ??one important point is we need allow user to press key!!!!
Problem with dragover and iframe
Hello, I have problem with dragover and iframes. In FF everything is OK, but Chrome and IE want not initiate events over iframe. Please take a look at sample: http://msdrop.com/msdrop-jquery-test-iframe-frameset.htm Try drag over and drop sample HTML elements on iframe A and iframe B. IFRAME A (the same domain) - when you drag any HTML element from parent page over msDrop.com system in iframe, everything is OK, you can drag over, leave, or drop. IFRAME B (other domain) - dragover not working from
New to Jquery Mobile / Demo Problem
Hello, Im about to take the plunge into Mobile but I am having problems with the demo's. I cant get any of the demo's to work. Im using XP and Chrome My Chrome is current. Im viewing in incognito mode. My XP...not so much, but as current as it can be... Any thoughts? Thanx
Where to send patch?
Hi I made a small improvement to the dialog widget, added a rollup (where only the titlebar is showing, no content) possibility. Where to send the diff file for review, and if passed merge the ui core?
Next Page