how can i cancel out a toggleClass when clicking on a different element?
hello. so if i have set it up so that when you click a div it enlarges an image using toggleclass. the problem is that when i go to the next page without clicking on the image to cancel the toggleClass it carries to fx to the next page. i would like to return the toggle to its previous state on clicking of the next page button. you can see some code here: http://jsfiddle.net/rickyspires/ypmdr/114/ but it does not include any page turns thanks rick
Layering images over one another and fading one to the front not working
The image is moving to the front as planned but it moves to the front as visible, then fades which is not what I want. Please see here
Dialog without user clicking a link
I have a dynamically generated page where, during the page rendering, I would determine that an error message is to be included in the page, such as to tell the user they entered invalid data in a form. In my mobile version of the page, I thought it would be nice to pop up an error dialog, to ensure they don't miss the message. I can see that any page can be displayed as a dialog from a link using data-rel="dialog", but is it possible to have the decision to pop up a dialog embedded in the page itself (and
iFrame does not display on iPad
I have an iframe that I've tested successfully on a chrome's desktop browser. When I tried to test it in iPad's Safari it was invisible. Here is my code. Are there restriction with jQuery Mobile that I may be overlooking? <div id="success"> <iframe src="http://localhost/cin/index.php" style="border: 0; width:1124px; height:768px;"> </iframe> </div>
Need help in Jquery mobile it embed its html and classes again if they are embed already
Can you guys help me i am facing a problem jquery mobile embed its hmtl and classes again if they are added already.I am saving **html** in data base and displaying **html** dynamically.example below : This is Html <div class="check"> <div class="heading"> FOR TESTING </div> <div class="conatining_input"> <input type="text" name="text" /> </div> <div class="conatining_select"> <select name="select"> <option value="first">first</option> <option value="second">second</option>
Internet explorer showing problem
when i run ubu.html using localhost sliding is ok but when i want to run ubu.html without using localhost sliding is not ok why and how i can solve this problem
ClientX, ClientY, of virtual events are wrong in Opera Mobile 12.1 on Samsung Galaxy S2 and Galaxy Tab 2
The value returned in virtual events for ClientX, ClientY, in Opera Mobile 12.1 on Samsung Galaxy S2 and Galaxy Tab 2 make asolutely no sense. The values that should be returned by ClientX and ClientY are returned as value of ScreeenX and ScreenY instead ...Very Strange!!!! This means that Screen coordinates are returned in...no place. Values of PageX and PageY that are computed from ClientX, ClientY are also wrong...and this causes problems in some applications.... Now if I copy ScreenX, and ScreenY
WSDL Web Service
Hello guys , Does Jquery Mobile support the connection for WSDL web service? Im currently working of a project using WSDL.. Please Help. thanks
Login for Webservice
Hey guys , Please take a look function AutheUser () { var soapRequest = '<?xml version="1.0" encoding="utf-8"?> \ <soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" \ xmlns:xsd="http://www.w3.org/2001/XMLSchema" \ xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> \ <soap:Body> \
error in ajax method
function call() { $.ajax({ type: "POST", url: "http://192.168.1.12/service.asmx" + "/GetUserDetails", data: " {'deviceid': '123456', 'latitude': '45.23','longitude':'78.45'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function () { onSuccess(); } error:onError }); } function onSuccess() { document.write("data send"); } function onError()
toggle or show/hide question
hello. i have 2 divs side by side that are both width 50%. i want to make it so that when you click on the left or right div the other one will disappear and the remaining div will change to 100%. then when you click it the second time it will return to 50% and the other div appear. this is what i have $('.scroller').click(function(){ if ($(this).hasClass("left")){ $(".right").hide(); $(".left").css({"width":"100%"}); } else if ($(this).hasClass("right")){
Message dialog triggered dynamically within a page, not from a pre-configured link
I have a dynamically generated page where, during the page rendering, I would determine that an error message is to be included in the page, such as to tell the user they entered invalid data in a form. In my mobile version of the page, I thought it would be nice to pop up an error dialog, to ensure they don't miss the message. I can see that any page can be displayed as a dialog from a link using data-rel="dialog", but is it possible to have the decision to pop up a dialog embedded in the page that
Form serialization issue after server-side validation fails in JQuery AjaxForm.Submit()
I have a form <form id="form0" enctype="multipart/form-data" method="post" name="form0"> <input type="text" id="FileField" /> </form> And the following JavaScript code: $('#form0').ajaxForm({ url: sourceUrl, type: 'POST', data: formdata, target: '#FileField', success: function (data) { if($(data).find('#RouteMidDetails').length >= 0) { $('#divSearchPopupContent').html(data); if($('#hdnModelState').val() == 'True') { DisablePopup(); grid.rebind(); } else if($('#hdnModelState').val() == undefined)
Need help in Jquery mobile it embed its html and classes again if they are embed already
Can you guys help me i am facing a problem jquery mobile embed its hmtl and classes again if they are added already.I am saving **html** in data base and displaying **html** dynamically.example below : This is Html <div class="check"> <div class="heading"> FOR TESTING </div> <div class="conatining_input"> <input type="text" name="text" /> </div> <div class="conatining_select"> <select name="select"> <option value="first">first</option> <option value="second">second</option>
JQuery TokenInput Scroll: On Mobile Device
Hi All, I'm using JQuery's token input (http://loopj.com/jquery-tokeninput/) as a drop down select list within a mobile application. I have a dilemma, when using it in a mobile screen, when retrieving items 20+, the list is not scrollable, the scrollbars appear in the browser but not on the mobile application. I am investigating options to get it to scroll. I was wondering if there's an easy way to modify the JS or the CSS of this plugin so that I can press and hold on the results pane and drag down,
Jquery Cycle Plugin : Add new slide at the specified position
How to add new slide in between existing slides? I am able to prepend new slides to existing slides append new slides at the end but want the solution to insert new slide any where based on the provided index.
Submit Form Without Refreshing Page ? Type: post Issue ?
Hi, Firstly thanks for the supporting team. My question is regarding Sibmittin form with out page refresh, actually i am getting the result but i would like to send the data by using 'post' as type, but its not working if we use Type:post attribute ? I am using this example.. http://www.java4s.com/jquery-tutorials/submit-form-without-refreshing-page-in-javajsp-with-jquery/ $.ajax({ url: "saveIt", //type: "post", data: value, cache: false, success: function(data) { $("#country").val('');
jquerymobile filter out script
As the title said. During using jquerymobile, I found that if I direct to page B from page A, scripts contained in Page B will be removed, but I want these scripts. How can I prevent this??
Remove CSS attribute from div outside of ajax response div.
Hello all. I have been frying my head over this, and I am sure it may be pretty simple and would appreciate any help/guidance. My problem is the following: I have a menu, when user clicks on one of the links it loads a page through ajax within a div. My problem is that within that ajax content I have a dropdown menu. When the user changes the selection of the dropdown menu I need jquery to remove a CSS attribute from the menu that is outside of the ajax content. I can not figure out how to do this
Accordion move after open
Hello, I need to be able to move the top of the accordion after it's been opened as some of the content is quite big. We'd want top to move at the same value for all accordion elements. How can I achieve this? I've tried wrapping them in a div, changing the div's position to absolute and changing its top but it didn't work. Thank you!
autocomplete based off of two fields
I'm coding a sign up interface where the user enters their state and then their city. I've implemented autocomplete on the state field which is working properly. However, how do I include the contents of the state field with the call to autocomplete the city field? I have not seen a demo that describes this. Have I missed it? At one point, I'd seen "extraParams" used, but read a reference that its been deprecated. Is that true? If so, do I need to somehow add the the state value to the "URL.term"
Call link with Javascript - Transition
Hi, Looking for a solution for the very slow responsiveness on mobile devices, it seems that the main solution consists in using "Tap" event instead of "href" between pages. I tried this and yes this is way more responsive. So I replaced: <a href="mypage.html"> by: window.location="myPage.html" Ok this is much faster, but this made me lose the nice transitions between pages (slide, pop, ...) So the question is: --> Is it possible to use the transitions with this method ? Maybe the second question
Plug-in Linkselect from Giva Labs
I have a select list with some options opening URLs in a new window and I use the below jQuery: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> The script for linking the options of the select list is the following: <script type="text/javascript"> $(document).ready(function() { $('.openSelect').change(function(){ var selectedValue=$(this).val(); if (selectedValue.match(/http/)) { var open = window.open($(this).val(),'_blank');
Clarification on multipage jquery sites
Hello, I first posted this in the jQuery forum here: http://forum.jquery.com/topic/clarification-on-multipage-jquery-sites#14737000004064751 But was advised the JQM forum was a better place to start: I am new to jQuery, and I think the "problem" I am experiencing is down to simply how jQuery operates, but would welcome some clarification... When I have a multi-page jquery site, interlinked with hyperlinks, then clicking on a hyperlink causes the URL to change, as one would expect, and for the new
jquery mobile popup aspires outside of form
Hello, I’m trying to submit a form from a popup window. When I’m pressing the submit button nothing happens. To my surprise all the popup content is now outside of my form, that’s way no submission is taking place. My code is looking something like this: <form method="post" action="/MyUrl"> <a href="#positionWindow" data-rel="popup" data-position-to="window"> <div data-role="popup" id="positionWindow"> <input type="text" name="MyText" value="value to server"> <input type="submit" value="send">
Jquery mobile background image - showing only a part
Hi, I have this kind of image I want to show this image and buttons when u see that in ipohne,ipad or android I used this css but only a part of the image is showing .ui-page.ui-body-a.ui-page-active { background: url(../images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } Also I need to know for the buttons should I use image hotspots or should I separate buttons from background
Content and footer sections shrunk
When using these scripts: <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1jquery.mobile-1.0a1.min.js"></script> (very old I know) I have no issues. but when I use the latest 2: <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> I get an issue with the screen shrinking everything. Even using the basic boiler template from this very
Firing Event Only Once
Hi, I'm trying to understand how to get (on singletap) to fire more than once in a mobile browser. I'm using jQuery-Mobile-Events plugin w/ jQuery, but it's only firing once. I added a little mobile console script & it keeps logging "Single tap called" which is maddening - the line before should be running on every single tap, but it isn't. This function is outside of the doc ready handler. Test page is here: http://www.partiproductions.com/viewpoint_test/index.html $(function() { $(".vppop").on('singletap',
How to add border to a grid layout???
Hi. I have a 3x4 grid layout, but I can't see the way to add border (red border for example) to my grid. Any idea? thanks
cascading checkbox using jQuery!
Hello, I would like to using jQuery to implement cascading checkbox for client code as following: I have two checkbox named Pass and Fail and a list of checkboxlist for grade scale (100, 90, 80, 70, 60, 50). If the user checks mark the Pass checkbox then automatically set 100, 90, 80 CheckBoxList are selected; otherwise if check mark on Fail will also check marks on 70, 60 and 50. Please help me with my first post on your forum. Thanks in advance.
Jquery mobile spacing between ul li
What's the code for spacing between the ul li in jquery mobile.?
fadein() funciton not working...
I have 5 images all overlaid on top of each other. I want the each image to jump to the front as invisible and then fade in when the right #bp image is clicked on. The images jump to the front alright but they're not fading in. (Also in IE, nothing at all happens). Please help: JQUERY: <script type="text/javascript"> $(function() { currZIndex = 5; $("#bp1").click(function() { $(".img1").css('z-index', currZIndex+1); currZIndex = currZIndex + 1; $("#mainImage1").hide(); $("#mainImage1").fadeIn("normal");
Problems with forms and IE<10
Hi! Could it be, that Forms are Broken in IE9 and below? I built a form, jQuery Mobile is built in just for optical reasons, the whole form handlng happens with php. But I can't even sent the form to get to the php-part, because if I click the submit-button the form just hangs with the swirly loading thingy. If you want to try it by yourself, here's the form: http://scripts.gewerkschaften-online.at/Y02/vermoegenssteuer/testing.php (if you don't speak german, you are required to put numbers in every
Jquery & ZeroClipBoard - Nearly Working !
This works when I have ONE INPUT button. But how would I change it to work regardless of the number of input buttons on screen ? Obviously when I click on a button, I want it's 'data-clipboard-text' to be returned. Thanks :) <input type="button" id="copy_button" data-clipboard-text="Copy Me!" Value="Click ME"> <script src="js/ZeroClipboard.js"></script> <script> var clip = new ZeroClipboard( document.getElementById("copy_button"), { moviePath: "js/ZeroClipboard.swf" } ); clip.on( 'complete', function(client,
Syntax error, unrecognized expression: :not(:contains(';Meeting Minutes')) Works fine in IE, but not Firefox
I am attempting to do a comparison and it works in IE but not in Firefox. I am assuming it has to do with the semicolon. How do I go about escaping this appropriately? The error I receive is Syntax error, unrecognized expression: :not(:contains(';Meeting Minutes')) I cant just compare the text as there could be a word such as Plan as part of a string, but I only want it when it matches Plan explicitly. $(".EI-Disc-Outer").each(function(i){ var pageMetaTitle = "\;" + pageTitle;
Things I don't understand about the ajax function
Say I have a form like this (taken from a book on jquery): <body> <form> <label>Enter your Name</label> <input type="text" name="uname" class="uname" /> <br/> <input type="submit" id="submit" /> </form> <div id="message"></div> </body> and an ajax function like this: $(document).ready(function () { $('#submit').click(function () { var name = $('.uname').val(); var data = 'uname=' + name; $.ajax({ type: "POST", url: "welcome.php", data: data, success: function (html) { $('#message').html(html); }
Multiple spinner fields, only first one is shown as a spinner. What am I doing wrong ?
Dear all, I'm using jQuery UI for the very first time. I'm trying to build a form using PHP. I'm making a form with two spinner fields. All is working fine, except for the fact that the second spinner is not shown as a spinner but as a "normal" input field. Although in the code, the field has the same "id" as the first one. [code] <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"; /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script>; <script
having trouble selecting grouped divs
hello. im having trouble selecting selected all divs i have grouped together some divs and i want it so that when you click on a group of divs it will add a class to each of the divs selected. i.e group1 = 1+2 group2 = 3+4 group3 = 5 if i select group 2 divs 3+4 will have the class selected added. please see my jsfiddle: http://jsfiddle.net/rickyspires/h2kbF/110/ this is the code: <div id="book"> <div id="page1" class="page">1</div> <div id="page2" class="page">2</div> <div id="page3"
How can i NOT trigger window.onhashchange on certain clicks?
I have 2 buttons - A and B. On clicking A the hashtag changes and i want to call the window.onhashchange function. But, on clicking B, i am manually appending hashtag to the URL. In the later case, i don't want window.onhashchange to be triggered. I have searched a lot. Maybe my fundamentals are not that clear. Please help me out here.
Home screen icon for Android
Can anyone point me to good reference materials for adding a home screen touch icon to Android devices. I've got it nailed for iOS, but can't seem to determine the right icon size and/or code that makes it work on Android phones. Any help would be appreciated. Thanks!
Next Page