using cookies to remember toggle state?
hi, so i've been trying to figure out how to apply cookies to the code below; all i want it to do is remember whether or not the div has been toggled (keep it open, keep it closed) between refreshes/pages. any help would be much appreciated!! CODE <Script> $(document).ready(function () { $menuLeft = $('.pushmenu-left'); $nav_list = $('#nav_list'); $nav_list.click(function() { $(this).toggleClass('active'); $('.pushmenu-push').toggleClass('pushmenu-push-toright'); $menuLeft.toggleClass('pushmenu-open');
Implement jQuery AutoComplete TextBox from database in c#
Hi there, hope in your help. I work in ASP.NET c# and MySQL database. I need to make the AutoComplete TextBox from database using AJAX and I have tried this tutorial on the web. http://www.aspsnippets.com/Articles/Implement-jQuery-AutoComplete-TextBox-from-database-using-AJAX-PageMethods-in-ASPNet.aspx But I have a problem when the name consists of multiple words, e.g. : name: Plane working on the search name: Planner of not working because after PostBack Page the selected value on list in the TextBox is
Error when saving value to localStorage
Hi there, I'm trying to save and read but when I try to save the value of button in the panel, I get error - Unable to set property 'adl' of undefined or null reference. I have never used localStorage before. Can someone help me locate the error? Tried running this code in IE11, Firefox and Chrome. adl is just a key. Thanks Joe Here is my code: <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="https://code.jquery.com/jquery-2.1.3.min.js"
lazyload ajax images not working
I'm trying to lazyload images called via ajax. But the console is throwing an error message saying "$(...).lazyload is not a function" despite the fact that i've tried embedding/linking the lazyload plugin. I am at a loss. Please help. I am using this plugin http://www.appelsiini.net/projects/lazyload. I am successfully able to call data via ajax only the lazyload images are not working. $.ajax({ url: url, type: "GET", dataType: 'json', success: function(data) {
Best way to chain multiple dependant AJAX calls where some calls are optional (depending on the result of previous AJAX request)
I have 3 dependant select lists - "Component", "Modifer" and "Defect Type". When the user changes the selected "Component" I need to updated the items in the "Modifier" select list and then depending on how many modifiers are returned I may or may not need to update the items in the "Defect Type" select list. Pseudo code: 1. Display loading panel 2. Make an AJAX call to find all modifiers for the selected component 3. If the number of modifiers returned from step 2) is greater than 0 then Add
multi page setup
In a multi-page site, all <head> code is to be the same for all pages. Question: is there any problem with using a php include to stamp each page with the same head code? like so: <?php include 'theHeader.php'; ?> <html> <head> <title>My Site</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jq/jquery.mobile-1.4.5.min.css"> <link rel="stylesheet" href="themes/sew16.min.css">" <link rel="stylesheet" href="css/sew16.css"> <script src="jq/jquery-2.1.4.min.js"></script>
what is ASI please?
http://contribute.jquery.org/style-guide/js/ i can't get the meaning of some thing in this article Semicolons Use them. Never rely on ASI. what is ASI please?
jquery timepicker and datepicker
Hi, Did you know there are sites that use jquery timepicker or datepicker? Can you provide information about the use? Thanks.
Datepicker Custom Buttons layout issue
We have added 2 custom buttons to the bottom of the date picker. They work great but when the buttons are showing and the datepicker decides to go above the input field, it blocks the input field. If the buttons are not showing then it works as expected and does not block the field. How can we make the date picker appear above the input field and not cover it up? Below is the code that creates the two custom buttons. Thanks. $(function () { $('.datepicker').datepicker({ showButtonPanel:
How to Add Animation to Translated Box in Merged Table Column on Scrooll
Can you please take a look at This Demo and let me know how I can add animation to the #map to always see it on view port while the table is in the view port? (some thing like sticky notes) As you can see the position of the #map is hard coded in -100px at: transform: rotate(-90deg) translate(-100px, -30px); but what I need to do is keeping the #map in view port until the table still presenting on scroll down or up $(function() { }); @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css");
installing compatible version
I'm using Visual Studio 2015 to do an app in Apache Cordova. I have installed Jquery 2.2, but when I try to install also Jquery.ui, I'm not able to find a compatible version. Is there any one? Thanks.
Unhandled error when loading jQuery Mobile in a web-based Microsoft Office add-in
There must be something different about how web pages are hosted inside any supported Office application that is running one of the new web-based add-ins (in Outlook, Word, Excel, etc.). The following error is thrown when the page loads (while debugging in Visual Studio 2015 in my case): "Unhandled exception at line 2954, column 4 in jquery.mobile-1.4.5.js: 0x800a318f - JavaScript runtime error: Object expected" I've tracked it down to this line: window.history.replaceState( state, state.title
is it a public API the function select?
window.alert($("#btn").select) i found that there is a function called select belong to the jQuery instance is it a public API?
show next month in jquery ui datepicker
hey i am sorry my code is kinda long but you dont have to read it. I need a functionality i couldnt implement yet. my code is here http://jsfiddle.net/xz4ftbv4/23/ line 253 and line 330 for datepickers. I have two datepickers. Let say i choose March 16 "from" and March 31 "to" . When i create next element i want to show April 1 in "from". But i see all disabled dates of March. How can i fix that thanks. Please create datepickers with plus select 16-31 then create another with plus you will see what
Adding totals of values given in dynamic rows populated from database
I have a dynamic table, where Column A is populated dynamically from the database and one column is an input fields for ratings. The code is in the link below : Click here to view the code What I am trying to do : All the data elements should add up and give the sub-total in the Sub-Total field present on top of the fields. The sub-totals should then add up and and give a grand total. I've attached a photo for better understanding. NB : The sub-total fields are dynamic, and can change the row number
How to establish a paging on the tabs with ajax
How to establish a paging on the tabs with ajax
how to determine whether a element has bind a callback function for a particular event?
var btn=$("#tool_btn"); btn.on... btn.on... now i want to detect whether or not this element have been bind a callback for a particular event such as "click" how to get it?
How to trigger a slider change event?
So I have a slider widget that I set some values on and now I want to trigger it's change event so it can process as per normal the "slide" process of the control. So my current process looks like: var value = getSomeValue(); $("#slider-vertical").slider("enable").slider("value", Number(value)); // now I want to trigger the change event on $("#slider-vertical").slider // I've tried a number of things but nothing seems to work.. e.g., $("#slider-vertical").slider("change") (syntax error)... $("#slider-vertical").slider().change()
"ui-slider-handle" goes outside of "ui-slider"
I want to make slider like above but I couldn't make "ui-slider-handle" inside "ui-slider" .Highlighted "ui-slider-handle" goes outside of "ui-slider" is there a way to fix this.
Datepicker Range - Dont want unselectable day when i use maxDate
Hi!, I'm using range datapicker in my web and I need know when I select the ranges dates (#from and #to) that if i open again ('#from').datepicker that the date selected in (#to) appear selected with a class in (#from)... I was using maxDate in "onClose" but this option disable the next dates and i need that user can select other day out of the range. Thanks!!!
dynamic tab selecting
I have four tabs. When the user clicks on one tab, all of the tabs are changed via some html code. I notice that I loose my listener doing this because I get no actions on the second click. Here is some of my code: var profileTabSelected = '<ul><li class="tab" id="profile"></li><li class="tab" id="stats"></li><li class="tab tab3" id="login"></li><li class="tab activeTab" ></li></ul>'; I change the html of the nav bar by this: $("#nav").html(profileTabSelected ); Please advise on how I can allow
jQuery UI Dialog issue
I have faced this many time with different controls. What happens is, when control like DevExpress RichEdit, SpreadSheet, or Telerik Editor is being used inside a jQuery UI Dialogue, and when we open the dialog on a button click then these controls inside the dialog won't be loaded properly (I mean loaded without any CSS). This also happens with many jQuery widgets that I use inside jQuery UI Dialogue. To sort this out, what I do is, put the same control outside jQuery UI Dialogue with display:none,
jQuery mobile, conflict with joomla?
I use jquery mobile within joomla. Desktop and mobile have different pages. jquerymobile - and therfore my problem - comes only with mobile devices. A button opens a popup and a click next to the popup window closes this window again. This works fine and can be repeated. If I change (with normal html) the page popup works not longer, but again when I made a browser reload. It's posible to reinitialize jquerymobile after paging, according to a reload? Or are there other solutions?
Disabling button after click for a certain period of time
Hi, Hi. I am working on simple Asp.Net MVC commenting system with like/dislike options for comments. I want to implement that user can only click once like or dislike button for specific comment. I'm new in programming. By now, i only can disable clicked buttons, but that is not good solution, because when page refresh, buttons are enabled again. <input id="like" class ="vote" type="button" value="Like" /> <input id="dislike" class="vote" type="button" value="Dislike" /> $(".vote").click(function
Problem in change date format calendar
I have an issue when I change date formet it says Invalid date formet my code is var startdate = new Date($("#datepicker1").val()); alert(startdate); var dateToday = new Date(); alert(dateToday); var dates = $(".date-picker").datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, minDate: dateToday, dateFormat: 'dd-mm-yy' });
In Datepicker today button not reflecting for alternate field
Hi All, In Date Picker when we click on Today button then alternate field is not reflecting(Means it's empty) but when we click on any particular date in 'Date Calendar' then it's reflecting on alternate field. Please suggest us. Thanks, Nagavali
jQuery AJAX auto updating issue
I am having some issues getting our cart page to reload when a quantity is changed. Right now this requires an update cart button. I want to be able to remove that and have the cart auto refresh. Any help would be greatly appreciated. Here is the jquery.cart.js if (typeof Countries === "object") {
Countries.updateProvinceLabel = function(e, t) {
if (typeof e === "string" && Countries[e] && Countries[e].provinces) {
if (typeof t !== "object") {
t = document.getElementById("address_province_label");
Saving User's Drag & Drop jQuery on a Website
Hello! I'm wanting to know how to save a User's changes on a website. More specifically how to save a User's edit on their profile. Kind of like how "Wix" allows the user to move elements using jQuery and then save their website.
Issue on Windows Phone 8.1 with JQM 1.4.5
Hi I am experiencing a page refresh issue when using popups on windows mobile 8.1. I can even navigate direly to the JQM demos page from my phone and I can experience the issue. It looks like there is an overlay over the background op the mobile application with the popup on-top. It shows blocks and is really horrible. Does anyone experience the same issue? Software Versions: Nokia Lumia:1520 Windows 8.1 It is important to note that the behavior is present on the Demo's page so I do not think it
Loading database value into a form.
I want to load database values in webform text boxes using jquery on the page load. After loading will update values and save to database. I have written a sample code below. $(document).ready(function () getting called multiple times. Can some body help me with sample code. $(document).ready(function () { $.ajax({ type: "POST", url: "Default.aspx/GetUser", data: "{}", dataType: "json", contentType: "application/json;
unwanted color effetc
Hi I have a 3d animation. A book that opens. I use transit to achieve this effect. In Chrome I sometimes get an unwanted color effect. I wonder if someone can understand why this happens and it there is some way to avoid it? The pink in the image is the unwanted effect. To see the page, go to www.maica.se/historiska/
Tag <button> make a page autorefresh in ie10 edge mode
Hi, sorry for my english.... I've a big problem: I used this: <button onclick="cerca_pratiche()">CERCA</button> function cerca_pratiche() { // do nothing } to make a simply style for commands on the page (show or hide tables). In ie8 everything ok. In ie 10 when I click on the button start a page refresh. I'm using jquery-ui-1.11.3/jquery-1.10.2.js Can anyone help me? I've put lot of this button and rewrite code is a big problem (and waste lot of time :( ) Thankssss Stefano
make an age selector on click
I have this dropdown menu (bootstrap): <div class="mutual_interests_search dropdown col-xs-4"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Looking for people that: <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Eating Well</a></li> <li><a href="#">Train Hard</a></li> <li><a href="#">Looking for motivation</a></li> </ul> </div>I need to show the user a age selector box when he clicks and picking his preference from the drop
Jquery and Vbulletin
Hi everyone, i have been wandering around looking for a tut that explains to me how to make a jquery button which when i hover the mouse on; it displays "the subforums" in my vbulletin forum... i'll be so grateful if you help me by any means..!
jquery validate. It may be a bug in errorContainer and errorPlacement.
Hi, When I create a div as a container to display errors, they are displayed only if indicated in errorPlacement. It is not just the problem, as indicated in errorPlancement the div to display errors when passed validations, error messages do not disappear. I tried it with jQuery 1.11.1, 1.12.1, 2.2.0 and jQuery-validations v 1.13.1, 1.14.0 and 1.15.0 with the same result. JS For Usuarios form /** * DEFAULT GLOBAL JQUERY VALIDATIONS */ jQuery.validator.setDefaults({ debug: true, ignore: "input[type=hidden]",
SQL Query
Hi Guys Firstly I apologise if im completely barking up the wrong tree regards this question. We have a page on our website that involves allowing the user to select an area in the UK. When they type 3 characters the query begins and matching areas are displayed. However it appears quite sluggish and takes about 1.5 seconds for the query to react, probably due to the 40 thousand areas in the database. I was wondering if there was a more efficient snippet of code that would produce faster results,
How to add a dropdown in header
Hi there, In header , I have a toolbar. I would like to add two button one on left and the other on the right of the toolbar. When clicked I want a drop down to appear which will list things like Preferences, About, Help and Quit. What jQuery mobile widget do I use. Thanks Joe
Getting JSON data using $.post method
Hi, I'm learning Ajax. Right now I'm trying to catch some data from a json file and show them using $.post. However following code is not working. The same code works if I use $.getJSON instead of $.post. I know how to bring it to work with $.ajax but I'm keen to know why it doesn't work with $.post ? HTML: <main role="main"> <button class="btn">Show Data</button> <div id="content"></div> </main> JSON (data.josn) [ { "name":"Barot Bellingham", "shortname":"Barot_Bellingham",
external toolbars tapToggle event don't work properly in ajax loaded page (jquery mobile)
In short, my problem is that the "tapToggle" event do not work as expected. For more details on the problem I posted the question on StackOverflow also to the following address: my problem Thanks
Superfish: arrow disappeared after version update
Hi, Just tried to update the Superfish plugin libraries used by my website from 1.5.8 to 1.7.8. I kept my customized CSS. Now, the menu looks the same as before, but the "dropdown" arrows have disappeared. In 1.5.8 they were done via the "sf-sub-indicator" CSS class, as background image. Tried to set the Superfish options cssArrows: false and autoArrows: true, both did not change anything. Does anybody know if this type of arrows is still supported by the latest version of Superfish? Just wanted
Next Page