dynamic link with button format
I'm using jquery to add links in a mobile page after the page load. The links are added but they are not shown how button format. Someone know what is the my mistake? The code is bellow: <div data-role="content" id="content"> <a href="index.jsp data-role="button" data-icon="arrow-l" >Back</a> </div> <script> $(document).ready(function(){ $.getJSON(url+"/cxf/mesaService/categ", function(data) {
Charset Problem
I have a page with a DIV which load other pages. The pages that I load inside the DIV have external JS files. I'm having problems with these files charset to display alert.
Problem with data element
I'm trying to get a small piece of functionality to work, but struggling so far. Here's the code. function goToOutPage() { $('.click-reveal') .attr('href', $(this).data('url')) .attr('target', '_target'); } The target attr is applied, but the data-url is not. If I change $(this).data('url') for 'test' then this works. The data tag exists, confirmed here. <a class="click-reveal" href="/offers/2/Save%20%C2%A310%20off%20all%20return%20flights" data-url="/out/offer/2" target="_target">Go
Mulitiple pages visible in app at same time
Hi there all. I've experienced an odd issue a couple of times with my jQM 1.1.0, jQuery 1.7.2, Phonegap 2.1.0 app. When using the app on a train going through a 3G black spot, I tried to call a web service. As the page was not returning results, I tapped the screen several times. What happened was that all my taps were remembered and consequently they were fired after several seconds. Then I found that several of my "pages" were visible at the same time - sort of like semi-transparent, sitting on
Retrieve value from object Object ?
Hi, I would like to know whether it is possible to get the exact value of string from object Object using jquery. I have been able to retrieve the key values of object Object using the following code. function GetKeys(obj){ var keys = []; for(var key in obj){ keys.push(key); } return keys; } Any help is appreciated, Thanks.
Jquery $ajax not working in Non flash browser
Hi all, I have 2 pages the first page have script tag with fusion charts latest javascript supported code.. that page called my a main page..using jquery ajax. The response will come.. If browser have Flash support then its working fine.... But If the browser is non-flash supported browser mean its not working.... its give some script error.. and blank page.. source ---------- $.ajax({ method: "get", url: url_str, dataType: "html", success: function( strHTML ) { $( "#Tab"
CDN Host CSS Issue (First example)
The first code example in the book shows the below (I tried with CDN Host CSS as well by downloading) . I do not see the css id : home in the css linked. I can see a plain html instead of css display. I'm not sure what is happening. Do I have to install any software for JQueryMobile to work? I dont think so, this is my first app with mobile, and I'm in learning process. I need a help. Thanks. What should I do to make it work? <!DOCTYPE html> <html> <head> <title>jQuery Mobile Page Structure Test</title>
Losing event listening on mobile
code: http://jsfiddle.net/chan15/G5Ycm/22/ full screen: http://jsfiddle.net/chan15/G5Ycm/22/embedded/result/ jQuery Mobile slider is easy to lost to listen event, especially on slow device, I used iPhone 4 with Safari to do the test, if I slide too quick, vmouseup will not be catched, so the interval turns to infinitely till I click any element on the page, have no idea how to solve the problem.
Jquery Cycle Plugin Issue
Getting this error SCRIPT438: Object doesn't support property or method 'innerHeight' jquery.cycle.all.js, line 364 character 2 For a simple fade cycle. $(document).ready(function() { $('#image1').cycle({fx: 'fade' }); }); <div id='image1' style='height: 232px; width: 232px; margin: auto'><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/0.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/1.jpg' /><img
How to detect use was tap on screen or not?
http://chan15.info/question/mobile/tap.html I wrote a script that if user drag the slider and not release, it will catch the slider's value and do something, if release the handle, the timer will be clear, and function stop, but in some iPhone's safari, sometimes mouseup event will failed, I think because of the machine's efficient is not quite good so the browser too lag for it, so I want to add check function when the interval is running, is there any API can detect the user still tap on the screen
Clear all Ajax history?
My jQM app, when run on iOS, uses an onResume function to return to the main page and check the network state. This is all good. However, I would like to also do a proper refresh, clearing all Ajax history (so that all forms are cleared). Is this possible? I haven't been able to find a clear solution. Thanks Jon
zoom out problem
I am facing zoom in problem mobile native apps. When I hit on input section my page is zoom in but when i fill out the form or cancel button the page still zoom in. I want it to normal screen please guide me. I am usking code: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=0" /> <title>Emodoki</title> <link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio:
two functions with same trigger
Hi Guys! I've got a small problem with my webform. One function is validating my form and the other sends it via ajax to a php file where all the mysql stuff is executed. Both functions use submit as a trigger and the submit function should only be called if the validation is successfull. I read stuff about callbacks and preventDefault but I don't get it runnin'. $(document).ready(function(){ $("#inputInfos").submit(function(){ // formvalidation }); }); $(document).ready(function(){
help:JQM1.2.0 use jqm-DateBox image change line,JQM1.1.1 is normal. Why
help:JQM1.2.0 use jqm-DateBox image change line,JQM1.1.1 is normal. Why
dfp ads in jquerymobile site?
Has anyone gotten interstitial or click to expand ads working within a jquerymobile site? They are supposed to be full page ads, but they appear embedded with the page. I have tried placing them above and below all the other html within the body but it makes no difference. Thanks in advance :) Dardoz
when i click on the div, how it expand in upward direction?
i want when i click on the div, it size wxpand in upward direction . please reply as soon as possible. this is my 1st post in your forum. i hope it will be helpful thanks
How to use .typewrite effect on an onclick event that is already assigned to changing div content.
I have an effect called typewrite that i am applying to any text in div #bubble so i just wrote it like this: $('#bubble').typewrite({'delay': 35}); It works just fine. Now i also have a link with an onclick event to change the content of #bubble as follows: <a href="#" onclick="$('#bubble').html('New content');return false;">Change</a> The problem is the link does not do the typewrite effect when it shows the new content. It shows the new text, but without the effect. How do i apply the effect to
Need Help For Galleria slider and LAVA lamp menu conflicting
Hi I need help basically i don't have much knowledge on j query programming i am using a lava lamp menu and with galleria twelve theme one of them will not work even i switch all script tags vice verse of lava lamp over galleria theme than also it is not working can somebody will help to work both of them here is the head code <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>index</title> <!-- lvalamp --> <script type="text/javascript"src="lavalamp/js/jquery-1.2.3.min.js"></script>
iOS5(iPad) animation flicker caused by text-indent:-9999px in button markup
I have a div that flips into view using CSS3 keyframe animation. The div contains a form and submit button. The submit button is marked up and wrapped by JQM, so that the original button element is hiden using the class "ui-btn-hidden". I traced the flicker problem to the text-indent:-9999px property. For reference to this problem, see http://www.david-lewis.com/css/css-that-can-affect-performance-on-ipad-web-apps-or-phonegap/. PROPOSED SOLUTIONS: change the property to text-indent:100%, which
I'm so close! Using jQuery with PHP to generate tables from a dropdown menu!
Hey all, Thanks for stopping in. I have a relatively easily answerable question I think. Here's my test page. I have a large PHP file and am trying to make a drop down menu work to generate table contents by using jQuery to eliminate the "Submit" button. The table is in an iframe. It works the first time but then it gets stuck after that. I've tried unbinding the trigger to no avail and I'm totally stumped at this point. How can I make this work? http://projectrepresentme.com/testpage/ Thanks
Popup function is not work in 1.2.0
http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.htmlhttp://jsfiddle.net/9mNDF/1/ I do it as sample page do, but not work at all, anything wrong?
page transition problem
Hi all, I have a problem in my first page transition, i fill a input in a page, for example, with a "abc" value, when i do that, a ajax request is made with this value, and in the server side the value arrive with "abc" value, it's fine! but when i access another page, and return to the page wich i fill de value "abc", the input is clear (in mobileinit event i set the $.mobile.page.prototype.options.domCache = true;), and if i fill the input with value "123" now in the server side the value arrives
using animate with transform
I am trying to get the animate jquery function to work with a transform i started with this code which does work - it animates the border radius from 0-20 in 5 secs ------------------------------------------- <style> #jig{ position:absolute; top:100px; left:100px; height:100px; width:100px; background-color:red; -webkit-transform: rotate(0deg); -webkit-transform-origin: top right; -webkit-border-radius:0px; } </style> <script> $(document).ready(go) function go(){ $("#jig").animate( {"-webkit-border-radius"
Replace part of class name
I'm trying to change part of class names. I'm trying to change the text in red so it has the same number as the div's class (ie all should be 3_page0). Here's the html: <div class="lslide_wrap_stacks_in_3_page0"> <a href=... class="lslide_stacks_in_3_page0 ls-w1_stacks_in_4_page0"...> <span class="ls-wrapper_stacks_in_4_page0"...> ... more similar spans </a> </div> Here's my script: $('div[class^="lslide_wrap"]').each(function(i) { var clcheck = $(this).attr('class').substr($(this).attr('class').indexOf("in_")
Dynamically injecting page content with Ajax+JSON
jQuery Mobile seems to assume that content is either stored locally in existing HTML, or rendered server-side as HTML, delivered via Ajax. Instead, I'd like to render client-side using a templating engine (Mustache/Handlebars) and JSON data. I have a solution cobbled together below, but it lacks some of jQM's benefits, such elegant handling of slow or failed Ajax calls, and automatic purging of old DOM elements to reduce memory usage. It generally feels a little hacky. Is there a better way to do
change size and display text in a div by hover
hi all i am trying to changethe size of a div tag when u hover over it and while the size expands there should apear a text in the div it may be better if u see for ur self what i mean i try to get as close to that one: http://www.cookies.ch/ (drag the little heart first) and only that the text and the div tags get bigger and i got that: http://jsfiddle.net/yCY9y/171/ the problems are : 1. this is only running on chrome not the ohter browsers 2. my div tag "expands" to each side equaly although
UltraWebToolbar not working when adding jquery datepicker more than 16 place in a same webform
I have a situation with ultrwebtoolbar's customrules. In my web form, I have to add 16 jquery enabled Calender or datepicker controls. Some of the buttons defined in ultrawebtoolbar's are suppose to be hidden and defined as btn.DefaultStyle.CustomRules = "DISPLAY: none". It does work perfectly as long as the # of datepicker controls are 15. As soon as I add next picker making it 16th datepicker control, then customrules seems not working displaying all the button defined. So example would be, it
Using Struts 1 nested:text tag and having problems....
I recieved Object doesn't support this method....Text below in bold red is where it seems to have an issue //From my jsp... <link rel="stylesheet" type="text/css" media="screen" href="<%= request.getContextPath() %>/LL_S/scripts/datePicker.css"> <script src="<%= request.getContextPath() %>/LL_S/scripts/jquery-1.3.2.js" type="text/javascript" ></script> <script src="<%= request.getContextPath() %>/LL_S/scripts/jquery.datePicker.js" type="text/javascript" ></script> <script type="text/javascript"
I am using a left side bar for my menu and It needs to scroll.
I have an ipod Touch and an iPhone. I am using a left side bar for my menu. this works fine in the vertical position. But as I observer, I see that the ipod touch (sidebar menu) moves up & down with the content on the right if the page is long. For the iPhone the (sidebar menu) does not move at all it is stationary (while the right content page scrolls). This is fine for both device in the vertical position. But when I turn the device in the horizontal position the (sidebar menu) is not completely
Help calling a function defined in loaded page
Hi, I am hoping someone can help me with this as I do not have many alternatives. First, let me explain why I am trying to do what I am doing. I need to convert PDF documents to HTML 5 so they can be displayed on mobile and desktop browsers. I found a program to convert pdf files to HTML 5, but it uses canvas and has scripts embedded on the page to get everything to show up properly. I need to load this created PDF to HTML 5 page into another page using the jQuery.load('PdfPage.html') so I can
jquery slideshow plugin not working
Hello, I'm using a plugin I found online, and it works fine on chrome and IE8 but not firefox. Can someone please tell me why? I've been trying to find answers online but to no avail. :( http://www.ellejin.com/lasarangem.html
way to get a remote web inspector on iOS 3 device?
I have a button display bug with jQM 1.2 and iOS 3.1.3, which I've filed. I'd really like to be able to look into the problem more, but I don't know of a way to get a WebKit web inspector on that old a device. I'd use Adobe Edge Inspect, but it only supports iOS 4, and the button bug doesn't happen there. Any ideas?
JQM pagination plugin
Hi, I need to use various plugins, with jQuery 1.8.2… So when I use this jquery.mobile.pagination.js with a recent JQM 1.1.1 it's make an error on iOS Simulator but not on Firefox. Error arrive at last page with dragging event (on var $newActive). Demo using 1.0b2 http://filamentgroup.com/examples/jqm-pagination/demo/ How to fix this ? Make my own pagination function ? Wait for an JQM pagination update ?
Weird behavious in JQuery.ajax()
The code below is part of an autocomplete input created using JQuery UI. But my question here is related to the JQuery-AJAX part only. change: function(event, ui){ $.ajax({ type: "POST", url: "includes/c_t_v_choices.php", data: { filter: ui.item.value }, //dataType: "JSON", }).done(function( msg ) { c_t_v_choices = msg; alert( "Data Saved: " + c_t_v_choices ); $("#c_t_v").autocomplete("option", "source", c_t_v_choices); }); The last line in
No differences between latest RC and 1.2.0 final version?
There are no differences between the latest RC and the 1.2.0 final version. Right?
Help with dock menu
Hello friends, I am trying to apply this style dock menu, when I run the page the browser menu.html direct effect of the page works perfectly, but when it runs first to the effect of the index.html page menu working for someone ... might help. In this link follow the project files and detail'm beginner ... hahaha. http://www.mediafire.com/?nwk7s0xdtqbcho9 thank you
Jquery Post's response rendering click events in jsp page on submit. How to stop them
Hello Users, I am using Jquery tabs and populating tab content dynamically. I have a huge form with bunch of user input fields. One of the requirement is i have to dynamically add the controls when the user click add more button ( eg: adding user technical skills/ proficiency level in drop down and adding multiple of the same rows). This one i am doing on click event appending controls to existing div. At entire page level I have save and submit options. When the user click save/submit request goes
Jquery Mobile image slider
anyone have code for a good image slider for jquery mobile?
if and else
hi guys i have 2 ids ON and OFF, both in html in the moment, and i using css3 for show or ON or OFF, how can i apply jquery for if ON do something else do another thing? if i only using css3? i using exaclty this effect http://dl.dropbox.com/u/391082/checkbox-ios.html
Hello World in asp.net not debugging
Hi, I'm just trying JQuery for the first time (be gentle with me :) ). I have a form in ASP.NET with a simple html button: <script type="text/javascript" src="Scripts/setStatus.js"></script> <input id="Button1" type="button" value="button" /> My JQuery in Scripts/setStatus.js looks like this: $(document).ready(function () { var text = $("#Button1").toString.length; alert("Here"); }); When i set a breakpoint and try to debug, it never reaches any of my JQuery code. When i run without debugging,
Next Page