Explode Effect doesn't work with elements moved by margin
I took the original demo and added margin: 200px to the div - here it is. Why did the effect stop working?
How can I attach two different callbacks to one jQuery UI widget?
With custom jQuery Ui widget, you can attach your own callback functions to it by passing options to the plugin. However, if I want to attach one callback to "generate_img" event and later on another different but not mutually exclusive behaviour to the same widget event "generate_img", the later one will replace, instead of adding to the existing behaviour. Is there a way to solve this problem? Thanks.
Select option not toggling CSS properly..
I'm trying to change the css of different SVG polygons based on select options that target their classes, but the toggle isn't working properly. Here's the select element: <select id="option1" onchange="myfunctionA(this,event)"> <option SELECTED VALUE="gray">Option 1</option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> </select> And the jquery code that almost works is: $(document).ready(function(){
"Uncaught TypeError: base is not a constructor" with custom download
Hey, I have create a custom download http://jqueryui.com/download/#!version=1.12.1&components=111100010101000010100010110010001000000000000000 /*! jQuery UI - v1.12.1 - 2017-03-13 * http://jqueryui.com * Includes: widget.js, position.js, data.js, disable-selection.js, keycode.js, scroll-parent.js, unique-id.js, widgets/sortable.js, widgets/autocomplete.js, widgets/datepicker.js, widgets/menu.js, widgets/mouse.js, widgets/slider.js, effect.js * Copyright jQuery Foundation and other contributors; Licensed
How to select last child that is even number except for second?
How can I select the last child of a div that is an even number and for this to apply to all last children except if the last child also happens to be the second of its type? if ($this.is(':last-child')) {
$this.addClass('end');
$("<div class='clearfix'></div>").insertBefore(this);
}
job schedule
I have a job schedule that is two weeks längd. I want to make Sempel html page with a datapicker and three labels LABEL1 view selected DatePicker week No label2 view selected DatePicker day name lable3 show selected DatePicker if I work that day or I'm off. LABEL3 has 14 different cases: case1 label3.text = "work" // Monday 1 Case2 label3.text = "off" // Tuesday 1 Case3 label3.text = "off" // Wednesday 1 case4 label3.text = "work" // Thursday 1 case5 label3.text = "work" // Friday 1 case6 label3.text
Jquery datepicker different colors BeforeShowDay
down vote favorite Hello, I have a question about the BeforeShowDay function. I have 2 types of data. Once red and yellow. I would like both to be marked in the calendar on a specific date. Only the date "yellow" is displayed and this works as well. How can I extend the function, that red and yellow are displayed. A date, which either in Array eventDatesyellow and eventDatesred should stay grey (-->default). Here is my Script: <script type="text/javascript"> $(function() { var eventDatesyellow =
where i can get "jqnav.js" file.
which makes me to allow use this, class="navbox navbox2" Quick reply please
Keep original url for pushstate
I use the following function: $( document ).ajaxComplete(function() { var currenturl = window.location.href; var decodedUri = decodeURIComponent(currenturl); var decodedUri2 =decodedUri.replace("&manufacturer[]=","/").replace("&page=","/").replace("&sort=","/").replace("&order=","/"); history.pushState("", "", decodedUri2); }); I need somehow at each ajax completion to change original url and not previously changed url through pushState. With the function above at first ajax completion pushState
How do I present a summary page after user has completed his/her form?
Greetings experts, I hope this is the correct forum for this question. I have a code that dynamically creates additional table rows. What is unique about this is that it has several Add More Rows buttons that it makes it extremely difficult to present summary page for the user. Per our requirements, once user completes filling out the boxes, s/he needs to be presented with summary page to review data entered. If everything goes well, user submits records to the database. If not, user goes back, makes
Jstree load partial page after button click. Not working
I'm working with Jstree to load partial page, here is JSFiddle I want to transfer checkbox states to a php page, and get the output to be loaded into the "second" div. But nothing displayed there, and got error# 0. Please help me find the problems, thanks
Jquery Deferred
Hi, I have below snippet that uses promise. Could someone help me how can i convert this into jquery deferred ? Do not want to use promise, instead want to use $.Deferred(). Any help would be appreciated? return new Promise(function(resolve, reject) { if (!self.CheckCustomerAccount(accountNumber)) { reject(self._handleError(self._createError(null, "INVALID_account_number", self.messages.invalidAccount))); } else { if (DEBUG)
Connect to DocumentDB using JQuery
Hi, Is there any way to connect directly to DocumentDB from JQuery or it can only be through a web service call? Thanks, Jassim
jquery autocomplete - Render Item contains space Issue
Hi All, I am using below jquery autocomplete plugin <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> I have around 3 autocomplete functionality in a page. Every works perfectly except of items which returns spaces like words( "abc
wait for multiple $.ajax calls with post load animations to finish
I had a function that called a few $.ajax posts using $.when which was working, but since I added some load delay animations to the success return of the $.ajax asyn call it isn't waiting for those in the $.when <script> function tableOne() { $.ajax({ url: "/cont/_ActionOne", type: "GET", }) .done(function (partialViewResult) { var degree = 90; $(".type1").css("transform", "rotateY("
jQuery mobile, range slider and slidestop event
Good day, I was trying for a while to get the slidestop event to fire with HTML code like so: <label for="tempslider">Temperature</label> <input type="range" name="tempslider" id="tempslider" value="95" min="90" max="135" /> and JS like: $("#tempslider").on("slidestop", function(event) {console.log("temp value stop at " + $(this).val() );});But it simply would not fire. Finally I found a sample code snippet that used a variation of 'on' which attached to a parent object, like so:
jQuery mobile used into Bootstrap 4 template won't work properly
Hello, I use jQuery Mobile v1.4.5 into Bootstrap 4 the "offcanvas" template example. Here is the page i'm working on : http://s529471052.onlinehome.fr/1.2/sensors/sensors8.html It looks jquery mobile is not getting my small table responsive, the table reflow won't work. Would you please tell what is wrong ? I'm newbie with jquery and really don't know how i could fix it.
How can I disable jquery animations on smaller screens ie mobile phones.
Hi all, I have some jQuery animations running on my application but don't want them displaying on smaller screen ie mobiles. How can I disable jquery animations on smaller screens. If anyone can point me in the right direction it will be greatly appreciated. Tony
Do jQuery objects stored in a local variable cause detached dom nodes
From my understanding, any memory allocated for a local variable is released at the end of the function. The only time this memory release does not occur (and a detached DOM node or memory leak occurs) is when that variable is referenced in a closure created within that local scope, and not properly nulled out inside the closure. For example, the variable detached below (source - https://developer.chrome.com/devtools/docs/heap-profiling-dom-leaks): function start() { var p = document.getElementById("p");
jQuery Mobile sites who pass render-blocking JavaScript & CSS in above-the-fold content tests
You know any? Below are several prominent jQuery Mobile sites that fail: Here's some that fail: https://developers.google.com/speed/pagespeed/insights/?url=http://www.menshealth.com/ https://developers.google.com/speed/pagespeed/insights/?url=http://www.cbssports.com/ https://developers.google.com/speed/pagespeed/insights/?url=http://streaming-unlimited.com/ Here's sites which may use jQuery Mobile: https://publicwww.com/websites/%22ajax.googleapis.com%2Fajax%2Flibs%2Fjquerymobile%2F1.4.5%2Fjquery.mobile.min.js%22/
Fixed! Need help w/ toggling anchor + button
How can i make a jQuery script that toggles visibility of a div and at the same time toggles anchor text of a button? function toggle(user_id) { e = document.getElementById('toggleUserinfo_' + user_id); a = document.getElementById('displayUserinfo_' + user_id); if (e.style.display == 'block') { e.style.display = 'none'; a.innerHTML = ‘Open'; } else { e.style.display = 'block'; a.innerHTML = ‘Close'; } } I tried to search for it and came up with the following.
Slick slider - getting rid of the horizontal scrollbar
Hi, I created an example to use Slick slider here: Slick Slider Example It works, but it shows the horizontal scrollbar and I can't find how to fix it. Could you please help me to get rid of the horizontal scrollbar? Thanks
Help with jquery sorable
Hi I have the following code to manually sort a table using jquery. It is working OK. I just want to add some code that will write the "revised" order to a variable "DMCORDER" so that I can commit it to the database after the full form is completed. Would anyone be kind enough to show me how to do this please? Many thanks in advance. Regards Mark code = var fixHelperModified = function(e, tr) { var $originals = tr.children(); var $helper = tr.clone(); $helper.children().each(function(idxPOS)
Confused over simplest of things....
Relatively new to jquery and confused over a simple thing here; I am developing a single html file multi page webapp. I have a number of 'pages' defined using data-role="page" and an id, each with a header and footer. I have buttons inside and can navigate between them using buttons with; <a href="#menu" data-role="button">Home</a> What I am trying to figure out is how to go to a page without using a button - following some event. I started to use .mobile.changePage("#menu"); which seemed to work
How to disable mouse and keyboard during a program load.
Hi, in my application I would like to implement a function that disable all functions during a program load. I mean, when I have a ajax request to execute a php program, I need to disable the mouse and the keyboard so the user can not click on menu bar, or on link, etc. This is my ajax request $.ajax({ type: 'POST', url: "file.php", data: {a:arg1, b:arg2}, beforeSend: function(xhr){ /* disable mouse and
Some guidance needed for MinicartJS Plugin code modification ---
Hi there, This is about a jquery based plugin I'm trying to use in amy application. It's the minicartJS which helps in a nice UI experience in e-commerce application plus some cool features for payment gateway interaction. Now' I've got the files necessary, the css and the js minified. If you would visit the main page itself www.minicartjs.com you would see the basic sample they've put up for reference. The 3 boxes each have 'add to cart' and the last one a 'view cart' thing to see the cart summary.
How to force vertical scrollbar on UI dialog
Is it possible, and how, to force the vertical scrollbar to always show even if the content is smaller than the dialog size? The reason for this is that the content is often a DataTable with search, while searching, as soon as the content is less than the window size the scrollbar disappears and the content shifts in size. I'd like to stop this happening by always showing the vertical scrollbar. I've checked the dialog options and there doesn't appear to be one to set the scrollbars always on. Thanks
DatePicker
I am using the datepicker. I have two questions. I could not find the answers in the documentation.Or the answers are there and I didn't recognize it as such. 1. is it possible to allow the user the option to type in the date if they don't want to select from the calendar? they want to be able to either type in the date or select it from the calendar. 2. when the calendar displays, the word "today" is gray-out - disabled. is this normal? I am a bit confused at its purpose - to click on it and
Fullscreen overlay navigation
Hey jQuery community, I'am would like to implement one of the hamburger icon's from the link below. https://jonsuh.com/hamburgers/ Now i implement the hamburger icon, but i have problems to set the script for the fullscreen overlay correctly. You can see my resaults at www.spotz.de My target should be soemthing like that https://codepen.io/PaulVanO/pen/XJYGNQ Many thanks in advance! Mr T
Absolutely Position a Cloned Element in jQuery
Hi I'm trying to absolutely position a cloned div with jQuery. When I add CSS to the cloned element with the .css() method it only moves the text (even if I copy all of parent element's CSS into this object). I have a fiddle here : https://jsfiddle.net/emilychews/xuup6va1/3/ If you click on the blue div it creates a clone. I've also put the code below for quick reference. HTML: <div id="wrapper"> <div id="testdiv"> <h1>I am a div</h1> <p>with a blue background</p> </div> </div> CSS: #wrapper
dpDiv error in datepicker
I want datepicker to always forced to open down. so that i have added inst.dpDiv.css to beforeshowDay but its saying "Uncaught TypeError: Cannot read property 'dpDiv' of undefined" in console. I am using jUI 1.12.1 and Jquery 2.2.3 version.https://jsfiddle.net/x6Lfb9sc/1/
Escaping ' and " in jquery
Hi, I'm trying to append the following to a div but having issues due to multiple ' and ". Here's what I want to append: <?php echo do_shortcode( '[add_to_cart id="35"]' ); ?> Script i'm using: $('.rpt_features_0').append('<?php echo do_shortcode( '[add_to_cart id="35"]' ); ?>'); I know there's a way of escaping the quotes, just cannot figure it out... I've tried adding \: $('.rpt_features_0').append('<?php echo do_shortcode( \'[add_to_cart id="35"]\' ); ?>'); But doesn't work... what am I doing
I need to make image slider by jquery as below
I need to make design to image slider by jquery but i cannot do it so that if possible how to make image slider as below Description as you see below in image I have 5 circle with 5 images Every image represent one circle There are small circles when image moved to next image circle be orange to next circle and if not press on circle to select specific image slider automatic slide image without i select any image and moved between circles with orange color so that how to do image slider as above
Prevent jQuery from jumping to the bottom (when using fadeIn)
I've created some divs fading in with jQuery, I have a problem if the user scrolls a bit down though. If you are not at the top of the page, it will always jump to the bottom when a new div fades in. Here's my code: <style> #overflowwrap { overflow:hidden !important; } </style> <div style="height:20px">header stuff</div> <div id="overflowwrap"> <div id="five" style="display:none;">a lot of content 5</div> <div id="four" style="display:none;">a lot of content 4</div> <div id="three" style="display:none;">a
jQuery tabs and loading pages
Hello - I am new at jQeury and am using the tab and datepicker. I have several tab and one page contains the datepicker which is the default tab. It will display the calendar when it is the first time the menu.php is displayed. Thereafter, if I click on a different tab and then click on the datepicker tab (called search) the datepicker will not display unless I click on the browser refresh button. The datepicker page works fine by itself, i.e. not called by tab page so I know that page is functioning
Starting jquery ui
Hi, I have a very basic question. I am building a website from scratch and am having trouble getting query ui to work, I have a script.js file where I have been putting all other query. But the query ui code hasn't been working. I just wondered which of the external files should I link to from the download?
How to check if ASP:TextBox control has value
Hi, i want check some TextBox control if they have value do some addition else do assignment, i used the jquery script below it didn't work for me if ($('#<%=TextBox797.ClientID%>').val() != "" && $('#<%=TextBox797.ClientID%>').val() >= 0) { document.getElementById('<%=TextBox797.ClientID%>').value = parseInt(document.getElementById('<%=TextBox797.ClientID%>').value) + parseInt(document.getElementById('<%=TextBox651.ClientID%>').value); } else {
How jQuery website looks on a vertical display.
Hello, i was trying vertical display (Ctrl+Alt+Left), and saw this icon overlap with text in the download button. Thought i should inform, not because it is a serious issue, but because its interesting.
Passing Variables from PHP/MySQL - jQuery Best Practices
On our WordPress site, I have created a page to: (a) search our extensive database (via a mysql query in php) for particular strings ($search and $search2) using two search boxes with and/or radio buttons, (b) return a two-column table (columns: DATE and EVENT) where one and/or another of the strings is found in the EVENT column, (c) paginate the results when they exceed 100 rows, with one-click navigation to the additional pages, and (d) highlight the found strings in yellow using the mark.js jQuery
Hola, problema con galeria
Estoy usando Una galeria Que descargué de su Página. Aparecen las Imágenes en cuadraditos pequeños en La Página Web y cuando se Hace clic Sobre Ellos, la imagen se agranda con un marco blanco y fondo negro, Pero El problema es Que la imagen se agranda en su Tamaño original, y querría Que se agrandara un Máximo del ancho de la pantalla del Dispositivo en El Que se Visualiza. Esta Es La Galería: * JQuery Smooth Scroll Plugin v1.4.5 * Fecha: Dom Mar 11 18:17:42 EDT 2012 * Requiere: jQuery v1.3 + Si
Next Page