Syntax error
I have this error Uncaught SyntaxError: missing ) after argument list This jquery is nestled into my JS code. When I remove this JQUERY code it works fine. $(funtion (){ $.ajax({ type: 'GET', url: 'test.php', sucess: function(data){ container.innerHTML += "<div class=\"library-item-photo\"><img src=\"image-files/cover-thumb-md.php?ID=4059\" class=\"library-img\"></a></div> "; } }); });
heloo alll iam new
hi all its my first time her and i begin learn so this is my first code but he didnt work <html> <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-1.8.3.js"></script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <script type = "text/javascript" language = "javascript"> $(document).ready(function() { var event = $.Event('click'); event.clientX = 1; event.clientY = 1; $('div').trigger(event);
Weird glitch using .tabs() in combination with htpasswd credentials in URL
Hi, i came across a weird behaviour of the jqueryUI .tabs() function in combinaction with a password protected Folder on my Server. In order for users to access this section the browser based on Chromium 47 sends the credentials in the URL:http://user:pass@page.com and due to this combination the Jquery tabs seem to load the whole page head or the complete page into the tab content for some reason. Same happens with Chrome 49 and Firefox on my Computer. I could reconstruct this behavior on the jqueryui
Extern file of jQuery 1.11.1 or 2.1.1 (and jQuery UI 1.10.4) for Closure Compiler
Any knows where to find an extern file of jQuery 1.11.1 or 2.1.1 for Closure Compiler? And for jQuery UI 1.10.4? Thank you :-)
Need to refresh page to kickstart my code
Hi guys, I'm developing a simple app via PhoneGap as a means of learning Javascript. I've got a working script, but quite often when I load the page I need to refresh it to get the script to work. For example, I have the below code (simplified) but when I load the page, initially all the "phase" DIV's are visible. Upon refresh, they work as expected. Any suggestions? I tried a number of alternative triggers to $(document).ready() to no avail: $(document).on('pagecreate', function() {
What can actually help in? (Jquery contribution)
Hi, I'm not quite sure if this is the right place to ask and if not then I apologize. But I was wanting to contribute somehow in the Jquery project somehow, so I checked out the contribution page on the site but it sort of left me lost. I have some experience in Jquery and JavaScript but i'm definitely not a whiz at it. I do have some extensive experience in CSS3 and HTML5. So I was wondering where would I be able to contribute (if at all), and if I can't contribute what should I do so that I can?
getting an error in the console (Uncaught ReferenceError: $ is not defined)
I am getting an error when trying run this script: Uncaught ReferenceError: $ is not defined <script> $(function() { $( "#slider-range" ).slider({ range: true, min: 0, max: 500, values: [ 75, 300 ], slide: function( event, ui ) { $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); } }); $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) + " - $" + $( "#slider-range" ).slider( "values", 1 ) ); });
Using Sortable, is there a way to monitor the event when an item is moved from one list to another?
Here is the demo I am looking at: http://jqueryui.com/sortable/#connect-lists I want to be alerted whenever an item is exchanged between lists. Is there a function that handles this? I have already tried this: $("html").on("dragover", function(event) { event.preventDefault(); event.stopPropagation(); $(this).addClass('dragging'); }); $("html").on("dragleave", function(event) { event.preventDefault(); event.stopPropagation(); $(this).removeClass('dragging'); }); $("html").on("drop", function(event)
How can I use jQuery to construct this data structure given user input into a form which I haven't provided the code for?
var voucherData = { VocNo: 'V123', PostedDt: '18-03-2016', TType: 'Petty Cash Voucher', RowsCount: '2', rows: [ { Account : 'Acc1', Dr : '5000', Cr : '0', Remarks : 'abc' }, { Account : 'Acc2', Dr : '0', Cr : '5000', Remarks : 'xyz' }, ] };
Change The Style On Some Elements Without Changing All Of Them
I'm working on a website where we want to change the style on some of the elements that use the .ui-state-hover class without changing the style on all the other elements that use the same class. I can easily create a new class with the styles I want. What is the best and easiest (and repeatable) way of adding that style to the specific elements without writing new jquery script? Is there someplace in the existing jquery.js files that I can specify if the element has an id of ____, then use the
Switch manipulation to show/hide div and change state of others
Hello, Could someone help me for this : Code on FiddleJS I try to do : when switch1 or switch2 is on 'Yes' (Block1 or Block2 is showed) but switch3 should be on 'No' and locked on 'No' and block3 hidden. when switch3 is on 'Yes' (Block1 and Block2 are hidden) and switch1 and switch2 turned on 'No' and locked (disabled). Thanks in advance
manually validating jquery datepicker
Hi gurus, I am a bit confused here. I have been trying to follow this thread: http://forum.jquery.com/topic/jquery-ui-datepicker-validation-plugin and the solution provided by kwood here: http://jsfiddle.net/TJA4f/ When I play around with that solution, it works fine. However, when I try to model my actual code after it, it doesn't do anything. No errors but no validations. For instance, my version of the code validates both individual dates and date ranges. However, it doesn't work for me. What
Combining jQuery accordion with xml loop
I'm trying to put an xml loop in a jQuery UI accordion, but it's only the first loop that gets displayed in the accordion, the rest of the loops goes outside for some reason. How can I make it work with each loop? This is the accordion script (I've taken out the xml url and foreach stuff for simplicity) $(function() { $( "#accordion" ).accordion({ heightStyle: "content", collapsible: true, active: false, activate: function( event, ui ) { if(!$.isEmptyObject(ui.newHeader.offset()))
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.
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,
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
Next Page