Make impossible to set a Departure date if Arrival date is not set
Hi.I am using the jQuery datepicker to get Arrival and Departure dates, with success. I would like to improve it making it impossible to set a Departure date if Arrival date is not set. When the Departure input field is selected by the user but if the Arrival date is empty I would like to force it opening the datepicker in the Arrival input field. Can give me some guidance to achieve it? Thank you very much.
Datepicker + Moment.js months calculation (and reverse)
I have the following two input fields. In the first one there's a dropdown with the months values and on the other one i have the datepicker input box. Using the boostrap-datepicker and moment libraries, I want to achieve the following: 1) On dropdown selection the datepicker value should change based on the month value [DONE!]. 2) On date change it should check if there's the specified value of months interval in the dropdown on the left and then add the "selected" attribute on the option. Here's
jQuery Val() Function Cannot Change Dropdownlist Selected Value
I have a VB.net web form that consists of a dropdownlist called ddlAuthor, a textbox called txtYear, a search button, and an asp.net gridview. After user selects the author's name in the ddlAuthor dropdownlist box, type in the year in the txtYear textbox, and click the search button, a gridview called AuthorGridView will show up. The gridview consists of Author , Book Title, Year of Publication, and Coauthors columns. The left most column in each row of the gridview contains the Edit link followed
Datepicker special control
I have a need to do the following and do not know how to set up Datepicker. An input box which will take text from user. I want Datepicker to show only after the user typed the the text "date(", and this allow the user to pick a date and append the date string the text - e.g. "date(2019-01-10". Now the user can continue to type and pick another date later and the now date will keep append to the text of the input box. Below is my design: User input --> a key up event callback will check input for
A scrollable month column in a table
What I have been asked to look at is within a table, we have 1 column that is a month column and beneath it are rows of data as figures. As there 12 months, I cant fit them all in one column, so what I want is for it to be January on load, and either side there arrows, if the user clicks the right arrow it goes to February and the whole column moves to the left to display the data for February. Then if they click the right arrow again March appears, and all the data for march in each row in that
How to change specific characters at the end of ALL hyperlinks w/in webpage with jQuery
Hey all, I have a list of items with titles that are hyperlinks to the actual content. The code below removes the .aspx part from the title, but for some reason the code also changes all titles for each item to be the same. Each item should have a unique title with the .aspx removed. Any help is appreciated! $(document).ready(function () { var val = $(".dfwp-item .link-item a").html(); $(".dfwp-item .link-item a").html(val.substring(0, val.length -5)); });
Query undefined when trying to match dates
When trying to check if dates match in two divs, e.g. <div class="start_date">Wednesday 01 January</div> <div class="end_date">Wednesday 01 January</div> This is what I've written so far, but keep getting "undefined" var a = $('.start_date'), b = $('.end_date'); if( a.text() == b.text() ) { $('.end_date').addClass('hide'); } Any ideas what I'm missing...?
run script when loading a jquery page with a link
Hello and thank you in advance for your help.
I am creating a small mobile application for viewing videos. I want that on a click, they can perform an action. So instead of using an iframe from youtube I use the youtube API. As presented in the code page attached.
I have two pages of sub-menus before accessing the page that contains the links to the videos (so the page is probably called in AJAX) The problem is that when I run the page the video is not immediately created by the youtube API. she
Api + MD5
Hello anyone I'm very new at The API tell: Client -> Server http://192.168.1.150/goform/apicmd?cmd=0&user=admin Server -> Client <?xml version="1.0"encoding="UTF-8" ?> <Configuration> <ResCode>0</ResCode> <RetMsg></RetMsg> <ChallengeCode>5c0e1f55b54be2d0c56004ba349fb726</ChallengeCode> <IDCode>UM1NWDJYC19LOEYQRWNA</IDCode> </Configuration> Client -> Server http://192.168.1.150/goform/apicmd?cmd=1&user=admin&authcode=<authcodes tring>&idcode=<idcodestring>&type=opt_type authcodestring = md5(ChallengeString:remote_pin:password);
Pull specific areas of data from XML
This is the XML file and I can pull through all of the data, however I want to be more specific, for example there are multiple addresses and I want address1 from id=4 and then email from id=6 <Members> <Member Member_Id="4133" Dods_Id="62823" Pims_Id="5593" Clerks_Id="1220"> <DisplayAs>Andrew Bridgen</DisplayAs> <ListAs>Bridgen, Andrew</ListAs> <FullTitle>Andrew Bridgen MP</FullTitle> <LayingMinisterName/> <DateOfBirth>1964-10-28T00:00:00</DateOfBirth> <DateOfDeath xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:nil="true"/>
geocomplete zoom not working
I have this code $(function(){ $("#geocomplete").geocomplete({ map: ".map_canvas", mapOptions: { zoom: 25 }, details: "form ", markerOptions: { draggable: true }, }); $("#geocomplete").bind("geocode:dragged", function(event, latLng){ $("input[name=lat]").val(latLng.lat()); $("input[name=lng]").val(latLng.lng()); $("#lat]").val(latLng.lat());
Search in Datatablejquery
I wrote the following code. How can I when I click on "div" in the first column(Name) if a name equal to "aaa" then a message show up? I uploaded the code in OneDrive. Here you are: Datatablejquery
Using to jQuery to access JSON nested array starting with dates
I'm attempting to build a ajax call from some json data jQuery.ajax({ type: "GET", url: "websiteurl.com", success: function(data) { jQuery.each(data, function(i, val) { $("#label").append(document.createTextNode(val.label)); $("#url").append(document.createTextNode(val.url)); }); } }); Here is the jSon (url I've been given) { "2019-01-29T00:00:00+00:00": [ { "type": "refuse", "label": "Refuse",
Modify or add jQuery to show unlimited entries from another lookup list from SharePoint Online
Hello all, I am using from a online post which you have cascading parent/ child/ grandchild list with the help of two jQuery's. Main js.file -------------------------------------------------------------------- $.fn.HillbillyCascade= function (optionsArray) { var Cascades = new Array(); var NewForm = getParameterByName("ID") == null; $.fn.HillbillyCascade.Cascade = function(parent,cascadeIndex) { if (cascadeIndex!= null && cascadeIndex+1 > Cascades.length) { return; } else if(cascadeIndex== null)
How to detect scroll from inner page and apply if statement logic if page is not scrolled?
Hello, I am a bit struggling on this one. I have build an app with Jquery and would like to detect the scrolling on the mobile so I can hide or show my navbar. My first problem is this code example from the jquery website: $( "#target" ).scroll(function() { $( "#log" ).append( "<div>Handler for .scroll() called.</div>" ); }); The problem in this example, it does not show how to apply an "if" statement if the page is scrolled or NOT scrolled. ie: If(pageIsScrolled){ app.navbar.hide('.navbar'); }else{
Show total of data attributes based on different data attribute name
The title probably doesn't explained what I'm trying do very well . I have the code below output and what I'd like to do is total all the data-distance arrtibutes where the data-team name is the same. So using the code below I'd have 3 totals, one for admin, one for stores and one for sales. <div class="team"> <div class="hours" data-team="admin" data-distance="1.77"></div> <div class="hours" data-team="admin" data-distance="9.375"></div> <div class="hours" data-team="admin" data-distance="6.3"></div>
How to change Datepicker to chinese
How can I change the datepicker to chinese in my following coding? <input type="text" name="my_value" id="datepicker1" /> <link rel="stylesheet" href="jquery/jquery-ui.css"> <script src="jquery/jquery.js"></script> <script src="jquery/jquery-ui.js"></script> <script src="i18n/datepicker-zh-TW.js"></script> <script> $( function() { $( "#datepicker1" ).datepicker({ dateFormat: "yy/mm/dd", } ); } ); </script>
animated background color using jquery
Bonjour ! I was wondering if it was possible to create an animated background for the home page of my website using those two png images ? Regarding to this example : belius.de ? By inspecting this site, I understand that using jquery for animation is required. Unfortunetely, I don't know how to use jquery, so I was wondering ,if there is a way to show me the structure of the code to create this movement of gradient or, if there is a simpler way of creating this animated background with images !
Using Jqueqy tabs in content page holder
Hello, Could you please send me an example of how to use the jquery tabs in a content page with a master page. Cause i tried with no success. it's seems that i am missing something case the javascript files that i link are not recognize .maybe i don't add them in the right place. Thank you Waiting for your example
Jquery Mobile Auto complete sending multiple requests
I have jquery mobile autocomplete which is functional, but if I type anything it sends requests thrice for one keyword. How can I avoid this? I am sending country and city name along with the keyword to get City name and City code. Upon city name selection city code gets populated on a different input box. I would really appreciate any suggestion. Thanks. //Auto Complete Function $( "#cityname" ).keyup(function() { var country_val=$('#country').val(); var state_val=$('#state').val();
Having Issue on Snapping Divs to the Top of Page On Scroll
Demo I am trying to snap each div .item to the top of page on scroll when the top of the div reaches in an specific portion of page. right now this is working on div one but stuck there $(document).ready(function() { var windowHeight = $(window).height(), gridTop = windowHeight * .3, gridBottom = windowHeight * .6; $(window).on('scroll', function() { $('.item').each(function() { var thisTop = $(this).offset().top - $(window).scrollTop(); if ((thisTop >= gridTop) && (thisTop <= gridBottom)) { console.log($(this).data('page'));
set value of 2nd Select based on 1st select when both select are in same column : When rows are added dynamically
Dear Sir I have 2 "select" or dropdown in a column based on change of 1st select , I want to set value of 2nd Select or Dropdown refer : http://jsfiddle.net/Prajaktasoftware/n2jhdx4k/46/ ----------------------------------------------------------------------------------------------- in Jquery following staement $(document).on("change","select",function() helps me to get id of 1st " select" statement But I do not know how to set value for the second select -----------------------------------------------------------------------------------------------------
Error in JQuery core
Hello, I am new to JQuery and I downloaded a JQuery core file. When I loaded it into DreamWeaver it told me there is an error in the code. I am hoping you guys can quickly tell me how to fix it! DreamWeaver says that there is a syntax error on the line that says " .catch(function(error){ " Any Ideas? Thank you! jQuery.fn.ready = function( fn ) { readyList .then( fn ) // Wrap jQuery.readyException in a function so that the lookup // happens at the time of error handling instead of callback //
Need to modify jQuery file?
Hello My Web page uses jQuery to show the following lightbox pop-ups: It uses the following scripts: <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script> <script type="text/javascript" src="../src/jquery.flashy.min.js"></script> <script type="text/javascript" src="../src/jquery.flashy.js"></script> <script type="text/javascript" src="assets/js/main.js"></script>How would I begin
scrollTop is not working in iOS mobile
scrollTop is not working in iOS mobile(safari), I have used "var scrollOwnTop = $('body').scrollTop();", getting 75 and 0 if "var scrollOwnTop = $(html).scrollTop();". How will I get the scrollTop value?
Returning page in initial state
I have a button "show form" and hidden form, when i click on a button form appears, after i filled the form i send info in alert. How can i return page at initial state(like just having only one button). Also would be great to hear some tips what can i do better script looks like this $(document).ready(function () { $("#form").hide(); $("#showForm").click(function () { $("#form").show(); $("#showForm").hide(); }); $("#alertButton").click(function () { var name = $("#name").val(); var bday = $("#bday").val();
Autocomplete: Input-Field stays focused after selection
Hi there, this is my first post and I hope you can help me solving a probleme i'm looking at for days now: I do use Autocomplete with jqueryui for searching a json-file on an interactive map. By selection a value, the infowindow for a point shows up. Everything works fine, but one thing: After clicking or touching a list-point, the infowindow shows up but the input field stays focused. Mobile that leads to the problem, that the keyboard stays open and overflows the infowindow. This is part of my
Jquery-UI Spinner. Custom HTML
Hello! I have jquery-ui spinner like this: https://codepen.io/emdm/pen/ZVwOaQ But i want spinner like this (input field is between the buttons): https://www.cssscript.com/wp-content/uploads/2016/10/Animated-Input-Spinner.png?w=331 How can i do?
Autocomplete list passed in from HTML input tag not showing
I am using the followng default autocomplete code passing in a variable that consists of a list of XML filenames, but the list is not showing up in the autocomplete box. The jquery code is also interpreting the variable as a literal instead of the values which are the XML filenames. Can you suggest fixes for both ot the issues?: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Autocomplete -
Forced to edit link instead of going to link in editable table cell
I have the following code which allows me to edit a cell, but the problem is that when I want to click on the link, it forces me to edit instead. I want to be able to edit only when I click on the pen icon, but I can't seem to figure out how to do it. HTML <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <table border="1" style="width:100px" style="height:99px" style="margin:0 auto"> <tbody> <tr> <td ><div class="row_data" edit_type="click"
Spectrum color picker
Hi, I am using Spectrum color picker plugin from @bgrins in a dialog I create on the fly. My issue is I cannot detect the Spectrum mouse out event when color picker is open. Any idea how to detect mouse out event when color picker is open ?
Delay variable-assigned functions from running till other function done
I have a number of stacks on a page w/ their respective functions. I need to run my stack before the others, or put another way, pause the others till my stack is finished. If this is an example of a variable assigned to a function for another stack that I want to pause. stacks.com_company_product1 = (function() { ... other stack function }); I tried using $.holdReady() to stop all other functions and then release it, but didn't really work. Is there a way to pause those stacks, using their variable,
How to replace native validation with custom validation
I'm already up and running with a custom validation rule, but something odd is going on. First I'll show my code. Here's my input element: <table> <tr> <td class="colLeft"> <label asp-for="Email" class="control-label"></label> <input asp-for="Email" class="form-control" /> </td> <td class="colRight"> <span asp-validation-for="Email" class="text-danger Email"></span> </td> </tr> And
Show only custom dates for DatePicker
I have a datepicker and trying to configure setDate to take in custom dates that i have set. The dates are coming from a database and only these dates should be displayed with the rest disabled. How could i disable all dates except for the ones i have set?
Issues with JQuery Validation - Returning False. (JQuery Steps)
I've found a jQuery-step validation script. When I run the application the validation returns false in onStepChanging (form.valid()). I can't change the step, why?
Why was the global flag disabled for cross domain script type $.ajax requests in older versions of jQuery
I'm using jQuery 1.12 and I noticed my global ajax event handlers (`ajaxSend`, `ajaxStart`, etc) weren't running for `$.ajax` requests with `dataType="script"` and `crossDomain=true`. After some investigation I found that in 1.12, jQuery always disabled the global flag on the request if it the dataType is script and it's cross domain! What was the reason for this behavior? Why was it originally added and why was it later removed? Relevant information: From what I can tell, the behavior was originally
Sortable: start event occurs without matching stop event preventing cursor style from changing back to default
A user reported that after trying to sort a table (that uses the sortable plugin) the cursor remained as the move cursor. When I repeated the issue I noticed that a start event occurred but not a stop event so the style tag that is added to the body wasn't removed. This code shows how the sortable is set up. Sorry I don't have a codepen or similar to show the issue. We are using jQuery v1.11.4. I tried the latest version but the issue persisted. Is there anything wrong with my setup or is this
Create dialog windows using popup widget
I am creating dialog windows in many projects using the popup widget. The problem is that I need to define a lot of code that I think is not necessary. 1. I define configuration and open the popup when an button is clicked 2. In the popup configuration I define click events for the buttons 3. For each button I have to define code to remove click events for all buttons in the window 4. Each button also has code to close the popup Is this a normal way of creating dialogues on jQuery Mobile? HTML:
datepicker not working for dynamically created row/column
Dear Sir Pls referhttp://jsfiddle.net/Prajaktasoftware/o2fbtvwz/53/ data picker is working only for 1st row and NOT WORKING for row created by "AddRow" pls help
Expander content div does not scroll to the top of the page when clicked
I have a simple 'tab' effect jQuery slideToggle, where the user clicks a heading .expander-headingand the next() div .expander-content, expands. I am sadly having some trouble offsetting/scrolling to the top of this .expander-content div on click, however. $(".expander-heading").click(function () { $header = $(this); //getting the next element $content = $header.next(); //open up or close $content.slideToggle(325); $(".site-container").animate({ scrollTop: $content.offset().top }, "fast"); }); With
Next Page