Is it possible to go back to specified page id in jQuery mobile?
Suppose I have 4 pages with this page IDs: pageA -> pageB -> pageC -> pageD There can be an event in pageC and pageD that can make the application go back to pageB, the problem is that depending on the page I'm currently at I should call history.go(-N) where N is the number of pages that I should go back. For example if I am in pageD I should call history.go(-2), in case of pageC history.go(-1) to keep history consistently. How would you do that in jQuery Mobile so that history would contain: pageA
Cache my application
Hello everybody, I've got a question and I didn't find anything with google, so I would need your help I would like to cache my application, which contains a google maps iframe and a list of news, retrieved by RSS, to keep these informations for an offline use. I read many tutorials about creation of a manifest and changing the .htaccess file, but in the case of my mobile application, I don't need any server so I don't have a .htaccess file. So I thought about javascript localstorage, it's nice for
Sortable & Droppable JQuery Bootstrap 3.0 Navigation
Hi am trying to create a navigation menu with bootstrap 3.0 that has sortable "Tabs" which is working. What I am trying to implement is the ability to drag the sortable "Tabs" into the "drop down" menu and back again which also contains sortable list items. Can anyone tell me how to do this? I have created a Fiddle here: http://jsfiddle.net/nkBNP/48/ to try and explain a little better. I hope someone can help me! If someone can help me get this working by editing me fiddle, I will send a donation
How to make menu equal android's menubutton ?
How to make this ? Plugin ? I dont know to make with popup position
How to use "swiper" methods and functions outside the "swiper" main initialization function ?
Hey, i just wanted to integrate a simple "stop" button for my slider, on my site. Sadly i don't know how to use the given methods outside of the "swiper" main initialization function. For example: For now i tried to assign the "interactivebutton" to stop the autolooping slider "on.click" So i just added the mySwiper.stopAutoplay() method inside my buttons function brackets. But it doesn't even remotely react. Do i have to somehow transfer the mainfunctions response into the buttons function ? Does
jQuerry Mobile Panel Error
I am implementing jquery mobile panel into my site. All works fine until I decide to visit the same page twice, then the panel icon (data-icon="bars") does not open the panel. It does not respond. It works when I manually reload the page. I believe it has sth to do with the cache or ajax :-( Please help. Recap: 1. I tap the panel icon & it opens side panel. I go from page_a to page_b. Next, I go back to page_a and try to go back to page_b again (data-icon="bars") does not respond any more. I need
Getting Current Page Problem
Sorry Guys, but i really have a problem with understanding how i can get access to the current page. I want JQM to change a style by clicking an element. (clicking ALWAYS the element in the ACTIVE PAGE, cause i am not interested in previous or next pages) First of all i fire this: $(document).on("pagecontainershow", function() { loadClickEvent(); }); So, this should load the Click event on every page that occurs... This is the related function: function loadClickEvent() { // only way
RSS Thumbnail code
Hi With respect to the following code.Jquery mobile rss feed and Thumbnail how do I add? Rss feedlist how do I make a horizontal listview? help me, Thanks <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <script type="text/javascript" src="http://www.google.com/jsapi" ></script>
Duplicate value parameter
Hi. I'am using JQuery Mobile and have one problem now. I'am use this code: <div class="button" <input type="submit" value="sign in" /> </div> But browser generate this code: <div class="button"> sign in <input type="submit" value="sign in" /> </div> Where does the extra inline text sign in?
problem using global var
Hello, my problem is more a javascript problem but you helped me well until today so I would like to submit it to you : I've got this function (it is with the network information plugin of cordova) : function onDeviceReady() { conn = checkConnection(); test= 3; } and in another script (used later in the html page), I just wrote alert(test); and the result is "undefined". I saw on many javascript tutorials that declaring a variable
Create a "Popup" jQuery Plugin
I am looking for creating my own popup dialog jQuery plugin (I know this looks stupid, but please, go ahead reading). I have read more about creating plugin in jQuery in their documentation and I've already written something but I realized that I don't know my directions. I mean should I have something like: <div class="popup" id="myWindow">This is some of its contents</div> <script> $("#myWindow").popup({/* options */}, { ok: "Ok", cancel: "Cancel" /* buttons */ }); </script> or should I go for
Mobile horizontal RSS
Horizontal RSS feed and thumbnail jquery mobile? Examples: BBC, as in iOS applications
How to assign click event in <img> using JQuery
Hi to All.. I'm new in JQuery.. and I'm having a hard time with this JQuery Slider Plugin BASIC JQUERY SLIDER My question is.. how can I assign those navigation thumbnail numbers in <img> onClick.. (see sample image below) THANK YOU IN ADVANCE!! To be simple is to be Great
my sidr menu is working fine but a little slow, it is possible make it smoother? (browser reflow)
Hi, Im using sidr slider for a slider left menu. I already have the menu working fine, but it is a bit slow on mobile devices, Im searching if it is possible turn this plugin smoother, but I´m not finding that information. I read that using jquery functions for animate menus, causes something called "browser reflow" on mobile devices, and I think that is what is happening with my sidr menu on my mobile. Do you know if it is possible solve this problem using sidr plugin? If it isn´t possible, do
Buttons do not work inside my "swiper" slider. Am i missing something basic ?
Hi I recently tried to use the "swiper" slider by iDangerous. Everything worked fine until i tried to move my interactive button on one of the slides itself. Here is a short version of my first try out of the "swiper". 1. In this version everything worked perfectly fine.(Because the button is placed outside the slides) 2. In this version of the site the interactive button doesn't behave correctly. It jumps to the next slide and displays NO alert.(So basicaly it doesn't do what it's supposed to do)
Light Box for Subscriber Pop-up in Safari
We are using a lightbox that comes up at http://www.mightytravels.com/ . It works just fine in FF/Chrome but in Safari it blacks out the visible screen and users can't see the box to subscribe...
how can i shorten the following ?
how can i shorten the following $( "#dialog" ).dialog({ autoOpen: false }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); }); $( "#dialog" ).dialog( "option", "width", 500 ); $( "#dialog" ).dialog( "option", "height", 400 ); $( "#dialog2" ).dialog({ autoOpen: false }); $( "#opener2" ).click(function() { $( "#dialog2" ).dialog( "open" ); }); $( "#dialog2" ).dialog( "option", "width", 500 ); $( "#dialog2" ).dialog( "option", "height", 400 ); $( "#dialog3" ).dialog({ autoOpen:
How can I access elements from a response script ?
Hello I go a situation here, I want to call a ajax after getting result of first ajax. Please see my code. here it is validating form correctly but when submit it is not working the ajax submission and after submission grid reload. jQuery(document).ready(function(){ jQuery("#form").validate({ rules: { data: "required", desc: "required", cost: "required", price: "required", qty: "required" }, messages: { data: "<?php echo $this->lang->line('field_reuired'); ?>", desc: "<?php echo $this->lang->line('field_reuired');
JQUERY performance impact on PLT
Does anyone have data on JQUERY's impact on PLT? Specifically around library load times. How many miliseconds does it take to load?
Autocomplete 1.8.16 neurotic behavior
Hi everyone. In my company we are using jQuery UI Autocomplete 1.8.16 on one of our projects. We have a client where we grab the data from the database, but it takes a little bit longer than it should, around 310, 320 milliseconds. Of course, user is able to type faster than that. It creates the situation where the input text is being deleted and rewritten. One of the problems is, of course, the server side which works slower, but we can make it faster, and most likely we will. The second problem
Form processing onClick isn't being activated if I come from another page with jQuery Mobile
Hey all! I'm creating a website that uses lots of forms and jQuery Mobile. I'm having a problem where if I'm on a page with jQuery Mobile and I go to another page with jQuery Mobile, then on the page that I go to my form isn't being processed onClick. In this post I'm going to be talking about two pages, Reports.php and DataManipulation.php. By the way if I refer to files or ids or classes that aren't in this post, be sure that I have them because I do, I just wanted to keep this post shorter. Can
Icons are not visible on Mobile site updated to 1.4.2
Hi, I updated my old theme and site from earlier version to 1.4.2. It seems to have worked well, except for the icons. I am viewing the site on iPhone running iOS7.., but they are not showing up when using a desktop browser as well. upgraded mobile site Suggestions are helpful. I have read a couple of posts, and I believe I am loading the files in the proper order... but I could be wrong... Thank you.
Jquery Slider Problem
I cannot get my jquery flexislider to show up. What is wrong with my code? My site
Jquery plugin problem
Hi there, I'm using a jquery plugin, but when I use it twice, it won't work. More than 4 hours between stackoverflow, jquery : how to create your own plugin..., to comprehend the $.fn, but no result this is the plugin source: http://www.inserthtml.com/2013/01/scroll-pagination/ and this is my usage: first call is allright var target='../ajaxScrollFav.php'; $('#favRes').scrollPagination({ nop : 5, offset : 0, error : '<div class="alert alert-info"><center>Il n\'ya pas des données.</center></div>'
Having an issue trying to devellop sidebar navigation
Hi, I´m trying to understand how to do a navigation side bar for mobile and tablet devices. I found a tutorial that explains how to do a basic one, and I did everything like the author of the tutorial but its not working fine with me. Somebody there see something wrong in the code? My fiddle with the issue: http://jsfiddle.net/ritz/th46k/1/ Html: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <nav id="menu-containerr"> <div id="menu"> <ul>
Cycle before event
Hi, I am trying to get the currently displayed item id using the Cycle before event, Code follows - $('#slideshow1').cycle( { fx: 'curtainX', easing: 'easeOutBack', delay: -4000, next: '#Button1Next', prev: '#Button1Prev', before: getCurrent }); function getCurrent(currSlideElement, nextSlideElement, options, forwardFlag) {
Im new with Java and Jquery and im just getting my foot in the door with coding...
I recently made animations in adobe animate edge and when publish to retrieve a static HTML code and go and open the file an error message pops up "error" JQuery is undefined Code 800A1391 Source Microsoft Jscript runtime error. Ive been dealing with this problem for a long time ive referred to multiple blogs.. youtube.. and still have not found a solution. Is there anyone who has an idea of how I can fix this? Thank you
How to make simple script that opens box with bio and image?
I want to make script that opens box with big image and short bio, when user click on small photo. Perfect example is this page .What is the easiest way to achieve this simple effect? Thanks in advance.
jQuery UI namespace and CSS prefix
I'm developing a plugin and I would like to use "uitw" namespace for plugins and "uitw-" prefix for CSS classes. Is this acceptable in light of this recommendation? The ui namespace is reserved for official jQuery UI plugins. When building your own plugins, you should create your own namespace. Source: http://learn.jquery.com/plugins/stateful-plugins-with-widget-factory/
Jquery-Fade Images
<HTML> <head> <link href="style.css" type"text/css" rel = "stylesheet"> <script type="text/javascript" src="jquery.js" ></script> <script type="text/javascript"> function Myimage() { $(".image #1").show("fade",500); } </script> </head> <body onload="Myimage();"> <div class="image"> <img id="1" src="b.jpg" border="0" width="100px" height="150px"> <img id="2" src="e.jpg" border="0" width="100px" height="150px"> <img id="3" src="f.jpg" border="0" width="100px" height="150px"> </div> </body> </html>
Selection <tr>
Sorry, I think that this is the right forum. Hi to everybody, I am using jquery datatable for the management of a big table with many columns and rows. When I scroll the table with the mouse, it changes the background color for the entire <tr> and is restored when I move the mouse in the other row of the table. All this thanks to the implementation of a class. The problem is that not the whole row is highlighted, but only a part of it. You can see a demo linking here: http://tegattiweb.altervista.org/registro/provaData.php
hove function doesn't work for append div
Hi im new to jQuery .. I am having a problem in append function in my program. initially im having some div's in the page and hover function is working fine for that but when i append same div to page using jquery the newly added div is showing but the hover is not working for it.. please help me
Unslider Plugin is switching the images randomly and not sequentially
Im using unslider for a slidershow with many images. I followed the documentation here: unslider This plugin shows the dots with number of images we have, and looking for this dots, I saw the images alternating randonmly, and the speed is also randomly. Somebody there already used this plugin and had the same problem? Below, there is my jQuery to start unslider plugin: $(function() { $('.banner').unslider({ speed: 3000, delay: 5000, fluid: true, dots: true,
Table sorter plugin not firing for dynamically added rows
HI, I have a html table, in which the rows are created dynamically. There is no "thead" in table. I am trying to use the table sorter plugin for the pagination alone. However, I am not sure what is missed, as clicking on items in pager do not work. Also the pagintation itself is not getting done. Below is the code used: <script type="text/javascript" src="/Scripts/jquery-1.8.2.js"></script> <script type="text/javascript" src="/Scripts/test1.js"></script> <script type="text/javascript" src="/Scripts/jquery.tablesorter.min.js"></script>
Issue on Adding Class to Element which already Had same Class
I am trying to add an animation class to on div by using at This Demo following code and repeating the result on each time click as: $(document).ready(function(){ $("#1").on("click",function(){ $('#layer1').addClass('animated fadeInLeft'); // $('#layer1').removeClass('animated fadeInLeft'); }); $("#2").on("click",function(){ $('#layer1').addClass('animated fadeInLeft'); }); });but it it seems the process is happeining only one time and I am not able to add the classes animated
Elements alignment in form
Hello Guys, I am beginner, so please bear with me!! The question is on form element. I am creating a form which contains input fields and select menus. But the elements are not in a proper alignment. Example, input fields are coming in a proper alignment, where as the select menus are in a different alignment. I want the all the text input boxes along with select menus come in the same alignment. Please find the code below. <form method="post" action="demoform.asp"> <div class="ui-field-contain">
setInterval problem
Hello all, I am still new at jQuery so here is a thing that didn't get. Why am I getting different results when the time out is more than a second, try 60 seconds (60000) and above ?? It wouldn't stop / clear the fading function right away. what is the logic or the behavier of setInterval function() ??? I am confused with this bug all day. Here is the sample code : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"
How to keep the submit text from showing with jQuery Mobile
I'm working on a website that has a submit button and forms and such. On this website I'm using jQuery Mobile, but to keep its stylesheet from interfering I'm using some jQuery. This is my jQuery to keep jQuery Mobile's stylesheet from interfering (I call it Normalize.js): $(document).on('pagebeforeshow', 'html', function() { $('body').removeClass('ui-mobile-viewport'); $('body').removeClass('ui-overlay-viewport'); $('div').removeClass('ui-page-theme-a'); $('div').removeClass('ui-btn');
Panel buttons not styled.
Hi, I am having trouble with my buttons looking like simple anchors in my side panel. The panel markup is placed before the div 'data-role="header": business.html <div id="infopanel" data-role="panel" data-position="right" data-display="overlay" data-theme="a"> <!-- panel content goes here --> <h3 id="panel_heading"></h3> <p id="panel_description"></p> <div data-role="controlgroup" data-type="horizontal"> <a href="#" data-role="button">Map</a> <a href="#" data-role="button">Coupon</a>
ReG:Error: Syntax error, unrecognized expression: http://some.serve.com/image-tn.png
Hi ya, I am using jquery 1.10.2 minified version (which is coming from struts jquery plugin) recently we have upgraded from lower version to jquery 1.10.2 we noticed some weird behaviour of image tags . I am using an ajax call to retrieve image urls (these were hosted on a hosting server) and dynamically adding to the page . $.ajax({ type: "GET", url: "retrieveImages.action", data: "design.id="+$('#designTemplateVersionId').val(),
Next Page