How to use different .ui classes?
Hello. I have used jquery-ui's accordion in my pages but I want to have 3 different type of that. I have styled .ui-widget-content , .ui-state-default and .ui-widget-header classes to build an accordion for my footer but actually it impresses other ui elements. Now I want to have another accordion with a different style and want to give another properties and values to those classes . How should I do that? Thanks in advance.
Dragging Panel Reveals Gray Background on iOS
If you open the jQuery Mobile demo page on iOS and then go to the bottom of the page and press and drag the panel, the entire panel moves up revealing a gray background. If you let go it then springs back. This of course happens in jquery mobile apps too and frustrates users. Is there a way to prevent this from happening? Note this does not do this in Android devices.
css and jquery not working after ajax call
index.php <aside id="left-sidebar-nav"> <ul id="slide-out" class="side-nav fixed leftside-navigetion custom_scrollbar shadow fetch_data_menu"> </ul> </aside> --------------------------------------------------------------------- function fetch_menu(){ $.ajax({ url:"select_menu.php", method:"POST", success:function(res) { $('.fetch_data_menu').html(res); } });
Missing GET parameter data
The main program has: <a id="polyclick" href="PolyDraw1.asp" target="_blank" style="display:inline;"> <b> Geographical Selection</b></a> When the href is clicked: $("#polyclick").click(function(e) { var ylist = "2014,2015,2016"; // The value of ylist is computed but is a hard coded string here $.ajax({ type: "GET", url: $(this).attr('href'), data: { 'ChkBoxYears': ylist }, success: function(response) {;
Radio grid finding the highest value non-disabled button.
Hi, what is the best way of return the highest value non-disabled radio button in a grid, checking each row and return the correct column? I have included a fiddle - https://jsfiddle.net/gb3f7v8k/161/ Thanks in advance.
Select option group selecting entire row
Hello Guys, I need some help with a select box and choosing the entire row. So I'm using option group inside a select box like this( see below). I'm creating rows. <optgroup><option value="1">1</option></optgroup> <optgroup><option value="2">1</option></optgroup> <optgroup><option value="3">1</option></optgroup> The select box will look like this 1 2 3 1 2 3 1 2 3 I want to be able to kind of bind the entire
Find a child control
Hey there I am new in this Forum and pretty new to jQuery. In my ASP.NET MVC View I have a construction, where I have a DIV which Id = "PrintOrder" Under that DIV, I have one more DIV, that has no Id, and within that DIV I have a Control, which id is generated during the creation of the site. The only Thing I "know" is, that this tag start with prefix: "printOutDropDown" So, now I need a corespoding JQuery, what would find the printOutDropDownXXXXXXXXXX I came up with this: var locReportDiv = $('div[id="PrintOrder"]').children('[id^="printOutDropDown"]:first');
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
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
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
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">
Next Page