Bookmark Links not working with jquery mobile
Jquery-Mobile is interfering with my same page (Bookmark) links. To fix this, I'm attempting to disable ajax calls for hyperlinks on pages within a given site. I have successfully disabled ajax for the normal links on the page, but bookmarked links are still NOT working correctly. I have researched the jquery mobile documentation and other questions here. I am using jquery mobile 1.4.2 and have setup a script to disable ajax calls throughout the entire page by setting ajaxEnabled to false and pushStateEnable
ajax.Complete() not working on SlideUp Menu
Hey guys, Originally had this posted in the CSS forums but is a jQuery issue... Here is the site, if you start off at the homepage, then click on Services in the right navigation it doesn't work the Show Services slideup does not work at all, it should slide up then be able to click a Close button to slide it down... http://redrhinorestoration.com/wp/ The only time it works is if you go directly to the Services page by typing the URL into your browser, then it will work as you can see how it functions...
Why is it so difficult to change the text of a button in jQuery Mobile?
There should be a possibility to easily change the text of a button using jQuery for jQuery Mobile input type="button". Something like: $("#button").button("option", "value", "New Text"); This command is valid, but it does not change the text on the button. It only changes the value, but without any effect or sense...
How to make jQuery remember the page number after page reload
I am trying to configure a jquery plugin/script for pagination to use with my perl application, the problem is on page reload or refresh the pagination slider returns to 1 because there is no functionality in the script to remember the position of slider on page reload, so as to make slider to remember its position after page reload we will have to add some routines to the javascript using a jquery cookie plugin. There is an example how to do that at: How to use the jQuery Cookie Plugin to make
Help with JQuery function syntax and debugging
I am having a few issues with my JQuery functions. Below is the code: In Dreamweaver Line 14 is highlighted red as an error. I can't spot the error. and my $PopUp modal window doesn't fire on the last function. The HTML for that is below the JS. Also for multiple JS functions on a page, can/should I just use one <script> and $(document).ready (function() ? <script> $(document).ready (function(){ $(".status").click(function() { $("#slider").slideToggle( "slow" ); }) }); </script> <script> $(document).ready(function(){
Datepicker popup in dialog
Hi, There is an issue in my application with date picker popup - I have to select date in dialog, but dialog is always overlap the popup. When I tried to create dialog in UMyProto builder it was possible to shop popup in dialog. What should be done to show datepicker's popup in jQuery dialog ?
Looking for an user-frienfly "open file dialog" component
Hello, Currently, I use this following line to have an open file dialog : <input id="filePath" type="file" /> But it's not user friendly to create a web-mobile application. Does it exist another open file dialog existing with JQuery Mobile ? Thank you
$.mobile.loading needs sleep and stops animating for background work
I'm working on a PhoneGap application and am using jQueryMobile for the UI . The api for the JQM loader widget is really simple and for all of the small examples it works perfectly, however, I'm having two issues when trying to get it to work nicely when I actually need it to cover for long running tasks such as loading complex UI and saving data to the disk. The loading widget does not appear when I start it immediately before starting my long running task In these cases, I have to wrap the
Radio button not always setting the underlying input on click
Hi, I have a jqm radio button that looks like this: <div data-role="controlgroup" data-type="horizontal"> <h3>Type</h3> <input type="radio" name="type" id="deposit_typeTotal" value="t" checked/> <label for="deposit_typeTotal">Total</label> <input type="radio" name="type" id="deposit_typeIndividual" value="i"/> <label for="deposit_typeIndividual">Individual</label> </div> It's part of a phonegap application which I'm
Which event is fired when we drag the scrollbar or scroll the scrollbar?
Hi Can you please provide me code where some function will execute on dragging the scrollbar in jquery? Thanks Varun
Can you preload and internal page?
Hi, I have stumbled into the following problem whilst trying some JQM - I have created a mini-version in a fiddle here to show what the problem is, http://jsfiddle.net/59gwp/ . In my code I want to call the disable_button before the page is transitioned to but I cannot get it to work only once the page is loaded (see commented out code). I am not sure if it is possible to preload and internal page - if so how? Any help would be great, Paul.
Combining "this" and advanced selectors
Is there any syntax for combining this with the jQuery selectors like :selected? For example: $(this:selected) I can't always be sure of the css selector for the object I'm passing so I'm not sure how to use the advanced selectors.
How do I select the value of each one of these?
Im just trying to get the value of input fields with a class assigned. The input fields are added through a jquery append. Im using: $(".CC input").each(function(i,v) { <div id="CC" style="display:block"> <input type="text" name="SCCC" class="CC" size="50" maxlength="50"> <br><input type="text" name="SCCC" class="CC" id="ID1" value="XXX" size="50" maxlength="50"> <br><input type="text" name="SCCC" class="CC" id="ID2" value="YYY" size="50" maxlength="50"> </div>
HELP: query
hi i have below situation: Copy code <div id="1"> <img class="close"> </div> <div id="2"> <img class="close"> </div> like this multiple divs which have same image. now i want to write a jquery function, the divs which has these image, on clicking of the image, divs should hide. i want generalize function.. $(this) wont work.so what should i give here.. Copy code $(".close").click(function() { $(this).hide(); });
Is there any freelancer site for just jquery mobile developers?
I want to know if there is any freelancer site for just jquery mobile developers? What do you think about jquerymobile.ninja
How to follow relative links using ajax?
OK, so i've had a go at using ajax to completely replace my iframes and have hit my first stumbling block. Absolute links are successfully followed by preventing the default a tag event, then loading the contents of the href into a div, however some links are relative and look like this: Copy code <a href="view.php?id=68&chapterid=394" title="2 Aims and Outcomes">2 Aims and Outcomes</a> How will i manage to find out what the full href should be? I would need to find out where the original script
OnClicking the dropdown button ,it expands and when I scroll the whole web page , dropdown button moves with the scrollbar but the expanded part remains fixed?
Hi I have a form in which there are many entries. One entry is of type dropdown .When i Click on dropdown ,it expands(many options pop up).Now as I move the whole web page using scrollbar ,dropdown button moves but the expanded part remains fixed. Please suggest the solution so that expanded part also moves with the window scrollbar.I am attaching image for your easiness.
Sentense being wrapped in Marquee (using malsup.com/cycle plugin)
Dear all, We are using Malsup's cycle plugin http://jquery.malsup.com/cycle/ (http://malsup.github.com/jquery.cycle.all.js) to make a marquee. The sentense in each <li> tab will be rolling to bottom of screen and reappear at the top. It works fine is most of time. However in some situation, the sentence will be wrapped by some reason which I cannot figure out. I created a fiddle: http://jsfiddle.net/9PK6z/27/ . By using IE8 I can reproduce the issue. In fact the problem only occur on IE9, IE8 is
refresh dynamic contents on common popup jQuery mobile
I am working on a web app where, I have a Common popup as a direct child of , it contains few popups created dynamically from the JSON. There are two separate pages having user input form. JSON file is updated using the form data. I am updating the contents of the popups using the updated JSON in the form submit function. I am facing the problem to refresh the popup contents on form submit. I have to restart the APP to see the changes on popups. I tried triggering 'refresh' and 'create' events on
Page loads with error loading page
Hi all, I am developing an app using Cordova and jQM 1.3.2, I have created upto some level for android and wanted to build whatever was created and test it on iOS. Everything works fine on android, but the same loads with error when I emulate on MAC. $(document).on("pageinit", function(){ $.mobile.changePage("pages/login.html"); }); While loading login.html page, it shows Error Loading Page even before submitting the form, when the form is submitted, user can login without problem
Trying to understand $.each()
I need a logic check or what I am trying to can't be done this way. I can't explain this except to show you Code and Output. Each Invoice should be shown. Only the last one is. I've been trying to figure the logic for several days and can't get it. Maybe I'm too close to this and can't see some obvious fix. Thanks, R <!DOCTYPE html> <!-- This version 3 Aug 2014 writes table to screen --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title> Feeder program
sorting array
hey guys Im trying to sort and array by a price ('total_price') here is what my array looks like...but obviously there are more items [{"item_id":"1","title":"Test","price":"99","p_and_p":"0","total_price":"99","listing":"","condition":"","start_date_time":"2014-07-26 21:51:45","listing_duration":"10" here is my script ive started to make $(document).ready( function () { var data = <?php echo $data; ?> , limit = '10' ; $.each(data, function () { $( "#table" ).append( '<div class="row"><span class="cell">'
How to detect missing IDs/classes?
Hello, I've been thrown a site to fix that has lots of unneeded jquery, e.g. $('#ThisIDDoesn'tExist').DoSomething(); JQuery silently passes over these invalid statements, but I'd like to be able to figure out a way to catch these across the whole site, and clean these up. Any ideas on how I can easily see across the whole site, when a jquery selector returns nothing? Thanks, Michael
coloring table cell
When I click in one of the table cells, radio buttons appear. I have to select a radio button and **click on the table cell** in order to change the text and background color of the cell. What I want is to change this immediately once i choose a radio button. I don't want to click on the table cell in order to display the value and background color. Below is sample code: function deselect(index, name) { var app = "#app"+index; var radioGroupName = name+'rOptions'; $("#app"+index).removeClass("selected");
data table plugin
HI , I am using data table plugin to show data , and i want to add , delete and update records from database. Add and Delete Function are working correctly but failed to modify or edit data , can any one help me to resolve this problem . I am using jquery and ajax to add , delete and update. function update() { var hidden = $('#hidden').val(); alert(hidden); if (hidden) { $.ajax({ type: "get", success: function(data) { url: "edit_event.php?values="+name,
CSS problem.
If a make display:none CSS property of parent div, then will compiler load all images which is applied into child div's into parent div...?.
Show Another Popup from Popup Window
Hi, I want to know how to show another jquery dialog from another opened dialog. i.e i want to show popup window from another popup window. I am using juery <script src="~/Scripts/jquery-1.8.2.min.js"></script> <script src="~/Scripts/jquery-ui-1.8.24.min.js"></script> <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" /> $("#dialog-confirm").dialog({ autoOpen: false, resizable: false, height: 170, width: 350, show:
Responsive navigation
how they change the navigation into icons when i click the trigger? http://wrapbootstrap.com/preview/WB0R5L90S how is the logic works? thank you
i can not find What is wrong . correct this code, please...
<html> <head> <title></title> <script type="text/javascript" src="JS/jquery-1.11.1.min.js"></script> <script type="text/javascript"> /* AJAX JSON DATA is [ { "ID": "001", "PosX": "106", "PosY": "104" }, { "ID": "002", "PosX": "207", "PosY": "209" }, { "ID": "003", "PosX": "299", "PosY": "292" } ] */ var x = 430; var y
Datepicker onSelect
Hi, newbie here. I have a question regarding datepicker. Can anybody show me how to alert (onselect) user when he/she select a date that is less than 2 weekdays from current date? Thanks for any help.
Using jQuery to set the SRC value of an iFrame.
It works fine, but then changes back to the value in the original HTML, which is no SRC for the iFrame. I thought when you make a change to an attribute, in this instance the iFrame's SRC, it would remain static until you changed it again. Is my thinking wrong on this? Or could something else be coming into play. TIA
Need advices for my first plugin
Hello all! I released my first jquery plugin. I'm not very confident about it, so it would be great if you could give any advice and feedback. You can find it here: http://plugins.jquery.com/letItFlow/ Thank you very very much!
Displaying images horizantally
Hello, I have two images i want to put them next to each other. This is the part that i have on HTML &js What i try to do is put images next to each other i guess 160 <link type="text/javascript" href="homejs.js"> <div id="titleimages"> <img src="brain logo.jpg" alt="logo" id="logo" /> <img src="entranceimg.jpg" alt="entranceimg" id="quote1" /> </div> // this is the part on js $(document).ready(function(){ var $pic = $('#titleimages'); $pic.hide(); var imgs = $pic.length; var
New to JQuery attempting to use accordian widget
Hi I am new to jQuery. I am attempting to use the accordion widget in jQuery-ui. I have the follwing in my <head> <link rel="stylesheet" href="includes/jquery-ui.css"> <script src="includes/jquery-1.11.1.min.js"></script> <script src="includes/jquery-ui.min.js"></script> <script> $(function() { $( "#servicesList" ).accordion(); }); </script> then in the body I have this code: <div id="servicesList"> <h3>Topic one</h3> <div> <p> topic one text <br />
[object Object] error
I am getting [object object] error , I am trying to grab id of input and use it here is the codepen link :http://codepen.io/justincarb/pen/ebnHv here is the code: $(document).ready(function(){ $("input[type='checkbox']").on('click', function(){ $("input[type='checkbox']").not(this).prop('checked', false); }); $('#button-input').on('click', function(){ if($("input[type='checkbox']").is(':checked')){ var Id = $("input:checked").attr('id'); var currentId= $('#'+ Id);
JQuery video tag event
<video id="MyVideo" src=""><video> Event ----------------------------------------- $("#MyVideo").play(function() { }); ----------------------------------------- $("#MyVideo").pause(function() { }); ----------------------------------------- $("#MyVideo").stop(function() { }); ----------------------------------------- $("#MyVideo").filename("/test/test.mp4"); ----------------------------------------- $("#MyVideo").setvolume("50%"); ----------------------------------------- $("#MyVideo").seek(hour,min,sec);
New to jquery: unable to pass var to php via GET reload
Hi there folks, I'm trying to pass some variables( browser width and height) to my php script. I've read that I need to reload the page and pass the vars via GET so I can use them in my php script. I've tried to do this with some cobbled stuff I've found in tutorials and elsewhere on the web, but am failing miserably. <?php if(ISSET($_GET['w'])){ /* Browser vars have been passed. */ echo("<!DOCTYPE html> <html> <head> <meta http-equiv='content-type' content='text/html; charset=UTF-8'>
Can jquery mobile Slider be used and not show the value ?
Hello, this may be a stupid question, but I cannot seem to find information on how to use the slide widget without showing the value (still have it available to save to a database though). Below is my code once I assign variables it shows a slider wit ha question and two sides of the scale. In essence I want to show the slide (with the labels for left and right of scale) but not have the box with the value showing on the page. $surQ8 = "How much do you trust this dealership ?" print" <label for='slider-0'>".$surQ8."
Is it possible to use slide widget without showing the value ?
Hello, this may be a stupid question, but I cannot seem to find information on howto use the slide widget without showing the value (still have it available to save to a database though. Below is my code once I assign variables it shows a slider wit ha question and two sides of the scale. In essence I want to show the slide (with the labels for left and right of scale) but not have the box with the value showing on the page. $surQ8 = "How much do you trust this dealership ?" print" <label for='slider-0'>".$surQ8."
Uncaught TypeError: Cannot set property 'innerHTML' of null & Some other.
Hi There, I was hopping you could help me. I'm learning Jquery and Java scripts, I have wrote little script which is working fine on local machine, but when I put it on live website it won't work. I'm using business catalyst as my live site. When I entered my code. It didnt work - I saw this error via inspect element. : " Uncaught TypeError: Cannot set property 'innerHTML' of null " > Onclick and those two : Uncaught SyntaxError: Unexpected end of input Uncaught ReferenceError: calculate is not
Next Page