Linking back to pages, removing the hash, help please!!
Hi, I'am trying to create an app. I have all the basics but have stumbled into this scenario. One each page I have the same four buttons, e.g, A1, A2, A3, A4 So in theory you could navigate from the home screen to A1, from A1 to A2 right through to A4. I want to know how the end-user can revert back to the original page they were on instead of having to scroll-back through each page. For example. If the user was on page 2 and tapped A1, then from here A2, and then A3. Using the back button would
Android 2.x transitions problem
Hi all! There is a global problem with transitions in jquery 1.1/1.2.0 for Android 2.x. Can anyone give a good workaround for transitions? Using custom transitions to roll back to 1.0.1 only defining css doesn't solve the problem, also there is the problem with white page during animation. I use jquery.structure-1.2.0.min.css (mean not using shadow effect to slow transitions) Please, give the right solution or I have to choose maybe jqtouch with zepto or anything else...
input[type=submit] or input[type='submit']
Hi! Which of these forms are the preferred way of using jQuery to select the submit button? input[type=submit] or input[type='submit'] I'm wondering if it's recommended to use tick marks. It seems to work fine without tick marks, but is that long-term supported (i.e. not deprecated)?
JQuery dialog pop up issues in IE and FF
Here is my scenario. And also I have couple of questions. 1. I need to open a JQuery pop up under the button which I clicked. And this popup should scroll along the button when the page is being scrolled. It should be locked with the button 2. If I click the button which is at bottom of the screen, then the page should scroll to top and this popup should open below the button. 3. Issue with FF and Chrome: The popup is locked up with the button during the scrolling. But the problem is if I scroll
How do I know which JQM items I'm using when I want to use Download builder?
Items as 'iOS Orientaion Change', 'Match Media Polyfill', 'nojs Classes' and other excotics items, how do I know if I'm using these? If I havn't done anything specific regarding these items, can I conclude that my solution is not using them? Kindly regards Ruffio
Usage of configuration of Download Builder settings
When using the Theme Roller, I can upload my 'old' theme and download a new version in the newest format. It would be lovely if the same could be done when using the Download builder. Instead of I must select/deselect items every time I want to download a new version of my JQM build, it would be nice if I could just upload a configuration file and then all my seletions/deselections were done. It is just an idea. It would make upgrading much faster, as I dont have to remember which settings I
Read out url / anchor
www.anyurlthatwillbehere.any/index.php#contact Is there any possibility to read out an active anchor with jQuery? And if yes how to? Pete
to print one div content from page containing more then one div without opening new tab or new window in ie
function ------------ var opt; $.fn.div_print = function (options) { opt = $.extend({}, $.fn.div_print.defaults, options); var $element = (this instanceof jQuery) ? this : $(this); //for mozilla/opera or opera support if (opt.mozilla/operaSupport && $.browser.mozilla/opera) { var tab = window.open("","div_print-preview"); tab.document.open(); var doc = tab.document; } //for ie support else { var $iframe = $("<iframe
Not getting the element of dynamically loaded form using jquery
Hi, jquery .serialize() does not work on dynamically loaded form using jquery Thanks, Madan Ray
Problem with selecting multiple tables and access trough '[x]'
hi i'm selecting tables in my page with the following selector: $(".mytables") // this finds 4 tables Now the following code line is giving me error message : 'the css function/method is undefined...' $(".mytables")[0].css('property', value) And the following lines are working correclty: $(".mytables").fisrt().css('property', value) or var table = $(".mytables")[0] table.css('property', value) Why this behavior ?? Where is the difference ??
jquery mobile event taphold on image
I added 'taphold' jquerymobile event for an image. When i taphold on that image in ipad i am getting the below pop up which is thrown by browser. How to avoid this?
Drop Down Menu CSS (z-index) problem
I'm having a z-index order issue. I thought it would be an easy fix and I have tried a few different z-index changes, but I cant seem to get it right. The issue is just on the home page: http://www.jamesgradwell.com/staging. as the jquery dropdown menu is falling behind the other jquery image slider. (what is also odd is that at times, it comes in the front and then it goes behind again) Could anyone please assist me? it would be much appreciated! thanks Leigh
jquery mobile ui-dialog breaks back button
Hi all. I hope this is the place to find help, i have had not luck with even getting close to an answer from the jquery mobile pages. I have a page that has a select list on it. This is auto re-styled to jquery mobile ui-dialog. I have added an onchange to the select list to populate the list with ajax. The problem is that this action does what i need it to, but because the ui-dialog is not being closed in the right way, it leaves &ui-dialog on the query string which means that when the user hits
jquery mobile popup select menu width
I wish to increase the width of the popup select menu in jquery mobile - (It's not wide enough to contain the words I wish to place in the selections.). How can I do this?
How to use filter with select menu?
I would like to use the filter function with select menu like the one shown in the list view sample. When I tried the code given below the search bar does not show. Is this th correct way or is there a different way to do this? Thanks. <select id="test1" data-native-menu="false" data-filter="true"> <option value="CA"> California</option> ; <option value="Ny"> New York</option> ; <option value="NC"> North Carolina</option> ; <option value="WY">Wyoming</option> ; <option
Questions with jquery validation
Hi, I am new with jquery. When I clicked on the alert box OK I would redirect to another page. Any suggestion on how to stay back on the current page? And how to add if no value is selected there's no need any alert box needed? Now if no value is selected then it will pop out a plain box. $(document).ready(function(){ $("#btn").click(function(){ var msg=""; $("[name*=Date]").each(function(i, item){ if(item.selectedIndex>0 ) { if($(item).closest("tr").find("input[name*=Msg]").val()=="")
jQuery Mobile elements outside "page"
I want to develop a single page app using jQuery mobile, and want to have a menu on the side (similar to the Facebook app for iPhone). This side menu needs to stay static on the page, and only the main content of the page change when the links are clicked. i.e. I want to have a <div> outside of the data-role="page" that still has jQuery Mobile controls in it, but doesn't change with the page content. If I try doing just that, I cannot find any way to apply the jQuery Mobile styling to the controls
Storing remote HTML source code in local JavaScript variable.
Hi, I am trying to find a way in client side JavaScript to store the HTML source code of a given web page in a JavaScript variable. I want to do this to filter out a pop up ad from a served piece of HTML before displaying it in an div any ideas? thanks vinay
Jquery script help
Hi I have got multiple jquery scripts in the head section of my website - see below I know about not having more than one script on the page but is there a way of having more than one jquery script as they are different versions and need both of them on the page for both of them to work Thank you in advance Ian <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="script.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"
Search field with on the fly select-list from database table.
I'm trying to create html search field when user starts to type on, it should show a symbol matched combination list from database table's column. I would appreciate, if you could put me on a right direction or detailed steps. Thank you very much.
Jquery Autocomplete
Hi, I'm trying to use jquery autocomplete for states. I want the user to type the state name but I want to receive the state code. TX for Texas, CA for California, etc... All the examples I'm seeing on the internet just give a partial version of the program (the jquery part). Is there's a complete simple sample somewhere ?
Display the result of Jquey ajax get call
I am doing a jquery ajax call to get some data from a service. The response is in Jason format. My code looks like below. I want to display the results I obtained in a html table. I am able to see the alert once the response comes back but when I try to write the data to a table, the data is not displayed (I have commented the code segment out) <table id="display"></table> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script> $(document).ready(function(){
Please help me with this simple code
I have a question and problem and really will be happy if someone helps me to solve it. I have a website and want to enable the webmaster of other websites to insert a javascript code from my website to their own sites and this code enables visitors of their websites to submit their pages to my website. For example you see many digg buttons in most websites that enable visitors to submit the content of other websites to digg using this button. I myself made the code for doing it now and it works
jquery google maps api v3 load issue
Ok so this i my first attempt at a mobile app and im having an issue with my google maps. I am using dreamweaver cs6 with phonegap build service to compile my app my coding is as follows <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web App</title><link href="jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/> <style type="text/css"> h1,h2,h3,h4,h5,h6 { font-family: cursive, fantasy; color: #996600; border-top-color: #000; border-right-color: #000;
passing event handler dom data
my expectation was that given: <section data-role="page"> <div id="audio-language">en</div> </section> that in the following handler: $('section[data-role="page"]').live("pageshow", function(event, ui){ console.log("pageshow"); console.log("$('#audio-language').html()); }); $('#audio-language').html() would evaluate to whatever the current div contents were. but it seems to just evaluate once when the first page is loaded. how
Navbar repeating selected data-icon on navbar
I'm having quite the predicament with my navbar located in my footer. No matter what it seems I do, when I select one of the five choices, whatever icon is selected, the icons to the left of the selected icon receive the same icon. In other words, If I have a navbar with 1,2,3,4,5 and I select three, I now see 3,3,3,4,5 instead of 1,2,3,4,5. I've tried a number of different methods to attempt to eliminate the issue. All to no avail. Anyone have an idea what might be causing this? You can view the
Bug found in jQuery - evaluating variable values in certain circumstances
Ok, I think this might be a genuine bug. I wrote a function that iterates through pictures on a page and fades them up, and then back down to .2 opacity. The very first image does not fade back down. There seems to be a problem evaluating the value of the counter variable on the first time through the loop. I replaced the variable with a switch statement and it works fine, which indicates to me that this is actually a jQuery problem. Please see this page for an example: http://meadpoint.net/gallery
Using (href a link) to target a div
Where am I going wrong cant get the page to display in the DIV ? Sample of my web page as below: <link href="../allwebcss.css" rel="stylesheet" type="text/css"> <script type="text/jscript" src="file:///C|/wamp/www/dawa3/jq/jquery-1.8.1.min.js"></script> <script> // Wait for the document to load $(document).ready(function() { // When one of our nav links is clicked on, $('#nav a').click(function(e) { a = $(this).attr('href'); // Store into target div
How to leave jquery tabs page
Hello there I have an issue while leaving the page. The concept is that while working in Jquery tabs, if the application throws any error, it should go to an error page. I have tried with Response.Redirect but this will opens the error page in the same jquery tab from which the error is thrown.
IE not displaying my code correctly
I have used the following code to create a rotating background, i have split up the jquery and the rest of the code for the perpose of this post. The content area of the page is supposed to be displayed in the center of the screen, but in IE 9 it displays in left side of the screen all non IE browsers work fine. the background class divs are obviously the background layers. they have a height and width of 100% and their background will later be set to the image i want them to display as the background.
"Uncaught ReferenceError: jQuery is not defined" in Apex VisualForce page
Hi, I'm getting the error "Uncaught ReferenceError: jQuery is not defined" in a Apex VisualForce page. At the beginning of that page I have the javascript code to load JQuery: <script type="application/javascript" scr="resource/1352112986000/JQuery_1_8_2_min/jquery-ui-1.9.1.custom/js/jquery-1.8.2.min.js" / > <script type="text/css" src="resource/1351707675000/JQuery_1_9_1/jquery-ui-1.9.1.custom/css/ui-lightness/jquery-ui-1.9.1.custom.css"/> <script type="text/css" src="resource/1351707675000/JQuery_1_9_1/jquery-ui-1.9.1.custom/css/ui-lightness/jquery-ui-1.9.1.custom.min.css"/>
why can't we chat online about things
Not all is needed to be in the forum. If we all install something like this:https://chrome.google.com/webstore/detail/page-buddies/jceolabahkbelpkecmkpclfmakkkeagb We can chat with people currently on the same page/subject, and write in the forum only things we really to stay for a long time.
Custom UI for TABS ??
Hello, jQuery TABS widget was very helpful. But i want to use custom UI for the TABS not the jQuery UI.... Is there any way to use my own look and feel ?? Could you please help me. Thanks, Praneeth
"Uncaught ReferenceError: jQuery is not defined" in a Apex VisualForce page
Hi, I'm getting the error "Uncaught ReferenceError: jQuery is not defined" in a Apex VisualForce page. At the beginning of that page I have the javascript code to load JQuery <script type="application/javascript" scr="resource/1352112986000/JQuery_1_8_2_min/jquery-ui-1.9.1.custom/js/jquery-1.8.2.min.js" / > <script type="text/css" src="resource/1351707675000/JQuery_1_9_1/jquery-ui-1.9.1.custom/css/ui-lightness/jquery-ui-1.9.1.custom.css"/> <script type="text/css" src="resource/1351707675000/JQuery_1_9_1/jquery-ui-1.9.1.custom/css/ui-lightness/jquery-ui-1.9.1.custom.min.css"/>
Help with radio button and jQuery
Hi, I’ve a asp.net page with two groups of radio buttons. I want to pop up a modal box when B is selected from 'radio1' radiogroup and 1 is selected from 'radio2' radiogroup. I can pop up modal box when only B is selected from first dropdown box but I don’t know how to check what is selected from both the radiogroups. Can somebody help me with the syntax as I’m new to jQuery syntax. Below is my code. Thanks in advance, Joe Green $(function () { $( "#radio1" ).change(function()
How to insert ajax result after <a> element
Hello, <div class="main"> <div class="subject"> <span>Subject2 talks about...<br /></span> <a href="#" id="fd_sub2">About Subject2</a><br /> </div> </div> When clicking on <a> element, I try to get information from an ajax request, and put result just after <a> element. The ajax result is like <span>Subject is ...</span> Finally, I must thave <div class="main"> <div class="subject"> <span>Subject2 talks about...<br /></span> <a href="#" id="fd_sub2">About
Scroll Issue on swipe elements
Hello, in a webapp i use swipe-left / swipe right events for navigation through a set of data (location,street,buildings). After searching for days now i found this: https://github.com/jquery/jquery-mobile/issues/3954 On Android 4 i got scroll issues like described there. There is even an example on the github page: http://www.billdodgeautogroup.com/test/test4.php When trying to scroll through the list its getting stuck all the time. I read a lot from people having the same but i cant find a fix
animate if a class exist
Not sure if I am planning to make this to work using this direction but. ON this site. http://hegele.bolderimage.com/ I have a carousel , when you hover over a label slides down with fading red background. And it slides up when you hover over another one. Each label has a red background on the active CSS class. For the active labels, I was wandering to have the them to slides down and up the same way they do when you rollover them. But I want them to do that automatically in addition to the red background.
Using Jquery to control dynamically generated HTML
OK I've looked around the site for any hint on this but if it's there I've missed it, so sorry if this has been answered and I'm not seeing it. What I've got is a web page containing a DIV into which I'm dynamically putting a list of entries with selector buttons, I've simplified the code a lot for this example The target DIV looks like <div id="targetdiv"></div> I ask a server for a list and build a string that looks something like <div> nameofentryfromserver1 <input type="button" class="dynamicbutton"
Jquery 1.7.1 Sortable - placeholder
I have two sortables to drag and drop items to each other. I see that when I drag an item from sortable1, placeholder remains visible into sortable1 till the dragged item is completely in the Sortable2. I would like it to show placeholder into sortable2 as soon as dragged item comes over the sortable2. Please advice how can this be achieved. Please see attaches screen shots to check the current behavior. This is the code that I have to set the drag and drop - // make listbox2 sortable, inside "start",
Next Page