Wanting to authentication a network attached Solar energy hub via html vs web - $.getScript vs $.getJSON issues
HI Folk, My first post here. I wish to read my local network's Enphase Envoy-s solar management device to read and display the realtime current and individual energy production of each of the 31 micro inverters in my solar system. Enphase provide almost no documentation on this bar me finding out that from any browser if I type in 192.168.0.12/api/v1/production/inverters the system will present a login in box asking for name and password; which must be envoy and the last six digits of my Envoy-s
How to combine Multiple functions that does the same thing.
I am trying to combine the scroll functions below, but to no avail. E.G I tried defining $window only once but it breaks. my code looks like below. var adistance = $('article.about-me').offset().top -90, $window = $(window); $window.scroll(function() { if ( $window.scrollTop() >= adistance ) { $("li.active").removeClass("active"); $('li[href$="about-me"]').addClass("active"); } }); var edistance = $('article.education').offset().top -90, $window =
ajax error FROM php require_once <--- This has been one of convetional errors. [struggling tens of ideas for 48hrs
If I remove 'require_once' from php script, everything is fine. If it is included, $.ajax parse error with readystate 4, status 200. directory structure: teach > index.php $.ajax ({ type: "POST", url: 'tlog_user/teach_signinemail6.php', // require_once('mconnectvars1.php'); data: logdata, dataType:"json", success : function(s) {
How to add mouse event 'click' to div element, while it's moving
Hello friends, I have a problem with my jQuery code. I need four div elements to move on page load, and keep moving while user is on that page. I managed that, but I have a problem to make one of elements to change height and width on click WHILE MOVING. I need solution using jQuery only. Here is my code: HTML CODE: <html> <head> <title>jQuery Animation</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="script.js"></script> </head> <body>
Smooth scroll offset direct link
Hi, We have a menu that links to a different page to a specific div id, we implemented smooth scroll with offset of 100px it works fine on the page itself. But if the user clicks the link from home (page.php/#testi) the offset doesn't work.. any ideas? Thanks..
Ajax Calls
I am going to be making several ajax calls in my CRUD application. I am already making a call using document.ready. My question is where should I locate my other ajax calls in my app. I am using asp.net. Thanks !
Progress bar not loading to 100%
Hi, I'm trying to load the progress bar to 100% but loads up to 62% and executes rest of the code without waiting can you please suggest. below is the hierarchy that I want to run 1. Progress bar starts loading- ($('#progressbar').is(':visible')) 2. Set time interval 3. location.reload to reload the front end 4. close load function 5. prepare dirt should execute. function completeLoad() { var qryComplete=$("#qryComplete").val(); var loadingComplete=$("#loadingComplete").val(); if(loadingComplete==qryComplete
Manually choose tests for execution
I'm using qunit 2.3.3 with qunit-parameterize. I'm interested in preparing a modal dialog html at start of the suite/runner.html which is used to select the test cases for execution. Is there a way to do this or any thoughts or leads around this please Note: I have explored qunit.config.autostart(false) & start()/stop() for execution. But unable to call start() & stop() as they are not recognized as qunit functions. How to solve this ?
Collecting Variables from Links (classes) Setting them and resuing Functions
So I am extremely new to Jquery and implementing variables. I found this example of a popup window on Jfiddle that works perfectly for what I'm trying to accomplish. Though the functions are set up for a "Single" popup when I need a few Different popups. So where the code is using the .pop & .contact classes I would like to find a way to collect the information as to whats being clicked on like an onClick listener, put that in a variable for the functions to use. Any help or suggestions on going
Form Validation Using J Query
Form validation with j query Hi i want to apply validation on a html form like- All Field Must Be Filled, Password and Re-Enter Password Must be same, Mobile Number's Can Only Have Numeric Values, radio button option Must be Selected and so on..... Can it be done using multiple id's so i can apply it to multiple field's Please Help me out with this.....
Why is styling not applied after load?
I am a jQuery novice having problems using load. I basically want to develop an Ajax app with all the pages loaded dynamically. The loaded html is not styled properly the way it is if I hard code the exact same html, in fact not really styled at all (see code below). Any advice on what I am omitting or doing wrong would be appreciated Here is the index.html... <!doctype html> <html lang="en"> <head> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="pragma" content="no-cache">
Basic css selector question
Hi! i am trying to send a click event to this image.I got the css selector from firebug,but i cant figure out how to use it in jqury format. [ $('selector).click() ] #navbox > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > img:nth-child(1) Sorry for sounding ignorant this is my first week on jquery. Thanks in advance.
Adding readonly property to dynamically added input
Hi! Please help me in adding a readonly property to dynamically added input element. Event delegation method? How?
Problem for dynamics data
Hi I don't understande how to do that. I have a form where I add dynamically a div : $(".datepicker").datepicker(); $("a[name='addDom']").click(function () { $(this).after('<div class="exception">Fermeture excetionnelle à cette date : <input size=10 type="text" class="datepicker" name="exception_fermeture[]" value="" ><hr>Ouverture supplémentaire particulière<table border=0 ><tr><td>Date d\'exception <br>(jj/mm/aaaa) : </td><td><input size=10 type="text" name="exception[]" value="" ></td><td>Début
How to queue nested replies below comments on a comment page
Need some assistance to get around this please guys. I’m building a nested comment page on my website with the comments/replies stored in an sql table with colums id, name, title, body, parent_id and time. Parent comments are to have parent_id of 0 while replies to the comments have a parent_id of the id of the comments been replied to. That works perfectly well. Now I have a php page that echoes the output of the sql select statement of these columns as json encoded data : $stmt=$conn->prepare("SELECT
Radio button change.
Hi, I need your help to implement the procedure that allows me to assign status to a student through radio buttons. When set to Deferred or Transfered, it must automatically activate a dialog. I tried different solutions, this is the last attempt, but it doen't work: $ ('input: radio [name = status]'). Click (function () { Alert ("stato ->" + $ ("# status"). Val ()) This is the html code: <?php if ($row['stato'] == 'F' || $row['stato'] == "") { ?> <input type='radio' name='stato'
Serious newb question about disabling a form element when a radio button is checked
Hello! I've been at this for a good portion of the day on and off! A bit of Googling and bit of trying this and that with out much luck! This is my little test form. There's three radio buttons with the name of locations and the id's of a-pos, b-pos and c-pos respectively. Now here's the crazy part. I can't figure out for the life of me why when I click the radio button a-pos that the tday form element disables but when I choose another radio button it still stays disabled. So what am I doing
Can't download jquery
Would like some help figuring out why jQuery 1.11.2 or 1.11.3 will not download on my Chrome or Internet Explorer. Chrome Version is 40.0.2214.115 m Internet Explorer Version 11.0.9600.17631 Whenever I try to download on either of the browsers, it always gives me a Windows Script Host message with this script: Script: C:\Users\Allan\Downloads\jquery-1.11.2.min.js Line: 2 Char: 7539 Error: 'n' is null or not an object Code: 800A138F Source: Microsoft JScript runtime error If anyone could help to fix
JQuery UI Full Documentation
Hi, I'm new to Jquery UI and i was exploring some widgets and found the Tabs widget. I noticed that some methods are not documented (for example appendto()) so my question is where do i find a full documentation on all the methods of the widgets?
Drag-Drop parked objects over an image and save the layout
Looking for solution for placing UI obejcts (Labels/Buttons) over a layout image and saving it. Also want to reload for further modifications.
validate 在ie上验证 password 无效
validate 在IE浏览器上验证时，点击submit提交 password input 不验证 失去焦点 改变时都可验证，在chrome firefox safari 验证均正常，这是什么原因
Remove and Add class at different window width size
Hi there, I am new in this community, Its my first day here. I have a simple problem which I cannot solve, In a div tag I want to assign two classes in different window sizes using jQuery. Two classes are fulsnavi and navigation. I want to remove "navigation" and add "fulsnavi" at window width > 980px and vise-versa. <div id="respcontrol" class="fulsnavi navigation"> <ul> <li><a href='#'>Home</a></li> <li><a href='#'>Products</a></li> <li><a href='#'>About</a></li> <li><a href='#'>Contact</a></li>
Disable sortable for certain table cells and change sensitivity?
Hey, I'm using jQuery Sortable on a table and it works to re-arrange rows. One of the columns is a link and I don't want that column to be "draggable". Can I turn of the sorting for just that one column? Also is it possible to reduce the sensitivity on the actual grabbing? I have another ul list where every li is a toggle button AND sortable. Sometimes I just want to click it, but it reacts so quick that it starts to drag it instead. I have to be really careful. Is there a parameter to change this
$.post [object Object] xhr fail
Hi guys! I'm rly new at jquery, so sry, if it's really obvious for you. I tried debugging for like a day or so, without success. So what I want to do is: Instead the submit I want to do an ajax jquery ($.post) method , which sends the form's data to http://213.181.208.168/tryhard/ URL. So the data should contain a 'token' with a value of 'asd123' (i solved it with a hidden input field if i'm right) and the other forms' values. If the post was successful then under the form a message should appear
reuse result in ajax call
Hi there! I'm using Ajax to get some data from an API. What I need to do is to use store the data into Local Storage when I call get the call back. Next time I'll update the page, I want to get the data from the Local Storage instead of geting the data from the API all the time. I do also have a timer that gives new data from the API after 1 hour. Actually, everything works fine, but my question how I can reuse (and not duplicate) the data in smart way. If you looking into the two functions 'getFromLS'
jQuery UI selectable - How to unselect element by dragging a box (lasso)?
It's my very first time trying to select items by dragging a box(lasso). Now I can select elements by dragging a box and also unselect them when clicking the element one by one. I think that's a little bit annoyed when you have too many elements to unselect. So my question is how to unselect the selected elements by dragging a box not only by click it? Here's my JSFiddle or you can also check the code below： HTML part： <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
Beginner need help
Hi everybody, i'm supposed to do something like "2.jpeg", the app is in Ruby on rails but the question is about my jquery script, the cobweb and the words are already placed, but i'm in trouble to display the little cobweb behind a word when i click on a word, if someone could help me please (i know the sass is pretty ugly and not responsive, but this is just for a project and i don't have time to do this right) PS : I'm french sorry if my english is not good enough there is my code here index.html
Loading jquery causes web pixel to be requested twice
MacOS 10.12.5 Jquery versions: 1.12.4, 2.2.4, and 3.2.1 Browsers: Chrome 58, Firefox 53.0.3, and Safari 10.1.1 If I load jquery before the image, there are two requests for the web pixel when the page is loaded. <!DOCTYPE html> <html> <head><title>Before</title></head> <body> <script src="http://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script> <img src="http://example.com/pixel.php"> </body> </html> However, if I load jquery after the image, there's only 1 request for the web
jQuery PopUp Modal
Hi, I am developing a sales page for one of my clients & have a jQuery popup with CSS modal. The problem that I'm having with the code that I'm using is that in Google Chrome, when the user hovers off of the browser, even at the bottom or sides of the screen, the popup keeps coming back when it's only supposed to come back when hovering near the tab exit at the top of the page. I'm trying to get it to where the jQuery can detect when the user actually navigates toward the tabs "X" (exit). Would be
Displaying the array using the index from another.
Hi, I have a two arrays, one numbers and one letters. On output I want to know the best way to display the output so the number, in this case 1,4,3,5,2 would display the correct letter from the other array at that index. This would give me the output of: E?&^@ Is it a simple loop or is there a better way? https://jsfiddle.net/4pk2g966/5/ Thanks in advance.
I am unable to find following (jquery-ui.css) in my word press.
Hi, I would like to modify slightly on "jquery-ui.css" but, I couldn't find in my WordPress account. http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css Can anyone help me out, please!!! Thanks in advance.
Ranking user score
Hi, I have an array which consists of 600 records in the format of: John, Nikhil C.,467,Cule, Mac A.,341,Pat, Ryan,465 [ [0...99]: [ [0...9]: [ 0: "John, Nikhil C.", 1: "467", 2: "Cule, Mac A.", 3: "341", 4: "Pat, Ryan", 5: "465", ], I am trying to create a ranking model for the above, in the sense the John has rank1, pat as rank 2, john, cule as rank3 and push it back to the array. Below
using jQuery in a javascript file
So I am just starting jQuery, and I am beyond confused. I am working on a assignment, and I need to put jQuery code in my javascript file. I need to make it so that it doesnt execute until the page has loaded, and add classes to div elements. Do I put the <script src="jquery-3.2.1.min.js"></script> in my javascript file or my html file? Because if I put it in my javascript file, then none of my javascript runs after that tag. So where does that script src go? Also for waiting for the page to load
lambda vs anonymous differences.
so I am trying to to this line of code. $('li:contains("sad")').click(()=>$(this).hide()) and through testing variations on this line I have determined that for some reason when using lambda, ()=>{result}, the $(this) returns a window jquery object but in an anonymous function, function(){return result}, $(this) returns the li element I am looking for. Why would these two notations run differently but serve almost the same function. [included html and js files in txt format for testing.]
jquery autocomplete with dynamic data and submitting on selection
Hey all, First post to these forums as I usually can figure out issues on my own but I am stumped on this. I am attempting to implement a member search feature where the user can begin typing and a member list is displayed, when they find the right person, they click or select them and it submits their data to another ajax function I have. For now I would accept seeing the "aha" alert appear but nothing is happening at all now. If I use the most basic of autocomplete examples provided it works,
how to use draggable() in modal?
I'm trying to use draggable() within modal. it works perfectly outside of modal but doesn't work when I use it in modal. Would you tell me what the problem and how to fix this? here is my code and view. Thank you. <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="/5zo/view/CSS/imageMapWidget.css" rel="stylesheet" type="text/css"> <link href="/5zo/view/CSS/videoWidget.css" rel="stylesheet" type="text/css" > <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
Expected '}' error - jQuery UI Autocomplete
Hi, I am trying to use the auto complete option in jQuery UI for SharePoint OnPremise. I have tried the below code: $("input[title='Skill Required Field']").autocomplete({ source: function (request, response) { var term = request.term; var listname = "MySkills"; var resurl = siteURL + "/_api/web/lists/getbytitle('" + listname + "')/items?$select=Title&$filter=startswith(Title,'" + term + "')"; var alldata = []; $.ajax({ url: resurl, method: "GET", headers:
Using Accordion With Tables
Hi all, I am quite new to jQuery, and even more to accordion. Would like to seek help on the following problem. I had a form which is in tabular format. However, I want to use accordion to collapse the table and only expand it when the user require to input data in it. I had search many sites for solutions but to no avail. Would like to seek any kind souls here for help. Your help will be much appreciated. The following are my codes: jQuery Code: jQuery(window).load(function() { jQuery("#accordion"
Why do I have to interact with widgets this way?
When I try to call a widgets method why do I have to call it like this... var myWidget = $('#foo').MyWidget(); myWidget.MyWidget('addRow'); Why cant I just do the following? Or maybe I can and my widget is just wrong? var myWidget = $('#foo').MyWidget(); myWidget.addRow(); Below is my code: (function ($) { $.widget( "MY_NAMESPACE.MyWidget", { addRow: function() { console.log("Foo"); } }); })(jQuery); // ............. $(document).ready(function() { var myWidget = $('#foo').MyWidget();
Problem with arrays.
Hi, this is not strictly a JQuery problem but I would be grateful for your help. I have created a fiddle - https://jsfiddle.net/a4poster/bLvs827n/. I can't understand if I have a two dimensional array and change one of the values why both arrays change - hopefully the fiddle will be more helpful than my explanation of the problem. Thanks in advance.
Next Page