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!
opening jquery dialog
I am able to display jQuery dialog on click. I have added a div in c# code dynamically. I have opened a jquery dialog in the center of the div added using code. When I click on the link the popup is opened. When I scroll the page the popup is also getting moved with the scrolling of the page. What I want is that when the dialog is opened and I scroll the page the dialog should be in the centered of the parent div in which it is opened and it should not move from the parent. I don't want to set popup
jQueryUI Autocomplete - selecting an element, even if not hovered
Hello, I face a small issue with jQueryUI autocomplete. Elements become shown as desired, meaning I see the suggestions for what the Im currently typing. Now I would like to make it possible to react and user Input (using a onkeyup listener) and watching for a return - to select an element and activate that option. I was looking at http://api.jqueryui.com/autocomplete/ but there is some problem in the underlaying code: - In order for an element to be selected and activated, the mouse is forced to
Please help jquery ui tabs.
I'm newbie about jquery ui tab...my prob is this..there's 2 tabs in my page and the 2nd tab hold a submit form but when I click on submit button it will refresh the page and focuses on tab1..I wan't to stay tab2...anybody help me please T_T...
Content not styling
Hi If I try and create extra pages to my app, such as homepage, when the user clicks on the 'Search' button on the home page, when the script(next page) loads, it doesn't style up the list views. It only styles up when you refresh the page. Is this something down to how and when the script loads. Is this JS loading too quickly before the page content is available and thats why it needs to refresh. I tried exporting the JS code into a separate JS file and injecting it on page load but thats not
regex id for button
how can i assign code to id starting with "d_" for exampe when i clicked button which id start with d_ some function will run $(document).ready(function(){ $( //id starting with d_).bind("click",function(){ //ANY CODES }) }) $i=0; while ($row = mysql_fetch_array($result)) { $i++; if ($row["OrderID"] != '') { echo ' <tr class="tr'.$i.'">
forking themeroller sources
Hi, I'd like to fork the sources of the themeroller in order to use it into my own project, I downloaded the sources of jquery UI from github, but nowhere i found the sources of the (wondefull) themroller, where would I found it, please? and thanks a lot for your wonderfull work! :)
RSS feed
Hi, I have this code which populates a listview from an RSS Feed, what i would really like is when the user clicks a link, it goes to a new page in my app and displays the 'content' tag from the feed. If anyone could give me any guidance on how i could achieve this, it would be greatly appreciated, thankyou. Below is the code so far: <!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">
Old jQuery.attr('href') functionality
Hi I'm trying to upgrade a large number of sites at work from very old versions of jQuery (1.2.6, 1.4.3) to the latest version (1.9.1). Things are going pretty well - the Migration script does most of the legwork even though that's only for 1.6.4 to 1.9.1, I think I've got most of the other changes that need sorting. There's a couple of issues I've run into though, with the main one being the changes from .attr() to .prop() - as all of our code uses .attr() and some breaks if we just change it to
Query with jquery.min.js
Hi, I am very new to using jquery. I am trying to develop a gallery in lightbox which uses jquery.min.js. When testing in a browser the gallery works fine in Chrome but not in IE 8. When enabling the script debugging feature in IE 8 I get a message as follows: Error in line 120 character 165; invalid argument and the code f[b]=d is highlighted in yellow. Can anyone tell me what to do please? I am not familiar with java script. Is my copy of jquery.min.js corrupt? If so how can I easily download
Next Page