Prevent "bouncing"-effect on jquery mobile apps on iOS Safari
Hello there! did anyone manage to prevent the body of a page to be scrolled out of the visible area? The problem is, that i've got different ListViews on my page which have to be scrolled up and down. After reaching the bottom/top of this lists and starting another touchmove towards the same direction the whole Website will be "pushed" out of the visible area. I would be glad if somebody managed to prevent this.
Help getting relative elemet
Hi experts. I am pretty new to jQuery so go easy on me. Using the following HTML: <table border="1"> <tr> <td headers="QTY"> <input type="text" name="f01"> <input type="hidden" name="f50" value="1"> </td> </tr> <tr> <td headers="QTY"> <input type="text" name="f01"> <input type="hidden" name="f50" value="0"> </td> </tr> </table> I am trying to do the following: 1. For each row 2. look at the value of the hidden item "f50" 3. If the value = 1 then set the background color of f01
White flash on images
Hi, I try to load an UI web view on ipad, but i have some problem with the java script functions and images. Every time it load an image there are a white flash on images. On desktop browser it's work perfect... Someone can help me?
Add firefox search engine for jquery doc
I'm using Firefox every day for devloping. Firefox has the feature to directly search into some website. Here the Firefox doc: https://developer.mozilla.org/en-US/Add-ons/Creating_OpenSearch_plugins_for_Firefox I think could be usefull to have a "open search" for the jquery doc. It could be done in half an hour. what do you think ?
Jquery script to logout from all opened tab if user click on logout on any page
Hi, I want script to log out from all opened tab if user click on log out on any opened tab using jquery and php. For this I am using following script but it's taking heavy resource of server as my site is on shared server: is_session_expired.php code: <?php session_start(); //echo $_SESSION['sess_memberid']; if(isset($_SESSION['sess_memberid'])){ echo "no"; }else{ "yes"; } ?> <script> function isSessionExpired(url,dopage){ //alert(url); var randval
I lookin for a professional eye in Jquery mobile...
Hi there My name is Sy http://mobilocksmith.com/ Check this with Smartphone browser pls. Im not a webdevaloper... I wrote this myself with Jquery mobile libreries. I need someone to take a look at my code with professional eye. Fix and clean code and improve lookin if you see some... (I would like to improve my send mail page) UPDATE Jq libraries to the last stable version. ALSO as you can see I got pretty much fixed Theme on all pages improved by me from page to page to the best of my knowledge.
How to get mobile jquery slider old value?
How can i get the previous value of slider when clicked on slider bar?
Header image merge with table in pdf issue
My pdf page have more than 3 pages.Every page have fixed header and footer in page. In every page, table have broken in bottom of the page. So i have used page-break-inside: avoid; for avoiding broken table. This time table will goto next page. It have merged with header image. How to avoid this merging table with headers? I have attached my error image for your reference. My css code: <style type="text/css" media="print"> @page { @top-center { content: element(header); } @bottom-left { content:
Minor bug when showing 2 months with datepicker
Hi! I want people to select a date in July or August so I set minDate to July 1st maxDate to August 31 numberOfMonths: 2 But when people select August 1st, July 1st becomes highlithed to. Like if it was mouseover. The mouseover effect disappears when selecting another date in August or when I mouseover a date in July. If setting the minDate to July 3, the bug appears when selecting August 3. Any idea? Thanks!
jQuery Zebra_Datepicker
Hi, I am using jQuery Zebra Datepicker plugin I have got two dates FromDate and ToDate. The dates I have enabled are from 13/07/13 to 07/10/13. I also pass in the array of disable dates in between these two dates i.e. 06/08/13 to 19/08/13. This works fine. $('#FromDate').Zebra_DatePicker({ format: 'd/m/Y', direction: [minDate, maxDate], disabled_dates: disabledDates, show_week_number: 'Wk', start_date: minDate,
Datepicker year month combo box scroll does not work by dragging scrollbar
I have a datepicker defined as: $( "#datepicker" ).datepicker({ changeMonth: true, changeYear: true, dateFormat: "mm/dd/yy", minDate: new Date(1900, 1 - 1, 1), yearRange: "c-125:c+15" }); The HTML is : <p>Date: <input type="text" id="datepicker"></p> When I click on the datepicker and click on the year, I cannot click & drag the scroll bar. The mousewheel works to scroll, but the dragging the scroll bar does not. I have tried both 1.10.3 & 1.10.4 versions
bug in .find() method ? with select attribute
Hi i wanna use the find methode.. but some how i get this bug or my mind is on the wrong track at this moment.. <div class="form"><input name="form[check22][]" type="checkbox" value="1000" id="check0" style="display:none;"></div> error: var tt= "check22"; jQuery('.form').find('input[name*='+tt); works: var tt= "check22"; jQuery('.form input[name*='+tt);
1.4 stripping url params
I have a single page which I want to change the contents of depending on params passed to it. If using href like : #mypage?id=123, after page change the url in the address bar will be #mypage, making it impossible to refresh the page or if I go to another page the back button will visit the page minus params. This kind of thing worked in previous versions, e.g: http://www.moretechtips.net/2012/07/dynamic-page-generation-in-jquery.html This does not work either: var $page = $("#mypage"); $.mobile.changePage(
Context menu on image-map hotspots - help!
Long story short - is it possible to have a context menu popup for an image map hotspot? I have an image with about a dozen hotspots using an image map. I would like to have a right click context menu for each different hotspot. So far I'm able to get the image map working correctly and am able to resize using mapster plugin. But have had no success trying to add a context menu to the hotspots. I have tried several different context menu plugins and I'm not an expert with jquery by far so it might
themerollered.html not working
I downloaded the demo http://jquery.bassistance.de/validate/demo/themerollered.html links contained in've used in my own practice. By clicking the submit button, however, is making the transition without control. Waiting for your help in this regard.
jQuery Mobile panel width (full width) problem on Android
Hi: I am using jQuery mobile version 1.3.2 and I change the panel widths (left a little larger 18em and right width 100%) through css. So the left panel will open with width (18em), and the right panel will open with full width (100%). Here is my css section that will override the jQuery mobile css. .ui-panel { width:18em; } .ui-panel.ui-panel-position-right { width:100%; } .ui-panel-position-left { left: -18em; } .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-left.ui-panel-display-push
Best way to create a simple animation using sequence of images
Have a look at this fiddle - http://jsfiddle.net/BT2wk/8/ I am just trying to create a smooth animation by quickly swapping some images. For this i used .fadeIn() and .fadeOut() methods but it is making my images flicker. I have tried tweaking the speed but it always flickers. I wish to create a smooth animation. Am i using the right approach or methods for creating my animation or is there a better way ? If fadein fadeout are the methods for me, then can you tell me how can i remove flickering
How do i load xml depending on day of the week????
Need to load xml from a url depending on day of the week. if its monday load Monday.xml. I can not figure this out my brain hurts.
Only Return Values Found in an Array
Hi all, I have two REST calls and need to return the values that match (ex. If the first REST call output produces an array of 1, 2, 3... I want to the second REST call to output the values that match 1, 2, 3.) My data looks something like this: - Data source 1 accessed by REST call 1 has a field named PostCategoryID. This field can contain multiple values - Data source 2 accessed by REST call 2 has two fields, one named ID and another named Title. The ID in list matches the value(s) in the PostCategoryID
Which parts of the form should be submitted based upon select
Hi everyone. I'm hoping someone can help me with how I should handle this problem. I have a form that contains a select with multiple data elements for each option. The data elements are not consistent because what needs to be submitted along with where the form action should be will be different depending upon what the user selects. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
Get cumulative height
Hi Guys, I'm trying to get the cumulative height of li elements & set the parent ht, as it's being clipped. Tried: var outht = 0; var myli = $('#searcher_stack-its_outerhtml li[id^="order"]:visible'); var maincnt = $('#searcher_stack-its_outerhtml li[id^="order"]:visible').length; for (var mcnt = 0; mcnt<maincnt; mcnt++) { var fcnt = mcnt + 1; if ($(myli[mcnt]).css('clear') == "left") {outht = outht + $(myli[mcnt]).outerHeight(true)} console.log('Main Outer Height: ' + outht); if (fcnt
jQuery and Dreamweaver CS6
Dear forum moderators / users, I'm still fairly new to jQuery and Dreamweaver CS6. I have the following files (see below) downloaded from the website. But I can not find how to add in Dreamweaver? Those files below itself Is it simple to add something or has to be something else done? Thanks for the effort. - jquery.mobile-1.4.0 - jquery-sizzle-1.10.17-3-g0ff8cc9 - jquery-ui-1.10.4 - jquery-2.1.0.min.map
Need method to get "Current Url" and then display it on the web page
I'm trying to get the current page url....... and then display it for use in the html page as a "template tag" where it will display the url wherever the tag is placed on the page. So it could be used in making a canconical meta tag, or making a link to the current page somewhere on the page for instance. I've been given this code <script type="text/javascript"> jQuery(document).ready(function() { var href = jQuery(location).attr('href'); var url = jQuery(this).attr('title'); jQuery('#current_title').html(href);
Call function after
Hi All, I have a function, imgCk() that needs to run after another function htFix() has finished w/ it's promise function. I tried this: function htFix() { $('div[class^="searchercustomcontent"]').promise().done(function() { ... }); } function imgCk() { $.when( htFix() ).done(function() { ... }); } I call out htFix(); & then imgCk(); in the code.When I look at the console imgCk() logs seem to be running first, instead of last. Thanks, Bill
Closing the new "dialog" in 1.4
In 1.4, I see that the dialog widget has been deprecated in favor of the page's dialog option. I've got my markup switched over to properly use that, and they display just fine. In 1.3, I would use $('.ui-dialog').dialog('close') in my client side script to close the dialog and return to the previous page. What's the proper equivalent in 1.4 with the new dialog model? Thanks, Dan
ajax().done
Is .done() available for ajax? Something like this: ajax({something, something }).done( function(){something else})
Conflict scroll event jscrollpane jquery
I have a problem and is the following; I am using scroll event to paginate records which is defined like this: $(window).scroll(function() { if ($(window).scrollTop() === $(document).height()- $(window).height()) { //Do something } )}; but I am using jscrollpane too, but when this is visible triggers the scroll event of the window. I tried to do this to disable the scroll of jscrollpane, but does not work $('#dvmenu').unbind('jsp-scroll-y').jScrollPane({autoReinitialise: true}); is this possible?
Need help using ajax
Hey Guys. I am new with ajax, and I am trying to retrieve data and append it to a div tag. For some reason my code below doesn't seem to work :( $(function(){ $.ajax({ url: "testdata.txt", type: "GET", dataType: "text", success: "successFN" }); // End of $.ajax function successFN(result) { $("#result").append(result); } });// End of function </script> </head> <body> <div id="result"></div> </body> </html>
populate html table using data from ajax based rest call
Hello, I am having a AJAX REST call in one of the JS file and have a HTML table, want to populate the HTML table with the data recieved in the get call. I have tried the below code but its not working. JS File $(document).ready(function(){ $.ajax({ type: "GET", url: "SERVICE URL", dataType: "jsonp", success: function (data) { $.each(data,function(d,results){ // ben is the id of the HTML table $("#ben tbody").append( "<tr>" +"<td>"+results.Firstname+"</td>"
Help with the trigger function
Hey Guys, I have been reading about the trigger function. I have tried it out on my own but it doesn't seem to be working. I took the following example from the jQuery API website and added an alert function... When I refresh the page it doesn't seem to be displaying an alert. In the jquery website is also refrecnes an a selector named foo but didn't find any element ID the references foo?? Below is my code. Thanks!!! $( "#foo" ).trigger( "click", function () { alert("Automatic Click"); }) ; Documentation
1.4 - Collapsible theming issue
I'm having a problem where data-content-theme does not inherit to listviews inside the collapsibles. I didn't have to do anything special in 1.3 - is this a bug or is there another setting I can change to make sure the theme inherits? Thanks
[SOLVED]animate() + detach()/appendto() issue
Hi, I'm trying to learn how galleries work. I have 4 images horizontally lined up. I'm trying to make it so they shift to the right, and the image on the far right moves to the far left hand side, so it creates a fluid transition. http://jsfiddle.net/M4v3F/1/ $(document).ready(function(){ $("#right").click(function(){ if($("#box1").find("#image1").length > 0) { $("#image1").animate({left:'202px'}, function(){ $(this).detach().appendTo("#box2")}
Having issues with Navigation and BASE HREF....
The general structure of the site is OUI/ index.php js/ pages/ images/ So with that being said..on the index page I have a simple login form. At this point the base URl for the page <base href="http://localhost/~me/OUI/"> When I click on the login button it calls.. function doLogin(){ $.ajax({ type: "POST", url: "functions/checklogin.php", data: { usrnm: $('#username').val() , passwd: $('#password').val() } }) .done(function( msg ) { if(msg.match(/YES/)){
crossDomain usages ?
I asked here : http://stackoverflow.com/questions/21255194/usages-of-jquerys-ajax-crossdomain-property a question about crossDomain. From the docs , it is not understood when should I use it ! if i'm using it with jsonp , so the response type is application/javascript which is not a subject to cross domain. so I dont see when should i use it.
Check text with contains in iFrame
Hi Just whant to get this conditional works. The HMTL-Codes looks like this: <div id="availableLanguagesContainerBody"> <a onclick="changeUserLanguage('EN')" href="#"> English </a> </div> With JS and JQ I whant to check if the User choosed "English" or other languages. if ($('iframe').contents().find("#availableLanguagesContainerBody a:contains('English')")) { //do JS//; } Javascript allways says that this text/object exist, even there is something else. Do you have an idea? Thank you for your reply.
Newbie slider question
Hi All Would really appreciate some help as to why I cant get a Rhinoslider gallery to work. I am just seeing four images rather than the slider. I am using Adobe Muse. In the <head> I have... <link type="text/css" rel="stylesheet" href="http://trojansdesign.co.uk/rhinoslider/css/rhinoslider-1.05.css" /> <script> type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="http://trojansdesign.co.uk/rhinoslider/js/rhinoslider-1.05.min.js"></script>
Alert box styling
How to make my alert box look like a lightbox alert . ?? please help me ! an example vth demo would do good .. thank you in advance :)
jquery ajax setup not working for post request :(
Hi, I am using the jquery ajax setup for adding some additional global parameters. GET ajax request working fine but POST ajax request the additional global parameters is not sending. Is there any way to add global parameter for POST ajax request? Please advise. Thanks, Kumaresan
How can i know where i am redirecting
Hi How can i know where i am redirecting using jquery? Before page unloads i want to know on which aspx page am i redirecting to .
jquery UI & MediaWiki
HI, I'am writing an extension for MediaWiki and utilize the jquery/jquery UI delivered with Mediawiki (MediaWiki 1.22.0, jquery 1.8.3, jquery ui 1.8.24). For usability reasons I decided to use a custom theme (=sunny) which I downloaded from the theme roller. When I open a dialog box then for example for the header the font color (white) is taken from theme file, whereas the (nearly white) background comes from mediawiki. The reason is that the CSS rule which applies is "body .ui-dialog .ui-widget-header
Next Page