Cannot customize the error message
Hi, Using Jquery Validation plugin , I am trying to put a custom message but it doesn't work, It takes the default message "This field is required". Here is my Code: $(function() { $("#MainContainer").wrap("<form id='myForm'>"); $("#myForm").validate({ rules: { EmployeeName: "required" }, messages: { EmployeeName: "Please enter EmployeeName" }, }); });
TypeError: scroll is not a function
Hello, I am trying to implement a support widget (Freshdesk) on my site: http://www.reservesinsight.com. It doesn’t work with my Wordpress theme and it seems to be connected with the way one-page scrolling has been implemented. Note: I get it to work in other themes when I switch to for example Twenty Fifteen etc. In the browser Development Console I can see the following error when I click on the Freshdesk widget (the grey Support tab to the left of my website): TypeError: scroll is not a function
Using both dpDate and dpCompare class
watermark is custom jquery applied to the input box. I finally resolved my issue. Ended up not using classes in my fields and instead added the rules to the validate call. Works like a champ. I've assigned both of the above as classes on the both of my datepickers, however only the dpDate validation works. Not certain what I've got wrong with this. Any assistance would be appreciated. Below are the versions I'm working with. jQuery Validation Plugin 1.9.0 DatePicker Validation 1.0.1 Jquery 1.7.1
How do I add parameters to autocomplete call?
I currently use Autocomplete with Coldfusion to run a DB2 Stored procedure. The user starts to enter a part number and autocomplete returns a list of matching part numbers. This works fine but I now need to add a couple of parameters to the query and have no idea how to change the autocomplete call to achieve this. I will admit that while I think jQuery is brilliant but I find it all very confusing and don't understand it enough to go beyond very basic usage. Here's what I have now; In the page where
Chess like Gui
I have to build some GUI that is quit similar to a Chess game. The visitor drags and drops elements from the sidebar to some other place on the screen. Is there any Query plugin or a library available for that? Or some other way? Thx
Contact Form 7 validation issues on select2
Having the following code, got from the developer but she is unable to fix the select2 issue because she does not knows it. <script type="text/javascript"> jQuery(document).on('blur', 'input.wpcf7-validates-as-required,.select2-container .select2-selection--single', function(event){ empty = jQuery(this).val(); alert(empty); if(empty == '') { jQuery(this).addClass('wpcf7-not-valid'); } else { jQuery(this).removeClass('wpcf7-not-valid'); } }); </script> How can i add a select2 check in this check,
contextMenu not working on dynamically created html tags
after creating dynamic div with class name sourceText contextMenu does not appear. while working with already existing div with class name sourceText. $(".sourceText").contextMenu({ menuSelector: "#contextMenu", menuSelected: function (invokedOn, selectedMenu) { } });
Unable to drop the value to the jquery builder input value.
i am using jquery builder in my ember app. i m using jquery drag and drop function to drop the value to the input field . my drag nd drop functionality is working fine but once the value is dropped to the input field of the query builder and then upon saving i m getting this error "Cannot read property 'condition' of null". This eventually means that particular input field is not accepting the drpped value. how to fix this issue?? how to call the drop method from the jqery builder?? $('#buildQuery').on('dragleave',
SVG 3D Tag Cloud jQuery Plugin V2 Opacity Feature
Hi; I'm very new in html. I used a jqueryscript for my web site. I want that if it is possible that if the opacity is lower than 0.5, the link or the image is not clickable and even the cursor not interaction to the link or image. I mean here that the behind images should be seems as now but not clickable or not interactionable with the cursor. Thank you all. https://www.jqueryscript.net/text/3D-Interactive-SVG-Tag-Cloud-Plugin-With-jQuery-SVG-3D-Tag-Cloud.html
Jquery cloneYa
Hello, i am using the cloneya plugin in my form. As you can see, one click at the blue button and all the 5 rows with the input fields will be cloned. That works fine! But its very for me to send them via email. It looks like a very complicate array. Have someone an idea? Cheers Andi
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"
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";
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
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
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
Include Licensed Plugin in packaged software
Hello All, My name is Kunal and I am new to this forum. I would like to know if jQuery Licensed Plugins (e.g. blockUI) can be used in a packaged software. Any info will be of great help. Thanks in advance Kunal
How to replace .toggle function since deprecated with add/remove class and slide up/down of siblings?
Hi, I'm a beginner. I have this code who works fine but is pointed as deprecated by jQuery migrate. How can I change it? ! jQuery(".toggle_title").toggle( function(){ jQuery(this).addClass('toggle_active'); jQuery(this).siblings('.toggle_content').slideDown("fast"); }, function(){ jQuery(this).removeClass('toggle_active'); jQuery(this).siblings('.toggle_content').slideUp("fast"); } );Maybe something like this will
Stylize jQueryValidation errors
I have the following part of a form code: <div class="form-group"> <div class="input-group"> <input class="form-control" type="email" name="email" placeholder="Your e-mail"> <span class="input-group-addon"> <i class="glyphicon glyphicon-envelope"></i> </span> </div> </div> When there is some error the formatting of jQueryValidation messes up my layout. I needed the field error to appear in a specific place, so the design would not be compromised. Like that: <div class="form-group">
Jquery datepicker : changing the min and max date recursively
Hello All, I am trying to add multiple date pickers on the dynamically generated rows . It works fine if its just adding a row and selecting from and to date . But say for example if i have added all the rows i need and change either from date or to date, i would like to change the min and max dates recursively. My problem it doesn't seem to recognize the on change event in the function below Below is the code. $.datepicker.setDefaults({ defaultDate: '+2w', changeMonth: true,
boot strap and jquery problem conflicit
hello to every one , I am using theme from here http://all-free-download.com/…/magic_city_template_2087.html and integrated in mvc 4 . and using jtable plug in but i find error here Uncaught TypeError: $(...).jtable is not a function at GetFilter (DepartmentCreate:91) at HTMLInputElement.onclick (DepartmentCreate:177) any one help me
Install Final Countdown plugin on Angular 4
Can someone please tell me how to install JQuery Final Countdown on Angular 4. I've enabled allowJS and install the library via bower install jquery.countdown and I can see the folders in bower_components. .. Now what do I do? Import? declare var jquery ? I'm very new to JQuery. What is the easiest way to test if I've installed it correctly? (I've created the project using ionic cli so I don't have angular-cli.json)
replace undefined values in tablesorter with zero
Hi all, I am trying to replace undefined table values in tablesorter with zero. Can you please help me out on this. Thanks, Vinesh.
change @keyframe CSS dynamically
Then! I am new here. First topic and i need you help. Thank you to who can help-me. I am trying create a slideShow plugin for praticate same and stopped in a trouble. I have the below code: var arrayJson = { '0%' : { 'margin-left':'-0%'}, '33%' : { 'margin-left':'-0%'}, '38%' : { 'margin-left':'-100%'}, '66%' :{ 'margin-left':'-100%'}, '71%' : { 'margin-left':'-200%'}, 100%' : { 'margin-left':'-200%'}, } And i need change a keyframe css called slide: <styles> ....... @keyframe slide
BlockUI form problem in Safari
I have BlockUI implemented in a credit card form... it works great in every browser, except for Safari. The BlockUI doesn't pop up at all in Safari, and there are no errors in the console. I've researched this, and I've seen suggestions about setting a time out... that works half way... it seems to be walking a thin line by setting a random time on it... and then, it somehow is interfering with error messaging that appears on page reload if the credit card form was not filled out correctly... and
about jquery.on in jquery.treetable.js
Hi: I dive into jquery.treetable.js source codes recently, and find a question about the using of $.on(), $.off(). The code snippet is as following: JQuery Part: this.indenter.html(this.expander); target = settings.clickableNodeNames === true ? this.treeCell : this.expander; target.off("click.treetable").on("click.treetable", handler); target.off("keydown.treetable").on("keydown.treetable", function (e) { if (e.keyCode == 13) { handler.apply(this, [e]); //keycode 13 = Enter } });
tablesorter odd/even not working
Is there anything that I need to do to get the odd/even color to display? Isn't it automated? I have it in the css: table.tablesorter .even { background-color: #E1F7E6; border: none; } table.tablesorter .odd { background-color: #FFF; border: none; }
tablesorter parser img tag not working
I have a column that either has a checkmark image tag <img src=...> or nothing and want to sort on it, so I setup a parser but it is not working, any idea what I am doing wrong? $.tablesorter.addParser({ id: 'checkmark', is: function(s) { return false; }, format: function(s) { if (s.substring(1,5)=="<img") //also tried (s!="") return 1; else return 0; }, type: 'numeric' });
jquery.autocomplet.min.js
I am using jquery.autocomplete.min.js 1.4.3 in eclipse and tomcat environment. and jquery-3.2.1.min.js. I am getting the following error Line:8 Error: Unable to get property 'toLowerCase' of undefined or null reference If I execute the same program in eclipse but using STS I will the following Line:11 Error: Unable to get property 'replace' of undefined or null reference Any help is appreciated. TX
trouble getting tablesorter filter and reset working
Hi, have the following button <div class="bootstrap_buttons"> Reset filter : <button type="button" class="reset btn btn-primary" data-column="0" data-filter="">Reset filters</button> </div> with following script in the head <script> $(function () { // filter button demo code $('button.filter').click(function () { var col = $(this).data('column'), txt = $(this).data('filter');
update a jquery plugin
Hi, on one of websites I included a "php-plugin". This plugin uses jquery and jquery uses the jquery-plugin "jqplot". Now the "php-plugin" no longer works flawlessly. I simply downloaded a new version "jqplot" (i.e. 1.0.9...) . I renamed the new jqplot1.0.9 .., resulting from extracting the newly downloaded folder, to jqplot.1.0.8r1250. Of course that does not work correctly. Can you get me started on how to update "jqplot"-lib. Many Thanks! Thor
Like Dislike Increase in Wrong Order after Refreshing the Page
I am facing 3 Issues in Like/Dislike jquery plugin for comments. Table structure id - like - dislike - uid - comid Where (uid is session id) and (comid is comment's id from comments table) Like/Dislike Function is for logged in users, any user can like or dislike a comment. After liked or disliked user can unlike or remove disliked Now when i Click on Like/dislike button, it increases the number of likes or dislikes but 1 - If i click on like, it increase the number and update the database. but instead,
tablesorter filter wont work
Hi, I am trying to tablesorter filter in a table where sorting (with reset button) is working as well as paging & zebra. When I type a character into the search field of a column, nothing happens. Ive added the css for .tablesorter-filter.disabled {display:none;} Ive also added "filter" to widgets Was hoping to get any other ideas where I might be going wrong? Thanks in advance Todd
Tab rotation along with url link consists of pdf file scrolling down
Hi, How can I run jquery cycle plugin script into my computer for slide show. Thank you Is it possible for link that consists of pdf file , to scroll down in that file and to move on another website which consists of multiple tabs. Regards,
Validate 2 Validation if any one is valid then proceed
Respected Person! I would like to know about the jQuery Validation Plugin, that i want to validate 2 type of validation at the same time, such as 12345-1234567-1 1234512345671 If any of one these match then proceed. How can i do this. Thank you, Regards, Muhammad Naveed Haroon
Context menu in Iframe
I am displaying fancybox in an iframe . The iframe contains a HTML video which is built in easypano. The problem is that the Full Screen option in context menu does not make the iframe go full screen. I want to make the iframe go full screen. I am using image maps. Here is my code $(document).ready(function () { $('map > area.fancybox').click(function (e) { $.fancybox({ 'autoScale': true, 'title': this.title, 'type': 'iframe', 'href': this.href, }); // fancybox return false; }); });
About the usage of selector in jquery.dataTables.js
Hi: I meet a problem when reading the source codes in jquery.dataTables.js. I try to find out how this plugin add the pagination number and div to the table, and then I see something strange which rarely to see, the code snippet is as following: if ( btnDisplay !== null ) { node = $('<a>', { 'class': classes.sPageButton+' '+btnClass, 'aria-controls': settings.sTableId, 'aria-label': aria[ button ], 'data-dt-idx':
Please help with jquery.inview plugin with Ajax content
Jquery Inview plugin: https://github.com/zuk/jquery.inview/blob/master/jquery.inview.js When the link "Load more" is visible, the script should trigger this link that will call the file loadmore.php and more content will appear. It works. The problem is that dynamically loaded content also contains link "Load more" and the script doesn't trigger the new loaded link anymore. html <div id="cwall">content</div> <div id="more1" class="inview"><a class="morecom" id="1" href="#">Load more</a></div> script
Query slider plugin: CSS bezier transitions make it show the last slide on page load
I have made a very light and feature rich jQuery slider plugin. It has a slide left/right transition from one image to the next or previous. You can see the plugin in action HERE. It worked very well/as intended until I added bezier transitions to ul.slider for smoothness. Since then, on page load it shows the last image instead of the first. How can I avoid that? Also, even though the slider should loop (and it does, in the absence of the bezier transitions), it does not loop.
About the usage of jquery data() in treetable
Hi: I recently try to read source codes in jquery treetable in deep, and found some problems I don't know. here is the problem about the usage of jquery data, and the code snippet is following: init: function(options, force) { var settings; settings = $.extend({ branchAttr: "ttBranch", clickableNodeNames: false, column: 0, columnElType: "td", // i.e. 'td', 'th' or 'td,th' expandable: false, expanderTemplate: "<a href='#'> </a>",
Next Page