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
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" />
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()
IOS ipad and iphone jumping bug when focused on input (due to keyboard popingup)
Hey guys i have made the following demo here. basically when a user clicks on the input , the entire form goes out of view , this happens as the keyboard popups up , i have checked SO and other sites for solutions , and currently have the following solution applied in the live site: $('form input').on('focusin focus', function(e) { $this = $(this); $('html , body').animate({ scrollTop: ($this.offset().top / 2) }, 0); }); ofcourse this works perfectly if applied on the desktop
Responsive in dialogbox
Hi all, from jquery I use thee dialog box (https://jqueryui.com/dialog/) inside the dialog box I want to show a div tag, which has a table inside. This div is organized responsively. The script "https://github.com/smasala/responsive-tables-js“ takes care for that. Without the dialog box it is responsible, ie. the script works. In the box it does not work. The table cells are not display vertically if the browser window is dragged thin. Sorry for the bad English. In other words the responsive effect
is this possible to get authorisation code by JavaScript??
I am using third party tool which will interact with Box enterprise account and there is no configuration are available to configure redirect URL. For this, first time when my app will try to access account it will be redirected to Box page. Box finally redirects user to my redirected URL after acceptin user credentials. This redirected URL will have a authorization code. is this possible to get authorization code by Javascript?? Below is how i am trying to authorising: https://account.box.com/api/oauth2/authorize?response_type=code&client_id=33232323&redirect_uri=https:0.0.0.0&state=authentication
i have drag and drop issues .
i have successfully perform the drag and drop on navbar and button now i want to drag and drop exactly with same code by doing some adjustment i tried to do some changes but unable to do so please check my fiddle http://jsfiddle.net/Yousuf_007/5gntLmdo/
How to dynamically change the value of a slider?
I have a page that has been dynamically created that contains a mobile slider. After this page has been dynamically created, I am loading Ajax data and wish to update the slider position before the page is displayed. How can this be done? The slider was created as follows: <input type="range" name="cvote" id="cvote" value="0" min="0" max="10" /> I've tried: $(#cvote).val("3"); $(cvote).slider('refresh'); Above does not work. Suggestions?
isotope error on page load
I've been searching high and low and there is still no answer for this. I building an isotope, and i want to show 'artwork' tab on page load, but it's not working. sample URL: http://test.melvintee.com/testing.html Code: $(document).ready(function () { $grid.isotope({ filter: '.artwork' }); }); filter by artwork is not working on page load. you can view my source, the code above i already insert. Can anyone give me an advice? Thanks
Chang Tab to open on hover
I'm editing a website someone else created and they simply want to change the navigation (which is using Tabs form Jquery UI) from click to open and close to open on hover and close on hover. When I try to just add event: 'mouseover' it is really jerky and if you slide back and forth in the right spot 2 or 3 drop down menus stay open at once. Is there an easy way to make these menus open and close on hover instead of click to open and click to close? (I've attached an image, the 2 menus can be seen)
End of month a new date calculate
Hi, If the first date, for example, is 27/11/2017 (dtmmaa), the new calculated date (DTSCADX) must give me 30/11/2022. Currently the new date (DTSCADX) me since 27/11/2022. Thanks: <script type="text/javascript"> $(function() { $('.dtmmaa').datepicker({ monthNames: ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'], startView: "months", format: 'dd/mm/yyyy', language: "it", todayHighlight: true,
converting jquery 1.3 to current 3.0 version
I have a VB.net 2010 web form application that currently uses the following versions of jquery: <script src="../scripts/jquery-1.3.2.js" type="text/javascript"></script> <script src="../scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> <script src="../scripts/jquery-1.3.2.js" type="text/javascript"></script> <script src="../scripts/site.js" type="text/javascript"></script> I see from the jquery forum, that I can use converters from the following download location: https://jquery.com/download/ to
Need help coding for Jquery result
Not sure if this is the correct forum for my question, if not please recomend where to go. I need to have the “city” result from the web address https://freegeoip.net/json/ post in my website when a visitor lands on my landing page. Below is the JQuery/javascript and html I am attempting to use with no luck. I am using wordpress with Generatepress theme. Note: Below javascript code is being place in the first block of the footer section. <script> $(document).ready(function(){ $.get("https://freegeoip.net/json/",
Croppie + PHP
I have an image cropping code made by the Croppie plugin, but I can not send the image through php to a certain folder. Can someone with more experience in jQuery help me with my code? Project in: https://codepen.io/pen/qVyoYq -- Atenciosamente Juscelino Barão
Next Page