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
Sending mails using jquery and AJAX
Good morning all... I am newbie in jquery ajax, And I want to send email using jquery ajax can anybody tell me how to achieve this?...
Can datepicker be colored and resized
I'm relatively new to jQ and I thought that animate might be able to do it but it doesn't work. Then I thought the calendar you see on the screen might actually be composed of parts that have to be named in color request but nothing is advertised in the APIs. Anyone with some thoughts by all means speak up
How to remove css pattern when window size is less than 800
Dear Sir Following web site link is for responsive website However due to typical pattern I need to use <div class='s-12 class768x447'> <div class='s-12 class832x641> <div class='s-12 class350x702'> instead of <div class='s-12 l-12'> when window size is less than equal to 800 i want to drop / remove class like class768x447 How can i Accomplish this please help
Jquery to fill Textarea using jquery textfill to its full height not working
Dear Sir Jquery to fill Textarea using jquery textfill to its full height not working Jquery <script src="http://www.prajaktasoftware.com/arh/jquery-textfill-master/jquery-textfill-master/source/jquery.textfill.min.js" ></script> I am referring to web page http://prajaktasoftware.com/arh/aboutus.php where in html part <div class="s-12 l-12 " style="padding-left:0px;" > <div class="s-12 l-12 " style="padding-right:10px;" > <div class="s-12 l-6 arhabout" align="center" style="padding-right:10px;"
How to populate a table with array - JQUERY
I'm doing a simple program that I save inside an array with the name "array" what is typed through an inputText after, click in "ADD", and after save into a database by PHP. When I show the array by the function "display_array, He shows normally in my P. function display_array() { //show in <p></p> $("#show").text(''); $.each(array,function(index,value) { $('#show').append(value + '<br/>'); }); //show in table $("#showTable").text(''); $.each(array,function(index,value) { $('#showTable').append(value
Developer tool show many errors : how to debug / resolve error
Dear Sir http://prajaktasoftware.com/arh/aboutus1.php i am trying to debug since textfill is not working i am getting following errors I donot understand how to settle these errors i am surprise to see Uncaught TypeError: $(...).textfill is not a function because of this the textfill is not working (fill text in div) Failed to load resource: the server responded with a status of 400 () shortcodes.css Failed to load resource: the server responded with a status of 404 (Not Found) settings-panel.css
how can I not processing the form If not all required fields have been filled in?
Hello, I have a form and I validate the form. This is required: at least one letter, at least one capital letter, at least one number, be at least 8 characters. I want to have if all is required is done then processing the form. But now if you type one letter and you click on the button then is the form processing. my question is: how can I not processing the form If not all required fields have been filled in? thanks in advance. the code is: $(document).ready(function(e) { $('input[type=password]').keyup(function(e)
table connected sortable clone tr
Hi I have two tables connected and sortable. 1) source table 2) target table Question is it possible to not only move a table row from table 1 to table 2 (so basically remove it from table 1 and add the row to table 2), but to only move a copy/clone of this row (so have the row in both tables after moving)? So the source table doesn't change but in the target table I can have multiple instances of the same row. Best Kermit
What javascript can I use to control the visible items in an html select element?
I have an html select element that, based on a value set elsewhere, is supposed to show one of two pairs of value. In one case, it should be "New" and "Assumed", and in the other "Existing" and "Organic Growth" So currently I'm creating it with all of them, like so: <tr> <td nowrap align="left" valign="top"> <font color="<%=Session("TextColor")%>" style="font: 8pt arial">Subcategory: </font> </td> <td nowrap align="left" valign="top"> <select name="subcategory" color="<%=Session("TextColor")%>"
Dialog Autoresize Bug
I have an application that uses a lot of dialogs to display forms etc. Works really well but I have one recurring issue with all the dialogs throughout the application. The dialog needs to auto resize to fit the content which changes based on user selection. This also works perfectly. However if the dialog is dragged then the auto resize functionality stops working which results in some of the content being hidden if content like extra form fields for example is added. I have tried turning off the
Help With Multiple Dialog Search Modals on one page.
<!-- PROGRAM MANAGER MODAL AND SCRIPT --> <div id="dialogSearch" title="Search Project Managers"> <input class="form-control input-sm" type="text" id="progManagerModal" /> <div class="input-group-addon"><a href="#" id="progManagerModalSearch"> <span class="glyphicon glyphicon-search"></span></a> </div> <div id="managerList"> <table id="managerGrid"></table> </div> </div> <!-- CURRENT PRODUCT MODAL AND SCRIPT --> <div id="dialogSearch" title="Search Current Products"> <input class="form-control
jQuery Mobile XSS Attacks Issue
Hi everyone, any solution found for the security issue presented here? http://www.securityweek.com/jquery-mobile-can-expose-websites-xss-attacks
How to generate hierarchy with generated div and <select> tag ?
I have to do some forms and generate div with them but that's not my problem here. Actually, I would like to know how create something like a hierarchy between this generated div, and the main actor will be the <select> tag. Here is an image of what I would like to have. For exemple when I create a chapter and I related it to the Book 1 I just generated before, then the chapter append inside the right "book" div. Or another example if I want to create a specific Line block. I want it in the right
Syncing toggle icons when collapsing / expanding multiple portlets at once
Not sure if this is the correct forum but I'm fairly new to JQuery so I think I'll fit right in. I've come pretty far with my coding but now I have encountered a problem I don't know how to solve and I have searched everywhere. Hope you can help. So, I have created multiple expandable and collapsible portlets with plus / minus icon toggles. When I collapse or expand portlets individually the icons toggle correctly. I have added two buttons that expand or collapse all portlets respectively - again
enable-search-feature-for-sharepoint-lookup - multple value
Hello, My requirement is to search multiple value in lookup column of SharePoint list. I am able to get help from below link for single value: http://wp.ahcheng.com/2015/12/06/enable-search-feature-for-sharepoint-lookup-table-single-value-only/#comment-2227 Tried checking : http://jqueryui.com/autocomplete/#multiple, also but unable to do changes for lookup column. Request you to help on this. Thanking you in advance. Regards, Jayashri
$(document).on('click') not working on IPAD...
Hi, sorry for my bad english.....i m a poor french guy... like i said in my subject, i've a web site in which i use : $(document).on('click','td.myClass',function(){ doSomething(); }); since few weeks, ipad users cannot use the function, every click event bind like this doesn t work for them.... i m looking for answers and i try this : $(document).on('click touchstart','td.myClass',function(){ doSomething(); }); but it still not work..... ps : i m using jquery 1.11 ps 2 : this problem
loop through checkboxes to enable/disable multiple inputs
Hello How can I loop through the following form : if I check each checkbox, I would like to enable ans disable multiple inputs matched with the checkbox. The form is created dynamically with a select from my database : <table> <tr> <td><input type="text" name="idRow[]" class="idRow" value=""></td><td><input type ="date" name="date[]" class="date" value = ""></td><td></td> <td><input type ="number" name="quantity[]" class="quantity" id="" value= "" /> UN</td> </tr> </table>
How can I move an element from one cell to the cell that I have highlighted?
@model CheckerBoard.Models.HomeModel <html> <head> <title>@Model.PageTitle</title> <link href="~/Styles/Home.css" rel="stylesheet" /> </head> <body> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script> <script src="~/Scripts/Home.js"></script> <div class="home"> <div class="board">
my plugin help
hey guys i've made a plugin for my site which allows the user to edit thier data ie. editable table as seen here: https://jsfiddle.net/dom484wo/ i have 2 problems problem 1. validation in line 251 i'm trying to apply validation to all input containing 'name', which is referring to the inputs that show in 1st column (name1, name2) $("input[name*='name']").rules("add", { required: true, messages: { required: "Name: Name is required." } }); $("#test-form").validate({
Why error although it was done?
Hi, I am using below to post a form to php in order to send email to the user. $.ajax( { type: "POST", url: 'https://www.softnames.com/Nabeel_Al_Hamer/send_message.php', data: formData, processData: false, contentType: false, }).done(function () { // done message }).fail(function (xhr, status, error) { console.log(xhr.statusText); console.log(status); console.log(error); }) why I keep getting error although was successfully sent? and all I get in the message is
Social Locker for Blogger
Hello Ppl =)) How are you? I need your help =\ I am trying to install a "social locker" on my blogger. It is a Jquery and I don't really know programming it but I've been searching for the last 4 days. It's that code: <link href='http://cdn.rawgit.com/menightfury/social-locker/master/style.css' rel='stylesheet'/> <script src='http://cdn.rawgit.com/menightfury/social-locker/master/script.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function($) {
Next Page