My input fields disappear!
I have the following form: 7 <form method="post" action="/register"> 8 <input type="email" name="EMA" required> 9 <button type="submit"</button> 10 </form> which I validate like this: 281 pricing.find('.SignUp form') 282 .ajaxForm(payment) 283 .validate({}); but when I enter "x" (invalid) into the e-mail field the system displays "Please enter a valid e-mail address" and destroys my input field (I'm no longer able to enter information because the field is no longer
How to make a custom map ??
Hey guys , good day , i need to make the followng map: I just taught i would ask here if somebody has done something similar before ? Or how do i go about doing this ?? I found this Plugin . But will i beable to make my custom map and also add my custom tooltip ?? Thank you. Gautam.
Jquery Tokeninput
Hi I am using Jquery TokenInput . I want to save values using Ajax in database. If multiple Tokens multiple records should be saved. <div class="form-group"> @Html.LabelFor(model => model.CategoryID, "CategoryID", htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.DropDownList("CategoryID", null, htmlAttributes: new { @class = "form-control" }) @Html.ValidationMessageFor(model
Atleast one Token is selected
Hi How to ensure that user must select atleast 1 Token in Jquery tokenInput. Thanks
Searching a Plugin or Code for sticky Navbar
Hello guys, i search a plugin or a code for a sticky navigationbar. I mean a navigation bar like this kenwheeler.github.io/slick/. I mean the navigation bar or menu bar at the top. I like the way it will move, when you scroll down, that the logo will placed at the left of the menu itself. I hope you can tell me, how this work, how i can use it or mabye a plugin with it will be possible! I' new at jQuery so I don't have a big knowledge about it. Best wishes, Daniel PS: I'm german, ask when you don't
Getting Tablesorter going (process confirmation for a newbie)
Hi, I am trying to get the Tablesorter JQuery UITheme Widget (Bootstrap v3.x) going https://mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html & just wanted to confirm the process. Is it just a point of 1. download code & place on website 2. reference code in head 3. give your table an id 4. copy javascript to page & change the tableid in the $("table").tablesorter({ For some reason, nothing is happening on any of the features (sort, page or filter) I did try the most basic tablesorter
Trying to find jquery plugin for portfolio
I'm a graphic designer trying to find a lightweight, responsive jquery plugin for a portfolio website (html/css, not Wordpress, no CMS). I'm unexperienced in this area, so trying to explain to a web developer what I want, is a little tricky when I don't know the terms. I've attached a simple illustration of what I'm trying to accomplish. The idea is a thumbnail portfolio of cases/assignments. When clicking on a thumbnail, the content/case is presented in an area opening up above the thumbnail area.
Is there a version of jquery.validate.min.js which supports IE 6?
I am looking for a IE6 supported jquery.validate.min.js . Please help.
Jquery Drag and Drop
HI, I Want to drop an item to all the cells of a table at a time not only the single cell, and make that item draggable and droppable in jquery.Please help on this.
Trying to print an image from Magnific popup using PrintArea
Hi, Is there anything to look out for when using PrintArea to print an image that is displayed from a Magnific Lightbox popup. My code is $(document).ready(function(){ $("#printButton").click(function(){ var mode = 'iframe'; //popup var close = mode == "popup"; var options = { mode : mode, popClose : close}; $("mfp-content").printArea( options ); }); }); When executing, print window appears but only header & footer information is appearing in the preview. Thanks
Tablesorter Themes
I am using the tablesorter theme ice on my table but the zebra row coloring and the sort column coloring aren't displaying. Any idea why or how I can fix it? Theme documentation here jQuery: 3.1.0 tablesorter: 2.27.6
Dynamic Table Tablesorter
I have a table that I am adding and removing rows. How can I update the sorter with the new rows? When I remove rows it adds them back, and when I add rows it won't always sort them correctly. Using Christian Bach's tablesorter plugin. Site: http://tablesorter.com/ Tablesorter version 2.0.5 jQuery version 3.10
jQuery nicescroll Breaking When Element Is Repositioned
I am working on a sidebar which has currently playing music at the top and a play queue below. The album artwork has a button to be able to resize the artwork to show more of the play queue. The play queue also has jQuery nicescroll; Calling jQuery nicescroll $('.playQ').niceScroll({ zindex: 1000000, cursorborder: "0px solid #ccc", cursorborderradius: "2px", cursorcolor: "#ddd", cursoropacitymin: 0.1 }); Album Cover Resize // Album Controls $(".cover .controls .scale").click(function() { if ($(this).parent().width()
Problems in displaying a page.
Hello Folks, Few days ago I have downloaded, from https://github.com/blueimp/jQuery-File-Upload/tags page, your JQuery File Upload Demo you have published at https://blueimp.github.io/jQuery-File-Upload/. I am not able to appropriate run the source file because, at first it does not displays glyphicons, and then, after clicked to “Add File” button and selected an image it returns without displays any preview. It’s been for two days now that I am getting mad to understand why without any result, so
HI
Below snippet how to make alert message on the input field when its in empty and unfilled <script type='text/javascript'> $.validator.addMethod("pan", function(value, element) { return this.optional(element) || /^[A-Z]{5}\d{4}[A-Z]{1}$/.test(value); }, "Invalid Pan Number"); $("#myform").validate({ rules: { "pan": {pan: true}, }, }); </script>
Tablesorter Re-initialize after destroy
On page load I initialize the tablesorter like so: $('#tableId').tablesorter({ // sort on the first column, order asc sortList: [[5,1]], cssDesc: "headerSortDownFan", cssAsc: "headerSortUpFan", cssInfoBlock : "tablesorter-no-sort", headers: { ".sortingDisabled": { sorter: false } }, // apply custom widget widgets: ['numbering'] });
blueimp gallery plugin not operating correctly
I have just finished developing a new website lyracus,co,uk and the blueimp gallery operates correctly in dreamweaver and when servered locally on win 10 iis server. When I upload it to the simplereg.com webserver rather than a single image being replaced one by one with the 4 images in the carousel, it displays as 4 image slots down the page and each image appears in its respective slot one by one at the end of the 4 second time interval. This one has me baffled as it works locally fine - any help
Dynamic Flipster CSS not rendering
I am using flipster carousel card in my application. When i bind the card values statically my card view is coming fine . When i dynamically get the values carousal classes are not getting generated. i am just getting a plane and spread cards. When giving the data manually to the tag , then the flipster is working fine. When passing the data dynamically to the using AJAX then the Flipster is not showing up. Is it possible to create the flipster dynamically? function getcard() { $.ajax({ type :
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
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
"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"
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() } } } },
[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
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
jquery.flexslider.js issues
Hi, I am having an issue with jquery.flexslider.js and cannot figure it out. It will load the div.big-date but not the item data on the right side. My site is www.mikewatsonband.com Any help would be greatly appreciated. Thanks, Mike
tablesorter plungin not working for dynamically created table
$(document).ready(function () { $('#dvTable1').tablesorter(); } $.getJSON("/Home/GetWONumberActivityEquipmentParts", { 'dateFrom': pData[0], 'dateTo': pData[1], 'deptName': deptName }, function (json) { for (var i = 0; i < json.length; i++) { tr = $('<tr />'); tr.append("<td>" + json[i].WNo + "</td>"); tr.append("<td>" + json[i].Division + "</td>"); tr.append("<td>" + json[i].ActivityName + "</td>"); tr.append("<td>" + json[i].EquipmentName + "</td>"); tr.append('</tr>'); $("#tbl1").append(tr);
Tablesorter 2.0: Sort a Multiple Decimal numeric String 19.0.31.3109
I am currently using the Tablesorter 2.0. I already have the default set up as... Code <script> // call the tablesorter plugin $(document).ready(function() { $("#myTable").tablesorter( { sortList: [[1,0]], }); } ); </script> End Code What I am trying to do now, sort a multiple decimal numeric string like 19.0.31.3109, 19.0.31.3107,19.0.31.3110, 19.0.31.3114 based on their order. It will not sort number and others and trying basically
Chunk upload using blueimp jquery plugin
I want to upload big files (2GB+) to my WebServer using blueimp jQuery Fileupload Plugin. I handle uploads serverside with a C# UploadHandler and the Handler works correctly with chunks. My question is, if i can get the total chunks and the index of the current chunk, which is being uploaded so i can determine when the handler should start merging the temp files. I could not find anything like this in the documentation of the plugin.
Impossible to close a popup (tested with many Windows PC and other android devices)
Dear jQuery from experts these dayes I bought a service called LeadTarget Pro : It works this way : I create a pop-up in this website using a simple interface : leadtarget.io the very first time I install the provided plugin in my wordpress website and using that plugin I copy-paste the script generated by the www.leadtarget.io account into my website (choosing in what pages I want the popup to be shown) THIS IS THE CODE THAT I COPY-PASTE , BUT POPUPS NEVER CLOSE!! <script type='text/javascript'>
Responsive Horizontal Page Scroll
Hi there, I have a really frustrating issue right now. Building my site in plain html, everything works fine with the combination of scripts I'm using - mostly (more on that in a minute). I started from a tutorial at Tympanus (Responsive Horizontal Page Scroll). However, the tutorial was written in 2012, and the demo files are fairly old. Ok, this was fine in the raw html version of things, but since I'm using Bootstrap as well, the old version of jquery wasn't compatible. If I only called the
PAGER ERROR BXSLIDER
I'm using bxslider to transition some images, scripts and embed, it paging the works to a certain point, after a few clicks it to. Follow the site, this occurs in the banners located in the header to the left side http://omnesweb.com.br/cenariomt
jqGrid Inline edit drop down slow and high CPU
I am now having a requirement that there are over 50 columns to be implemented as an inline edit grid. Each of them is a drop down, and some drop downs containing over hundred options. Under this situation, I find that when I select row the client PC will be on high CPU and the performance will be quite slow. Is there any way to optimize? Thank you for all help in advance.
Fancybox gallery problem with mixed media
I'm trying to add video to a picture gallery. They all have the same rel tag, but all of the pictures present as a gallery, and all of the videos in a separate gallery. When I add "fancybox.iframe" as a class to the <a...'s with video, I can get them all to present in a single gallery - but then my dimension constraints are ignored. Any ideas? Here's a working example, and here's the code. Thanks in advance... Dan www.59plymouth.net/lightboxes/fancybox3.html <html> <head> <link rel="stylesheet" type="text/css"
Transpose the table
I am new to jquery.. can anyone help me how to transpose the table using any plugin with example? Thanks in advance
How do I get suitable plugin?
Hi All, Hope all are well. I am not native English speaker so you may get problem in my English.I am newbie in web design and in this forum. For the last two months I am practicing html and css and making web pages. But having problem with jquery plugin. I know how to use plugin but the problem is with getting suitable plugin for each particular place i.e in my web pages. For example I need a carousel for this area (marked with red in image) but not understanding which particular carousel will
Help wanted with adding a tweak to combined jQuery codes
I’ve combined a jquery 'scroll' code with jquery 'slide toggle' code ( http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle ) The 'scroll' code slides a tab/bar horizontally across the web page, when the page is scrolled down. And when you 'click' the text on the tab/bar, the 'slide toggle' code makes a vertical 'drop-down section' appear, successfully, (and the vertical 'drop-down section' slides back up when you 'click' the text again). And when you scroll up the web page,
Edit/Delete Button row wise
Hi I am trying to display Edit & Delete Button nut it is not working $(document).ready(function () { $('#tblDesignat').DataTable({ "searching": true, "ordering": true, "pagingType": "full_numbers", "ajax": { url: "/Design/getDesign", type:"Get", }, "columns": [ { "data": "Id" }, { "data": "Name" }, {
How to do this JQuery Menu effect?
i want my website can add this function or copy this function. How to do this? When i mouse hit the photo. The photo will display some word. the photo below: the website address: http://activtek.eu/ Thank you very much for your help.
Is this a Custom Date Picker?
Does anyone know how to create a datepicker as seen in the photo? You can book a time a month in advance. As each day passes, it automatically adds another day in the future. It does not include Saturdays or Sundays. I need it to be exactly like this. Thanks! Colin
Next Page