Unable to run BlockUI Asynchronously with other scripts
I'm a bit of a noob, but I've tried this many ways and have been banging my head against the wall for the past week or so trying to find a solution. I've got a search form that when submit is fired, I was hoping to block the browser screen WHILE the other two scripts completed. With my code below, all three scripts execute, but the blockUI fires LAST for some reason. What am I doing wrong? Is this even possible? HTML: <div id="search" class="Column"> <form id="searchForm"
Jquery Autocomplete Normalize data issue
Hi I am using jquery UI autocomplete in my application. I am populating items which are objects with label and value. A value field contains the id of the label item. The issue which I am facing is when the id is 0. In this case, the value field will get replaced by text data present in the label field. This is happening in the "Normalize" method in Jquery UI file. How can I override the Normalize method? Please check the code below. The issue occurs in code highlighted in red. _normalize: function( items ) {
// assume all items have the right format when the first item is complete
if ( items.length && items[ 0 ].label && items[ 0 ].value ) {
return items;
}
return $.map( items, function( item ) {
if ( typeof item === "string" ) {
return {
label: item,
value: item
};
}
return $.extend( {}, item, {
label: item.label || item.value,
value: item.value || item.label $.extend( {}, item, {
label: item.label || item.value,
value: item.value || item.label
} );
} );
}
Run script
Hi I have this script that works fine in the console but won't when code is in the page html. What do I write to get this to run when page is loaded. Maybe I am missing some document ready/function ready or such? The script is to send a query string to the next page if a person clicks a <a> tag. Thanks in advance / Daniel <script> $('a').attr('href', function (index, value) { return value + window.location.search; });
</script>
Jquery Mobile Autocomplete Still hidden after changing "ui-screen-hidden" class
Hi All, I am using Jquery Mobile Autocomplete and able to add my data to list using ajax call. It results me to add list items in UL, initially they comes with class "ui-screen-hidden". I have code to remove the hidden class and add my own classes, but it will not get updated on browser. While debugging i can see class changes in UL items, but when it renders it renders with initial hidden classes which leads to hidden autocomplete ul li. Already
Hidden Image
Hi Im trying to create a page that when the user click on a div a hidden image will appear and scroll dowm the others elements of the page, im a starter on web development and im still learning jquery. (sorry if my english is bad thats not my first language)
Jquery .append list not working
Hello Guys, I have an issue with my jquery and I cant seem to figure it out So I have a home.jsp file and I have two include statements I'm including quicklinks,jsp and activity.jsp In my quicklinks.jsp file i have the following and it displays a list as it should <div class="headertxt">Quick Links</div> <hr> <script> var options = [ { "href": "something1.jsp", "text": "My linktext1" }, { "href": "something1.jsp", "text": "My linktext12" }, { "href": "something3.jsp", "text":
Can a development bundle be obsolete?
My Wordpress-site www.magoster.com gives a fatal error on a Contact Form7-Datepicker part in script-loader.php when customizing the theme (Twenty Seventeen, newly installed). I have no idea what causes this so I try to eliminate possible causes. As private person and not exactly an IT-expert I have some questions. The development bundle I use is version 1.8.5. I have downloaded version 12.1 now. Is it possible that this old bundle can be obsolete and MIGHT cause errors? If so, can I just FTP the
How Do I Fix MY Broken Timer
I am working on a tabata timer but as soon as I tried to put a "rounds" feature in it broke as well as the reset button. SOS. HELP. Below is my code: HTML <head> <!--outside libraries/functionality --> <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type="text/css"> <audio id="buzzer" src=></audio> </audio> <type="audio/mpeg"></audio> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script type="text/javascript"
Error message doesn't disappear when error occurred second time.
Having the flowing jQuery function: function ClusionSuccess(result) { if (result.success) { reloadById(); } else { $("#errMsg").text(result.errorMessage) .fadeIn('slow') .delay(3000) .fadeOut('slow') .queue(function () { $("#btnAddClusion").prop("disabled", false) }); } } So when the else statement is hit first time, the error message appears, stays 3 seconds, fade out
jquery custom thumbnails slider images not sliding?
Hello All, in my code the slider is not working for all resolutions, Mainly not working in mobile screens. I want that my thumbnails images should move like: http://preview.codecanyon.net/item/lightweight-ecommerce-product-jquery-plugin-ubislider/full_screen_preview/18707690 Example 1 | Horizontal Here is the code: jQuery(".ulwrp").css('width',(jQuery(".small-img-li li").length*jQuery(".small-img-li li").width())+50); var h= jQuery(window).height(); // New height var w = jQuery(window).width();
jQuery Plugin for Circular Text Problem !!!!!!!!
Hi I'm trying to set my text in circle form using "jquery.lettering.js" & "circletype.min.js".. here's my code : <html> <head> <title>Document sans nom</title> <link href="css/style.css" rel="stylesheet"> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.lettering.js"></script> <script type="text/javascript" src="js/circletype.min.js"></script> </head> <body> <div id="text"> Amal Ben Jannet </div> <script> $('#text').CircleType({position:
How to change image on dynamic checkboxes?
Hi, I'm new to JQuery and would really appreciate some help! I have dynamic checkboxes which has an icon and image on it (checkbox is hidden)... plcUserReq.Controls.Add(new LiteralControl(" <div data-toggle='buttons' style='margin-top:-3px'> <label class='btn' for='Lines' style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px'> <input type='checkbox' autocomplete='off' name='chkbx' value='" + UID.ToString() + "'id='chk'"+ UID.ToString() + i.ToString() +"/> <i class='btn
Shortening a block of code.
Is there a way of writing the code below in a shortened version? $(".radioButtScoreGrid").eq(n).find("input:lt(3)").prop("disabled", false); $(".radioButtScoreGrid").eq(n).find("input:lt(3)").prop("checked", false); $(".radioButtScoreGrid").eq(n).find("input:eq(4)").prop("disabled", false); $(".radioButtScoreGrid").eq(n).find("input:eq(4)").prop("checked", false); I was thinking of something along the lines of: $(".radioButtScoreGrid").eq(n).find("input:lt(3) && input:eq(4)").prop("disabled",
How to Enable nullable value check box in SSRS report loading by default
Hello All, I am working with SSRS reports in current project. I am new to this. So please help me to achieve this. in below screenshot https://www.dropbox.com/s/5dcr90jymtq4f0v/1.PNG?dl=0 when i click on submit, without giving second text box value(not mandatory parameter) it will redirecting to below url(screenshot) https://www.dropbox.com/s/w58fl7esnwyxuco/3.PNG?dl=0 but by default not mandatory value check box should be checked here. It's not happening here. this is my code block. prepareURL:
Facing Issue with selectmenu
I have fighting with this issue for a while. Dynamically creating a selectmenu object, displays strangely on both android and wp8. It shows up with two boxes - one inside another, with two select icons (attached screenshot). You can select from both the boxes and it ends up displaying separate values. Code snippet below: //----------------------------------------------------------------------- var l = document.createElement("select"); l.id = "alist"; l.setAttribute("data-native-menu","true"); l.setAttribute("data-mini","true");
Cannot get customized table sort to work
Hi, I'm using a bog-standard tablesorter (from http://tablesorter.com/ ) and I'm trying to sort on months using a custom parser: /* */ jQuery.tablesorter.addParser({ id: "mm", is: function (s) { return false; }, format: function (s) { return s.tolowercase().replace(/december/g ,12). replace(/november/g ,11). replace(/october/g ,10).
Change static data array to database query results in DataTables
Hello, I created a DataTables jQuery table that worked good using a static data array. But I now need to use database query results. I have little experience with javascript, I just need to get this one search page to work. Thanks so much for any help... ------------------------------------------------------------------------------------------------------------ <?php $connect = mysqli_connect("localhost", "user123X", "pass123X", "page_list"); $query ="SELECT * FROM page_list ORDER BY page_name";
selector instanceof jQuery，return itself
Can i do this, add a judge, when selector is instanceof jQuery，return identical. Will it cause some bug in some situation? Thanks for anyone reply. jQuery = function( selector, context ) { // add this return --> if(selector instanceof jQuery){ return selector; } // <-- return new jQuery.fn.init( selector, context ); },
use two link for tab
hi, I use jquery ui tabs I want use both event for tab. when hove tab nav show subtab.and when click on tab nav ,go to another link. for ex :
What does this mean?
I have been gone from JQuery for a long time and it seems now my mind is blank. I've inherited an app and it breaks on this line: var checkedRadioButtons = $('#form1 .rbl input:checked'); It says JavaScript runtime error: Object Expected I'm lost here. Can anyone tell me what may be going on?
Increase Accessibility of Datepicker Widget
Is it possible to add a role and aria-label to the div created on the popup calendar on the datepicker widget? I believe this is the correct division <div id="ui-datepicker-div" .... Something like this will work <div id="ui-datepicker-div" role="complementary" aria-label="JQuery Datepicker" ... When aria or HTML5 landmarks are used on the page, but not all content is included, an accessibility issue occurs. When using HTML5 or WAI-ARIA landmarks it is best practice to include all content
Resetting all dropdown lists inside a div
I am developing an ASP.net application that includes several modal popup forms. Each of these contains several textboxes, some hidden fields, some checkboxes and one or two dropdown lists, and before any of these popups are displayed, I need to clear any data that may have been previously entered into these controls. I have previously had a separate javascript function for clearing each of these popups which accessed each control by name and then set it to the desired default value. This works
jQuery autocomplete - how to prevent auto focus when minLength is zero
$("#test").autocomplete({ minLength: 0, source: availableTags, autoFocus: true, select: function (event, ui) { if (ui.item) { event.preventDefault(); $(this).val(ui.item.label); } }, focus: function (event, ui) { event.preventDefault(); if ($(this).val() == "" && !event.keyCode) { $('.ui-menu-item a').removeClass('ui-state-focus'); } else { //$(this).data("uiAutocomplete").menu.element.children().first().focus(); } } }).on("focus", function () { $(this).autocomplete("search", ""); });
Answer validation and no skipping questions (for Quiz)
I'm building a quiz and there are two functions I can't seem to work into the mostly complete code. I followed several tutorials and forums to put this together, and cant seem to work in what I need. If someone could point me in right direction? What it does now: 1. Allows questions to be skipped 2. Checks answers after the last question, and displays the question and correct answer at the end. What I'd like it to do: 1. Cannot proceed to next question without a selection (cannot leave radio empty)
What is required from the script, and webpage, to load a website - before showing any content?
Websites nowadays are loaded before they open. This is either done with a progress bar, or a logo that pulses and then reveals when the webpage is ready. My question is how do you 'load' a website. I have heard of Ajax Load and Barba.js but as I am starting out, these topics (Barba.js) are difficult to grasp. I just wanted to check that this was the way forward for such a thing. I did try Googling it, thinking someone would have asked that before, but all the results contain is just how to make
jQuery UI mobile comprehensive book
Hello there, Honestly speaking, I started web site creating at first by using PHP & Javascript, and AJAX, jQuery were for me unknown terrain and I left it behind my need and interest sphere. Later in my life arrived cell phones and tablets and regular web pages became old fashioned in many ways. I started to learn jQuery and made some useful web sites for my needs and needs of my work fellows. Also tried to implement responsive web pages but in many cases my work fellows use mobile devices and they
getting the id of "any" html element using jquery
i need the get the element of "any" html element which is unknown using Jquery. is it possible? i tried this `var currentId = $(this).attr('id');`
Dialog box with multiple buttons
Hi in my website i am using a vbscript like below to display message boxes execScript('n = msgbox("'+str+'","35")', "vbscript"); which will display a message box with two button 'Yes' and 'No', there is another line like below execScript('n = msgbox("'+str+'","4132")', "vbscript"); which will display message box with three buttons 'Yes','No' and 'Cancel' and we are using iframes in our website is there any jQuery plugin available for the above
How to loop scroll event
My question is probably very easy. How to loop this function? Now, scroll event works only once. I'm looking for solution how to enable else function (smooth scroll goes from red div to blue div) Here is js code: var o = true; if (o === true) { $('div').scroll(function () { if(o){ $('div').animate({ scrollTop: $("#red").offset().top }, 1000); o=false; } }); } else { $('div').scroll(function () { if(o === false ){ $('div').animate({ scrollTop: $("#blue").offset().top }, 1000); o=true; document.write(o);
Trigger JS ajax function in just one element with same class name as others?
Hello people, I've been getting crazier day after day with this, I hope I could get help. So, I have a php file inside a php while loop that makes that file repeat 6 times (let's call them divs)... And then I have an ajax call (JSON) function that I call every time I click a button of that file, but I get the ajax JSON render in the whole 6 divs, instead of rendering on each div only when I click it's button. $('.trigger_button_inside_divs').click(RUN_AJAX_FUNCTION); I manage everything with classes
Jquery licnese and download?
The following pertains to versions of JQuery: 1. To be able to use JQuery libraries, do I need to buy some kind of a license? If so, would point me to a link that will tell me where to purchase this license from? 2. I know that I can point to a https url to obtain various links to jquery logic. However, I am wondering if I can obtain the exact JQuery down file logic that I can include in my application? I am asking this question since I am assuming that the jquery link may become deprecated at some
How to fix jquery "appendTo:" issue?
I have created aspx page, this page has one jquery dialog and Homepage link button.Before open dialog link button(click) is working, after open and close dialog link button click is not working,no action. In the dialog box dropdownlist added, it shows text comments from server as per selected items. I have found the issue in the jquery dialog is "appendTo:", when i comment this line then link button click is working but dropdownlist action not working[again its reset to the original position]. I
is conditionally preventing the form submit event a race condition ?
I have the following submit code for my form: // Form submit code $('#gform_wrapper_1 form').submit(function(e){ var FormErrorFlag = false; $('.gform_body .form-error').remove(); objCheckFormInputs = { 1 : validateAlpha($('.gform_body > ul > li').eq(1).find('input').val()), 2 : validateAlpha($('.gform_body > ul > li').eq(2).find('input').val()), 3: isEmpty($('.gform_body > ul > li').eq(3).find('input').val()),
calender is not working
i m using below code to open calender but its not popup .let me share code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>MagicCity | Support</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="~/Content/css/style.css?v=1.1" rel="stylesheet" /> <link href="~/Content/css/coin-slider.css?v=1.1" rel="stylesheet" />
Am I in the right way to build a special ui plugin ?
Hello All, My purpose is to build a singular UI plugin for a commercial purpose. This is a simple bill manager. (with its display later) 1/ My datas description is like this : _product:{ name:"", price:0, quantity:0, taxId:"0" }, _taxRow:{ name:"notax", rate:1 }, _footer:{}, _defaults:function(){ return { bill: { taxRows:{"0":this._taxRow}, header:{ billID:"0", billDate:Date() }, rows:{'0':this._product}, footer:this._footer } } } 2/ Purposes : - Data defaults must not be changed by
JQuery Cycle Plugin reload page
I'm using JQuery Cycle Plugin with php and mysql, the fact is that I need to check the last slide to see if there are new images in the database or perform a reload page from the plugin
jQuery: Executes properly after second call
In this code: $('#modal-action-store').on('shown.bs.modal', function () {
if (wasclicked == 1) {
var items = "<option value='0'>-- Seleccione Distrito --</option>";
$('#DistrictID').html(items); The query defines the variable items and then it will try to assign that value to the #DistrictID element. The problem: The first time the modal window is opened the code does not execute properly. This happens, I think, because the code is executing when
How do you acheive a constant smooth mousewheel page scroll?
Hello there, I was wondering if someone could point me in the right direction. A lot of sites nowadays use this 'smooth scrolling' effect. When you Google this, to try and find out how to do it, you are left with how to scroll between A and B. Similar to the 'up' arrow that appears to scroll you to the top of the page. However these sites:- https://gwbi.org/education/ http://www.buildinamsterdam.com/case/see-buy-fly Use a constant smooth scroll. There has to be a plugin for such an effect but I have
Goggle voice typing not working in popup text box
JQuery Mobile 1.45, Samsung Galaxy S7, Android 7.0, Cordova 6.3.1 -- In my Cordova project Google voice typing works fine in a JQM text box or text area on a page, but not in a popup. Tapping a text box or text area in the JQM popup brings up the keyboard, but subsequently tapping the microphone key causes the popup to flash and the keyboard to recede. Normal typing into the popup text/ text area box works fine, but tapping the microphone causes the popup to disappear and reappear quickly and the
if screen size
I have the following code: $('ul.nav li ul').hide(); $('ul.nav > li').hover(function () { if ($(this).find('ul').length > 0) { $(this).find('ul').stop().slideDown('fast'); } },function () { if ($(this).find('ul').length > 0) { $(this).find('ul').stop().slideUp('fast'); } }); But i dont want it to execute if my screen size is below 560px, is there a way I can do this? I tried wrapping if ($(window).width()
Next Page