Get result from a div and send it back into an ajax call
Hello, I am struggling with this, I have 2 fields: [CODE] <div id="video_id"></div>//Results arrive here from first ajax call In the "video_id" div there is a response from an ajax call(after an upload). I need to take the text from that response and send it into another ajax call when the onchange is detected from the first ajax call. Here is my code of the second ajax call: Code: <script>
$("#video_id").change(function() {
var id = $("#video_id").val();
Upgrade jQuery UI to v.1.12.0, autocomplete doesn't show dropdown menu
Hi, I upgrade jQuery UI to v1.12.0 recently. Everything works fine, except autocomplete doesn't show dropdown menu anymore. I can switch back to the old version, but I prefer to keep up with the latest stable version if it is possible. My jQuery.js version is 1.7.2 At the html header, I include jQuery files as below. <script src="https://www.vid-sandbox.com/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="https://www.vid-sandbox.com/Scripts/1.12.0/jquery-ui.min.js" type="text/javascript"></script>
.slideToggle(); function Hides wrong element when clicked twice
for the life of me I have no idea why this is happening. I have a button what when clicked hides a <div> and when clicked again it shows the same <div> the problem is that when you scroll to the next page and repeat the process the button itself disappears. leaving you with no way to see or get back to the content that is hidden. Is there something I am doing wrong? or am I approaching this the wrong way? <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script>
Chain functions with deferred and promises but without setTimeout ...
Hi Guys I need to execute 2 functions one after the other with the stuff in function "A" fully completing before the stuff in function "B" executes... I can't find an example that is not using setTimeout .. which is strange ... I have the following example below ( from here ) , is it supposed to work ?? How could I test if it is working ? what dummy code could I use to simulate the part //do stuff with SharePoint JSOM taking 5 secs to 30 secs ,say ... var a = function() { var defer = $.Deferred();
"Object doesn't support property or method 'DataTable'" in my jquery data table application
Hi All, I am getting "Object doesn't support property or method 'DataTable'" in my jquery data table application. The export tools (excel , print) , pagination , sorting ..etc not loading. But data is loading into data table(functionalities not working). Till today morning it was working fine with below jquery plugins and order of the .js files. <script type="text/javascript" src="/../sites/mysitename/_layouts/15/sp.workflowservices.js"></script> <script type="text/javascript"
How to stop function after second click?
Hi all, as is it in title ... How to stop function after second click? And leave that div object on coords where that function stoped = mouse was second time clicked. My code is there ... my code thank you all for answers
Using Knockout - Multiselect drop down using select2 js. How to set default selected value to drop down which is bind dynamically?
Hi , I am using multi select drop down like <input type="hidden" data-bind="value: selectState, select2: { minimumInputLength: 0,allowClear:true, multiple:true, query: stateQuery}" > Using stateQuery, i am getting the values of drop down dynamically. I have to set default value to drop down when i m open the page. I am getting the solution. Please help!
jquery validation plugin
Can i use two remote URL to validate a field ? remote: { url:\''.$emailCheckUrlForRegister.'\', url2:\''.$emailCheckUrlForRegister.'\', type: "post", data:{ email: function(){ return $(\'#registration_supplier :input[name="email"]\').val() } } } },
Error download themeroller help me !!!!
Error download themeroller help me !!!! persistent when trying to download theme created error. I tried to download during the last 48 hours and it has not been possible
ajax redirection not working
Hi I am using the Paypal API, this was all working fine a year ago then the project was put on hold, last year it was working via http I have changes this to https. The returning json object was stripped and the page went to the paypay url, to complete the transaction. Now nothing fires. here is the code $.ajax({ url: 'php/checkout123.php', data: {my_json_data: json}, type: 'POST', //async: false, dataType: 'json', success:function(data){ if (data.goto) location=data.goto; } }); and the response
Access Widget instance from within nested map/object
I have a really annoying scope issue for my JQuery Widget. Essentially I need to access the widget instance (this) inside of my map/object `options`. Is it possible to do this? Any advice how I can achieve this? See this JSFiddle for a demo of the problem. $.widget( "my.myWidget", { // Below 'this.defCallback' will be undefined // How can I store 'this' (the widget instance) in a variable?? options: { //accessObjectParent: this.instantiator, isUndefined:
Very Slow Loading Times for Jquery
Greetings... http://cdncoin.wpengine.com/product-category/gold/ I am using the following Wordpress Function with Jquery... <span class="aslowaspriceshoppage" id="ala'. $product->id .'"></span><script>jQuery( "#ala'. $product->id .'" ).load("'. $product->get_Permalink() .' .nfs_table tr:last td:nth-child(2)");</script> Basically... from the archives page it takes a particular WooCommerce Product and based on the Product Id it goes in and grabs a discount html div with table from the product and presents
[PLUGIN TABLESORTER] TableSorter and sorting according to a drop-down list
Hello everybody, I allows me to come towards you because I meet a concern(marigold) for several days and I sees solving him(it) really not how. I have a drop-down list concerning a choice of display(posting) of the data in a picture(board): 1) Stage 1 2) Stage 2 3) Stage 3 What what I makes and which(who) works not: 1) I chooses the first choice, it posts(shows) me the data in my picture(board) and I can sort out as I want (for information, in my picture(board), the sorting makes just on the column
Loader hiding
I want that my loader should hide only after the function is executed and i am not able to find the solution to this problem. as it runs async call so the loader gets hidden before only
Trying to check all text boxes on blur event that are a child
Hi I am trying to select all text boxes that are a child of form with a certain class. I can't get it to fire is this how I should do the selection? I am then checking multiple textboxes contain text then enable or disable a text box $(".cdform > text").blur(function() { if ($('#signup-Mobile').val().length === 0 && $('#signup-firstname').val().length === 0 && $('#signup-firstname').val().length === 0 && $('#signup-Address1').val().length === 0 && $('#signup-City').val().length === 0 && $('#signup-PostCode').val().length
Add Pages in Jquery tab
Dear All, I need to have 2 tabs one as Yahoo and MSN .In the yahoo tab I need to show yahoo page(https://in.yahoo.com/ ) and in msn tab I need to show msn page(http://www.msn.com/en-in ) Can any one please help me how can I get this Thanks Quality Communication Provides Quality Work SAM
array conversion error in jquery showing
hi following is a working example var totals = [0, 0, 0, 0, 0, 0];
var $dataRows = $("#GridViewProfit tr:not('.totalColumn, .titlerow')");
$dataRows.each(function () {
$(this).find('.rowDataSd').each(function (i) {
var k = parseInt($(this).html());
if ($(this).html() != '') {
totals[i] += parseInt($(this).html());
console.log(totals[i]);
// $("#GridViewProfit
jquery mobile demo page for master is broken and ugly...
Hi, It's hard to know whether it's broken because it's in a transitional state with patches coming or whether a recent patch broke things and nobody else noticed. If I rewind master back to the end of July, the demo pages are pretty nice. I also get different results if I run the current master demo locally using a local php server from what I see on the web. Am I always actually viewing the latest master build resulting from a "grunt build:demos" when I view the demos page at "http://view.jquerymobile.com/master/demos/"?
Jquery.ui sortable connect list without removing element from first list
Hello, I need to add some functionality in my website that is just like this https://jqueryui.com/sortable/#connect-lists except that in my site is vital that the element on the first list does not disappear from the first list after being dragged, and its available to be added to the second list as many times as the user repeats the drag an drop process. Can this be achieved with the jquery.ui sortable plugin? If that is the case how? Thanks for your help.
Composing table rows to match the info
Hello. I'll try to explain my problem as best I can. (Also posted on SO So link ) Basically I have this entity array:11 [▼
"id" => "90ac3458-5fb2-11e6-a926-0a0027000004"
"startat" => DateTime {#505 ▶}
"comment" => "The former represent only themselves and the latter represent those who share their corporate identity\n"
"place_id" => "cd673b65-5d6e-11e6-b1ff-000d3ab2c2b6"
"sponsor_id" => "e12165d6-7c5c-2e23-eb3b-8828e39a0ede"
"tour_id" => "170e9b35-abb3-6337-96f6-342a6778d3c8"
"speaker"
"Break;"
What is the function of "break", in JQuery?
Need professional help !
Need professional help ! Remodel existing gallery under its own way. I want to remove the switch from photo to the next, and that would shut the photos from clicks on it and not on the X in the corner. Upload a picture file did not work. Threw on file sharing: http://fracton.rgho.st/68XLrryK2 I found the code: Use CSS3: enlarging a photo when clicked. <Style type = "text / css"> .vkl3> br, .vkl3> a: nth-of-type (2) .vkl3> br: target ~ a: nth-of-type (1) {display: none;} .vkl3> br {position: fixed;}
JQuery Charecters
In the following line of script, what do the charecters listed within the .split() denote?: var words = $( "p" ).first().text().split( /\s+/ ); Also, where can I get a list that would outline character selection when setting the parameters of JQuery methods (ie. just as was done in the script shown above this question)?
variables in eq?
There may be a better way around this....but I am trying to dynamically change the eq() value in a jquery statement. I have a form that refreshes itself on the zip of a form, and if someone selects the quantity of a product before entering info, then refreshes and goes to the eq(0) ...or any other specified eq() in the radio sequence. Trying to figure out a way from a radio button to alter a variable (easy part) to update a value or change the value in the eq() so both radio sets have the same
month restrictions on date-time picker
I try to select 2 month only ie. when i select date 1-06-2016 then to date must be 31-07-2016 means what ever user select date two months time period will be display how i do this in this code currently only 1 month is display ie. if i select from date 1-06-2016 then to date shows 30-06-2016 but i want to select 2 months <script type="text/javascript">
$(function () {
var currentYear = (new Date).getFullYear();
var currentMonth = (new Date).getMonth();
var currentDay
Stop jQuery Validate from duplicating error messages
We are using jQuery Validate from https://jqueryvalidation.org/ to do reactive validation. I've got server code that is creating error messages exactly as jquery.validate.js does eg: <p id="email.errors" class="mwf-error">The e-mail address you entered is not valid.</p> but when the user interacts with the incorrect input without making it valid again jquery.validate.js just adds it's own error message to the markup instead of reusing the existing element. This leads to markup like the below (please
form validation plugin
i've made a form which includes 3 steps...when you click next button the next stage will show...i'm wanting to use https://jqueryvalidation.org/ for the form validation but there's no examples on how i'm able to validate each step individually can someone please tell me if this is possible and how it can be done please? thank you
Updating jQuery
Hello awesome forum! I am currently working on developing my new site justmoney.dk, where jQuery is used to most of the action. All of my javascript is in one file, containing the most recent jQuery version out there. My question is: would it be an idea to refer jQuery separately, rather than mixing the two, in order to have the most recent version? Or doesn't it matter at all? Thanks for your replies. Peter
How to combine jquery(".class") and input[name*='some_text']
This is my first post, so hello to everyone. I am working with CMS Typo3 + extension MASK, which extents the backend form input fields. These fields are arranged one below the other and I would like to have them beside each other. .form-section + .form-section { display: inline; } does the trick, but unfortunately not only the new MASK-fields are lined up but all input fields in the backend are effected. So I tried to use jquery to select only those elements, which are created by MASK. The
Ajax Calls, .val() and Deselecting Highlighted Values
I have numerous input fields and when a user changes a value on any input field then hits the tab key, it moves to the next field (default browser behavior) and completely highlights the text in that field. This works as expected. On the blur event for the changed field, I send an ajax call to the server which sends back some values which updates every text field. e.g. When the user hits tab, the blur event is called, and the cursor goes to the next field and highlights all of the characters in
New project: JQM 1.4.5 or Bootstrap?
Hi All, Have a new mobile web app project on the horizon and would like advice from the inside on whether to: (1) Go for it with JQM 1.4.5 (2) Wait for JQM 1.5 (any estimates of how long?) (3) Go with Bootstrap This is a project that needs to run on mobile (iOS 8+) and desktop (mostly Windows but also Mac). I have used JQM 1.2 in the past but am wondering if JQM is still alive and well or is withering on the vine, etc. I would not want to get halfway down the path if there is a strong leaning towards
The Basics of jQuery AJAX
A step-by-step tutorial for those new to jQuery and wanting to use AJAX in their projects. Includes valuable information about troubleshooting using the console and understanding the request / response. http://jayblanchard.net/basics_of_jquery_ajax.html
jquery.flexslider.js issues
Hi, I am having an issue with jquery.flexslider.js and cannot figure it out. It will load the div.big-date but not the item data on the right side. My site is www.mikewatsonband.com Any help would be greatly appreciated. Thanks, Mike
how to get the all class name with in div tag?
How to get the all class name with in tag, I want get class name one and two, Any one please help me <div id="svgcanvas" style="position:relative"> <div class="one"></div> <div class="two"></div> </div>
Dynamically adding input fields without JS using jQuery
Hello, sorry if this has been asked before here. I did some research and have not found the answer here. This is my first post as well, so sorry if I cannot explain everything properply. I am building a website (startet learning CSS, HTM and JS a month ago) that dynamically adds input fields regarding what number the user puts in. This works fine with a JS script I have found on the web (see here http://daviduhlmann.solutions/Testseite_VS1.0.html ). When I enter a number of sales people and run the
tablesorter plungin not working for dynamically created table
$(document).ready(function () { $('#dvTable1').tablesorter(); } $.getJSON("/Home/GetWONumberActivityEquipmentParts", { 'dateFrom': pData[0], 'dateTo': pData[1], 'deptName': deptName }, function (json) { for (var i = 0; i < json.length; i++) { tr = $('<tr />'); tr.append("<td>" + json[i].WNo + "</td>"); tr.append("<td>" + json[i].Division + "</td>"); tr.append("<td>" + json[i].ActivityName + "</td>"); tr.append("<td>" + json[i].EquipmentName + "</td>"); tr.append('</tr>'); $("#tbl1").append(tr);
jQuery Mobile 1.4.5 and jQuery 3.1
Does jQuery Mobile 1.4.5 work with jQuery 3.1?
Can someone help me with a script to search the companies.xml file below and display search results on the listview in the home.html?
home.html <html> <head> <title>mysearch</title> </head> <body> <input type="search" id="search-mini" autocomplete="off" /> <ul data-role = "listview" id= "SearchResult"> </ul> </body> </html> companies.xml <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/css" href="xmlcss.css"?> <Companies xmlns:xlink="http://www.w3.org/1999/xlink"> <Company id='20151'> <Title>Business Culture</Title> <Image>images/logo.png</Image> <Sector>Software Development</Sector>
enhanceWithin doesn't work after replacing content
So I thought I should build myself a simple pager for a listview. Very simple: I'm slapping a spinbox near the bottom and subscribing to change events with a little snippet that loads portions of the page and replaces the listbox content with that. So my HTML (Thymeleaf template looks like this): <div data-role="container" id="catalog-container"> <ul id="catalog-item-list" data-role="listview"> <th:block th:each="item: ${catalog.content}"> <li><a th:attr='href=${"editrequest/" + item.catalogItem.id}'>
Increase visible text on click.
I am trying to increase the words that are visible when user clicks on the link. It does not seem to listen to the click command. How can I achieve this? My code looks like below. $(document).ready(function () { var $wordCount = 12; $("h2").on("click", function () { var $wordCount = 112; }); function getWords(str) { return str.split(/\s+/).slice(0, $wordCount).join(" "); } var str = $(".hider").text(); $(".showHere").text(getWords(str)); }); See work on fiddle
Next Page