Avoid code pausing/freezing on javascript error in jQuery blockUI
Let me try to make some sense... We're blocking the UI using jQuery block UI plugin $(document).ajaxStart(function() { $.blockUI({ message: '<h4><i class="fa fa-circle-o-notch fa-spin fa-fw"></i> loading...</h4>' }) }).ajaxStop($.unblockUI); Sometimes, when the code throws some error: The loading message on the freezed screen doesn't vanishes: The reason is: When the ajaxStart() starts, the $.blockUI() gets invoked. And before the ajaxStart() could successfully finish executing, it encounters an
Classic Jquery scroll with Flexslider
Hi, I have a index.php with very menu items. When i click on my menu anchor link, the page scrolls to it's own anchor name attribute and, WITHOUT FLEXSLIDER everythings works fine. With flexslider fullscreen activated i can't scroll down slowly anymore. It seems like anchor tags on my menu items are disabled by flexslider. Is there a way to fix it? In the Flexslider folder I have found slider.css files and at this row: body, html {margin:0; padding:0;width:100%;height:100%!important; overflow-x:
jquery trigger
I am using jquery 1.8.3.I have to populate two dropdown based on the value from another dropdown.I did it but the problem what i facing is the dropdown working great in chrome it is not working perfect in firefox.Here is my code <script type="text/javascript"> $(document).ready(function(){ $editid = '<?php echo $addid ?>'; //$pages.trigger("change"); var $pages = $('select[name=adPages]'), $positions = $('select[name=adPositions]'), $dimensions = $('select[name=adDimensions');
JQuery Progress bar
Hello, I am new to Jquery and task is given to me to "make a progress bar for task completion " . For example: there are 4 Sections and all those 4 section have different youtube videos . After the user clicks the section and watch the video of that particular section the progress bar should be increased to 25% completed. I am searching for this kind of tool available on internet but i haven't got any apart from that bootstrap file upload progress bar. Can anybody help me out and make me understand
what properties can we make animate on?
In addition to style properties, some non-style properties such as scrollTop and scrollLeft, as well as custom properties, can be animated. that is from the documentary i want to ask,beside scrollTop,is there other properties can we make animate on?
Capturing a URL with a specific pattern associated with diferent buttons
Hi, I want to capture a URL generating dynamically with a specific string inside associated with different buttons. For example I associated an AJAX url with a button whose url is having the pattern ****xyz=1**** . Associated an 'a' tag with another URL having a pattern ****xyz=2***. Depending on the type of element clicked .... I want to capture the url it is associated with it. For the 'a' tag it is pretty easy .... used this.href but how to capture for the button that is firing ajax??? Nil
Adding scripts to Adobe Muse lander - Possible?
Hi guys I hope it's the write place to ask this question, I'm new here and new to coding. I'm trying to use scripts that call the user's browser or location. Is there a way to do it in Muse? I have this small one line website for the test. Hoping for some help. Thank you guys :) Download the file If this is the wrong forum please point me in the right direction... thank you
How can I use i18n files of jquery-ui/datepicker through npm?
I'm converting all the depencies of my projects from bower to npm, but I'm not finding how to set the i18 for datepicker when using npm. Back to bower I just used to link "bower_components/jquery.ui/ui/i18n/datepicker-pt-BR.js". Is there any way to do it by npm or I will have to download and versioning it?
Problem with $(window).resize() event
why slideToggle() function shoots many times after implementing in $(window).resize() event?
Product listing sorting and paging
Guys, I wanted to check with you if you have a jquery e plugin or example for a specific function I need to create in my ecommerce site I am creating a page, which a list products followed by their photos in a grid view. I need paging in this page and sort products by A-Z or A-Z or lowest and highest prices, for example. Here is an example of that: http://www.ebay.com/sch/TShirts-/15687/i.html Thanks in advance
Javascript cannot be loaded in another html file
Hello guys, I'm new at using jquery. And now I'm facing a problem. Let me use picture to explain it. Why are <span id="id_1"></span> <span id="id_2"></span> <span id="id_3"></span> cannot be loaded in display.html? and here is display.html as you know that I got that input field from input button at the sidebar. Somebody help me. Thank you.
mousemove not triggered. JQuery 2.2.1
Hi, Is there something I do wrong for not having my event trigerred ? I have the following script at the top of my cshtml and there's effectively a div with class name starting with "ResidentItem" In debug I see that it gets in the ready function and apply the mousemove but it never gets inside the function when moving the mouse on the item with class starting with ResidentItem <script type="text/javascript"> $(document).ready(function () { $('div[class^="ResidentItem"]').mousemove(function
simple frame contents() example doesn't work
Hi all, i created an example page regarding the contents() method to access a frame content but i can't get it work HOME.HTML <!DOCTYPE html> <html> <head> <title>Myhome</title> <script type="text/javascript" src="jquery-1.12.4.js"></script> (tried also 3.1.0) </head> <body> <iframe src="mycom.html" name="main" id="myframe"></iframe> <script type="text/javascript"> $("#myframe").contents().find("div").css( "background-color", "#BADA55" ); </script> </body> </head> </html> MYCOM.HTML <!DOCTYPE
Upgrade jQuery UI to v.1.12.0, draggable and droppable are not function stable as with older jQuery version.
Hi, I have an organization chart builder. After upgrade to jQuery 1.11.4, and jQuery UI 1.12.0. it doesn't drag and drop li and ul as stable as when I am using 1.7.2. Maybe I need to change code to accommondate jQuery 1.11.4, and jQuery UI 1.12.0. The code looks like below. Do I need to change the code? $(".myOrgDiv li").draggable({ revert: "invalid", containment: "document", cursor: "move" }); $(".myOrgDiv ul").droppable({ accept: "li,ul", activeClass: "ui-state-highlight",
Jquery pop up is showing all children instead of one
Hi, I wonder if anyone can help? I am displaying some advanced custom fields on my wordpress site. When the title button of each post is clicked, I need the content to appear in a pop up box. I have managed to code it, my issue is that ALL boxes are popping up when any title button is clicked, instead of just the single pop up box that is related. I did try wordpress forums as this is a wordpress site, but the button to add a new question in the forum isn't working :( I wonder if anyone can help
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.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?
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
Next Page