JQueryMobile registering vclick event handler 'sometimes' prevents default functionality
que 1: If a vlick event on a hyper link is called, is there any guarantee that the page change will occure as per the hyperlink ? if yes, here is my question: I am registering a 'vclick' event handler in jquerymobile on a button and on an anchor tag. I have set ajax processing to false. <script> $(document).bind("pageinit", function(event, ui) { $('.show-page-loading-msg').bind('vclick', function() { $.mobile.loadingMessage = "Loading...";// "Approved"; $.mobile.textOnly
PhoneGap + JQM + WindowsPhone8 - Ajax Navigation does not work
Hey there, porting a big project over from Android/iOS into Window Phone - so I'd like to thank the jQM team first of all for making this possible. Unfortunately, windows phone 8 has an issue which I can't seem to figure out. Ajax navigation does not seem to work Here are what my logs say Error:"Object doesn't support property or method 'live' file:x-wmapp0://www/index.html Line:12" The thread 0xd90 has exited with code 259 (0x103). And here is the basic HTML <a href="settings.html" data-transition="slide"
Jade compiled html is not loading jQuery Mobile css
If I hard code an html file, jQuery Mobile works fine. But when I attempt to compile a .jade file into html and load the file, it loads without the jQuery Mobile css. Has anyone else experienced this problem? EDIT: I found that by using the web-based* links to the css and js files, everything works fine... but when I attempt to use local css and js files, I run into the above issue. *<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> *<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
opening a new tab in browser when clicking on a link
Hi I saw an earlier post asking about links to a sep tab in the navigation. I want to do something similar but the link is on a thumbnail img that goes to another website. I want that link to open the website in a new tab in the browser in case the viewer is not familiar with the back arrow button at top of the web browser. How can I do this? I tried what was suggested for a previous inquiry but it didn't work. thanks so much, m
Tablesorter sortForce bug
The documentation says: sortForce: Use to add an additional forced sort that will be appended to the dynamic selections by the user.but it doesn't work as advertised. If you look at the example page: TableSorter sortForce Example The sortForce is set to the first column (First Name) ascending. If you click on Total to sort you will see that it doesn't sort by the Total but instead it is still sorted by First Name. This isn't what sortForce says it does. Oh and by the way the example page says: //
Why does the navigation bar, not remain highlighted?
I have a jquery mobile fixed navigation bar on the footer. It seems that the first original page that is loaded when visiting the page never remain active/highlighted. It will remain highlighted when you first visit the page, but when you visit another page that is loaded with ajax, it won't remain highlighted when you go back to the original page. So lets say you have link a, b, and c. When you first came to the site, you visit link a. Then go to link b, but when you go back to link a, it won't
jqm1.3 Panel ... dismissive behavior stops working after several 'page' changes
I have a panel. It works as expected. But I want the panel to be available on every 'page'. So I set up a system of moving the panel from 'page' to 'page' as I navigate through the jqm site: jQuery(document).on( 'pagebeforeshow' , function( argo_e , argo_data ) { jQuery('#my_panel' ).remove().appendTo( jQuery( argo_e.target ) ) ; jQuery('#my_panel' ).panel() ; //jQuery('#my_panel' ).panel().trigger( "updatelayout" ); } ;
Conflict between two js files
Hi, I created web site with some js. Specifically autocomplet jquery using this manual http://jqueryui.com/autocomplete/ and map-highlite using this site http://davidlynch.org/projects/maphilight/docs/demo_features.html. I did not releaze problem until now. <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> When I commenting third
Does jquerymobile 1.2.0 supports android 4.0.4?
I have created an android web application where i have a login form that will allow the user to check his mails stored as MySql database when i try to login using the user name and password the login screen will not change to the another php file that will be created from the local apache server but it will do and connect using another android version as 2.2.2 and 2.3.3 except 4.0.4.
General Javascript/JQuery Question
If I have an anchor element on a page is it possible to pass that anchor element as "this" as a parameter to a custom javascript function, so that I can get its attribute information out of it from within the function? I'm trying to come up with a way to code a simple generic function call, that will allow me to then access the element's attribute information from within the function, for further processing. I'm currently trying to code the call in the anchor like this: <a href="javascript:findLinkPosn(this);"
Ignore http errors on $.ajax()
Hi, Even if my title is a little outrageous, more silly is the reason because I ask. I'm parsing a site for an chrome extension, but for some reason or other the server returns error 500 rendering "success" unusable. In the browser it shows alright, without problems (seems like it use the page I'm trying to parse as error page, or idk). Here is my code: getListChaps : function (urlManga, mangaName, obj, callback) { $.ajax({ url : urlManga, beforeSend : function (xhr) { xhr.setRequestHeader("Cache-Control",
my lightbox doesn't work in IE8+
Hi, Can anyone look at my code and tell me why it doesn't work in ie? ehh thanks a lot! (function($){ $.fn.center = function(){ return this.each(function(){ $(this).css({ 'top': ($(window).height() - $(this).height())/2 + $(window).scrollTop()+"px", 'left': ($(window).width() - $(this).width())/2 + $(window).scrollLeft()+"px" }); }); } $.fadePage = function(param){ var defaults = { action:
Problem using autocomplete with typing Korean letter
After Jquery-UI 1.8.1 version, If I typing Korean letter and When press down arrow, auto complete popup is hidden. so I can't choose using the keyboard, but there is no problem with using mouse. Selecting using keyboard more comfortable than using mouse selection. Please check this problem.
Why this code does not work on Chrome?
just installed mobiscroll. I use date scroller. I use this below code to manage the textbox. <script type="text/javascript"> $(function() { // create a datepicker with default settings $("#beginDate") .mobiscroll() .date({ invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'], theme: 'android-ics light', display: 'bottom', mode: 'scroller' } }); }); </script> It works well on firefox but not work on Chrome. Why? How can i fix it?
Updating html of listviews on hidden pages, json navigation model
Hi Guys, My aim is to use jquery mobile for styling/enhancement and transitions but use my own ajax navigation methodology so that I can transmit/keep local JSON data rather than using HTML. I have all my pages in one document. I attach 'tap' events to elements and run ajax to get the JSON and then jQuery to inject html based on the data into listviews etc. My problem is that I can't seem to get a model that works the second time I load a page. I've tried $('#container').trigger('create'); after
Dynamically updating chart based on user inputted data
I am trying to develop a mini application that allows users to update a chart (jqPlot) based on the values they select via the jquery UI sliders. What is the best way to do this?
text box when the picture load
function imageLoaded(trg){ var w=$(trg).width(), h=$(trg).height(),sc,x,y; if (h==20 ) return; clearTimeout(_loader); document.getElementById("loader").style.display="none"; $("figure").html('<img src="'+trg.src+'">+onMouseOver = function () ......') I want to add a text box when the picture load onMouseOver = function ()
Response is sometimes not shown
Hi all I do an AJAX request and I have a problem with my response. When I just choose some values out of some option boxes and the press "Search". I get back the following answer: {"ForeName":["B\len4","Keriw"], "SurName":["Regor","Blsiger"], "UserName":["rosdferbehlen","karidbaldfiger"], "AdressId":[1,2],"AdressUserId":[1,2], "AdressStreet":["Rodfgerstrasse 17","Roegtestrawsse"], "AdressPlace":["Lostrf2","Onsdfgngen"], "SuchResultatEndeId":[1,2],"Rueckmeldung":""} and this answer is published on
Help with site being viewed on an IPAD...
www.msiatlanta.com Can someone please take a look at this JS file for our company website... it is a Wordpress install... The previous developer was working on the site and he is no longer with the company. I've been tasked with taking over the project and fixing the issue. The site when viewed on an IPAD doesn't view correctly. It is very small and either in the top left or centered. If viewed on a Tablet it appears fine. From what I've been told it was the opposite and he tweaked the code
How should i structure this?
Hey, I'm working on this custom title popup script attached. im not sure should i use $('#divid') more often or just save it var oe = $('#divid'); and use it for the rest of the lines. Any tips?
Text shadow color
Hi All, I'm trying to set a new color for text-shadow. I'm pulling the x, y & blur values ok, but when I try to set a new color, it keeps telling me "Invalid character: # " on line #8. var ts = $('.firstLetter span.fa').css('text-shadow').split(' '); console.log('tS: ' + ts); // tS: rgb(85,,85,,85),1px,2px,3px var x1 = ts[3]; var y1 = ts[4]; var b1 = ts[5]; console.log('Shadow-xyb: ' + x1 + ' ' + y1 + ' ' + b1); // Shadow-xyb: 1px 2px 3px $('.firstLetter span.fa').css('text-shadow', x1
Multiple Chained selects
I am quite new to anything on javascript, jquery, ajax, actually i am still not sure what ajax is tho i know i am using some of it, i did this from a tutorial, edited it to fulfill my needs and i understand completly how it works. but now i need to be able to add another row of chained selects on a button click(i can do this) what i am unable to think about is how to maintain the functioning of loading the selects with what i understand to be an ajax call. without changing the rest of the selects.
Extra arguments passed to .trigger() doesn't reach blur event handler when element has focus
Hi, everyone! I want to pass an extra argument to the blur event handler of an element but it only works when the element is not focused. Why would I trigger blur then? Seems like a bug to me. HTML <input type="text" id="field" name="field" /> JS $(document).ready(function () { $("#field").on("blur", function (e, extra) { console.log("extra: " + extra); if (extra) alert("extra argument passing worked!"); }); $(document.body).on("keydown", function (e) { console.log("triggering
Draggable and sprites
I've got a map that has countries which 'light up' on hover by using sprites. I'm dragging draggable items to the country each belongs to and droping them there. This all works, but my sprites don't work while dragging a draggable item over them. I'm not sure if this is because the draggable item is blocking the event, or because the mouse is in a 'down' state while dragging and item. I noticed that if I click the mouse and drag it across the sprites area without dragging an item, none of the sprites
Native select in panel on Firefox 19 + jquery mobile 1.3 unclickable
we've been working on a webapp in jquery mobile mostly developing testing on chrome. We're using the lastest version of jquery mobile and jquery. Most platforms have 0 issues, but when I try to select an option from a dropdown nested in a panel I can see the options, but clicking them makes no change. I can press enter to select the option however it also lights up the option I'm hovering it's just the click which doesn't seem to fire. I've also tried to set the opacity way higher (1 instead of 0.00001).
Basic question - button icon not working
Hello, I seem to have a very basic issue: I try to add an icon to a button, but it is not added. The selector is correct, however, because I see the style of the (first) button has changed. <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> <link rel="shortcut icon" href="favicon.ico" /> <link href="css/smoothness/jquery-ui-1.10.1.custom.css" rel="stylesheet"> <script src="js/jquery-1.9.1.js"></script>
Issue with jQuery cycle2 on iPad?
I have run into an odd situation with the beloved cycle2 plugin. I cannot get it to work on my iPad. The cycle works just fine in other browsers, but not on my iPad (which is still on ios4). I started pulling apart my code to see when/if it started working on my iPad and it never did. If I access this page -- http://www.malsup.com/jquery/cycle2/demo/carousel.php -- it DOES work. However, if I grab all of that code (which has absolute links to the js and images) and put it in my test page....
Table columntoggle and IE10 and Windows 8
I am using IE10 on Windows 8 Pro. On your demo site (http://jquerymobile.com/demos/1.3.0/docs/widgets/table-column-toggle/) when you click on the "Columns..." link and try to unselect any of the columns the browser locks up and you cannot select any other browser tabs (assuming you have any open) until you close the demo site tab. If you only have one tab open you will not be able to select the browser at all. ALT+Tab will not work to get you there. If you are using IE10 and Windows 8 RT and try
In jQuery SVG why do coordinates not work as expected
I load two images in jQuery SVG using the code: svg.image(0, 0, 330, 540, 'images/img1.jpg', {id: 'img'}); svg.image(0, 0, 330, 540, 'images/iPhone5png.png', {id: 'imgphone'}); After the images are loaded it looks like this: I rotate the images (of bottles) to 90 degree using code: var svg = $('#svgphone').svg('get'); var cx = eval($('#img', svg.root()).attr('width'))/2; var cy = eval($('#img', svg.root()).attr('height'))/2; r = 90; var rr = r + ", " + cx + ", " + cy; $('#img', svg.root()).attr('transform',
jQuery SVG - How to save complete SVG as show in browser to a PNG file?
In the project that I am implementing I have a need to save SVG to an image file preferred format is PNG and PDF. How can we export contents of SVG to PNG and/or PDF? Regards, Yogi Yang
Please help me with multiple deferreds
Hi, Please go easy on me, I'm very new to Javascript and JQuery. I'm doing some Javascript development for Microsoft CRM. My scenario is that I am adding contacts to an event (like a meeting). The screen shows a bunch of contacts which can be selected. Without going into too much CRM detail I am getting each selected contact and doing a service call to add it to the event, I'm using $.ajax to do this and adding the returned deferred for the add of each contact to an array. Some of these calls may
problems with jq removeAttr using several radio buttons
Hello! have problem... I use datapicker. I need to change checked attribute when I choose date. when I change date I need to remove all my cheched attribuses and set checked attribute just for one radio button but now when I choose date I cant remove attributes if(dayOfWeek == 5) { $('#tsenik').text('$10.00'); $('#price1').attr('checked', 'checked'); $('#price2').removeAttr('checked'); $('#price3').removeAttr('checked'); $('#price4').removeAttr('checked'); } else if(
Jcycle - add class to navigation without activating the links
Hi I am using great Jcycle plugin and having issues using multiple slideshows in one page. My slider contains: photos, navigation and an one arrow I would like only the arrow to slide the photos and the navigation just to change color whenever one is activated. The problem is that each time a navigation item is highlighted it also controls the slider and I dont want that to happen. I do want to keep the "Active" css state but disable that function that controls the slider. (in my case the pager are
back-button not showing using recent jquery-mobile
Please consider this example: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Listviews - jQuery Mobile Demos</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
JQM Button rendering after dynamic page injection
I have some problems with the dynamic page injection if JQM. I replace the content and header and refresh the page. But the formatting of my Buttons is lost. Also the listview at the content area looks not well formatted. Do anybody know how to fix that. I tried it by $page.button(), but this will render my whole page as button. var $page = $(this.element); var content = $page.children(":jqmData(role=content)"); var header = $page.children(":jqmData(role=header)"); content.html(this.view); header.html(this.header);
Autocomplete bug in handling Korean characters
When Korean characters are copy/pasted into the input box, Autocomplete works. When Korean characters are typed in and the down arrow key is used for selection, Autocomplete does not work, as reported by forum user idevsk, who I have been trying to help via the UI Forum. He says, this action used to work in jQueryUI 1.8.1, but the action does not work in any UI release after that. idevsk built a test script with Korean selections, and I implemented it in jsfiddle.net. I am not set up to type Korean
back button doesn't work in iframe
Im making a mock up an image of a mobile phone with jquery mobile running in the image so you can tell what the site will look like on a mobile device. The site on the image is set in an iframe. The back button doesn't work. Is this normal for the back button not to work in an iframe?
How to force user to enter 3 digits after decimal
I want to force the user to enter 3 digits after the decimal. For instance, 100.500 not 100.50 Is there a ready or easy masked input for currency to use for that purpose? Or is there a way to count the number of digits after the decimal? like if they are less than <3) { error should pop up }
Jquery UI tabs problem, how to reload the active pages with ajax when click on the current tab second time ?
My html structrue like below: <div class="mainTabs" id="mainTab"> <div class="tabNav"> <ul> <li><a href="#mainTabs_1">home</a></li> <li><a href="ajax/mPage1.asp">information</a></li> <li><a href="ajax/mPage2.asp">project</a></li> <li><a href="ajax/mPage3.asp">hr</a></li> <li><a href="ajax/mPage4.asp">other</a></li> <li><a href="ajax/mPage5.asp">control panel</a></li> </ul> </div> <div class="mainTabContent"> <div id="mainTabs_1"
Setting Div position up on another content
I have a page content which have text in it. underneath the content, there is a navigator bar, and I would like that whenever I Hover one of the element in the navigator, a div will open up just above the element I have just hovered on, and show some content. I don't want the DIV that will pop-up to push any object on the page, I would like it to be, like up on all of the objects on the page. here's a fiddle to demonstrate: Click here for fiddle In the fiddle, I want that whenever I hover First,
Next Page