Spectrum Color Picker Change event
I'm trying to use the spectrum color picker 2. When I load the page I can click anywhere on the page outside the color picker and the color picker's change event fires. What's more it throws an error when I try to use color.toHexString() because the color is null. This happens even if I haven't clicked the color picker at all. I have the option: clickoutFiresChange set to false. If I can't fix this I can't use this color picker. How can I make it stop firing the change event every time I click anywhere
SweetAlert2 (Swal is not defined) How to solve?
When I click the button, no action is taken. On the "Console" I get the following message: "Uncaught ReferenceError: Swal is not defined". How to solve this, what is missing from my code? I have the following in HTML: <button type="button" class="btn btn-primary btn-icon-text float-right mt-4 ml-2" data-idfinancial="{$id_financial}" id="sendmensagem"> <i class="btn-icon-prepend" data-feather="mail"></i> Enviar E-mail </button> The JS script looks like this:
Getting undefined JSON error because of Stripe script?!
Hi everyone! I'm a bit lost... hope for your help. Here is my script.. nothing epic but works fine: <!-- Open Map Button - Locator --> <button id="openicon">Open Map 2</button> <br > <p id="example"></p> <!-- Open Map Script - Locator --> <script> jQuery(document).ready(function(){ jQuery("#openicon").click(function() { openLocator({width:'1024',height:'768',address:'torino',modView:'101'}); }); }); </script> <!-- Get JSON data from locator --> <script> if(window.addEventListener){
jqte
I need to set the centered align text as default for the Jqte editor (and not left as it is by default) and also to set a font size different from default. I have not found any option that allows me to do it, does anyone know if there is a way?
sweetalert2
I have Swal({ toast: true, title: 'Added to shopping bag', icon: 'success', animation: false, position: 'center', showConfirmButton: false, timer: 3000, timerProgressBar: true, didOpen: (toast) => { toast.addEventListener('mouseenter', Swal.stopTimer) toast.addEventListener('mouseleave', Swal.resumeTimer) } }) But it isn't showing the Icon or the moving bar at the bottom. Any idea what is wrong please or missing? The message shows ok and vanishes
Does jQuery Migrate eliminate jQuery XSS vulnerabilities?
I read the website below saying that jQuery Migrate restores the deprecated methods which older jQuery has. https://github.com/jquery/jquery-migrate Does jQuery Migrate eliminate jQuery XSS vulnerabilities while restoring them? For the countermeasure of XSS vulnerabilities, I need to upgrade the version from 1.11.3 to 3.5.1. If jQuery Migrate eliminates the XSS vulnerabilities, I do not need to fix deprecated methods and what I need to do is just set CDNs of jQuery and jQuery Migrate. It would be
Validate works too well
The goal for this project is to validate the email field is NOT including freemail (gmail, yahoo, outlook, etc etc) domain. I am stuck at this point on it though and any assistance would be great. Basically it errors on any domain telling me I need to use a business email address. This should only happen if they input one of the freemail addresses. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/additional-methods.js"></script>
Validate the field that has an earlier date
I'm using google translator. I have this script, which I use to validate the fields on a form. /****** Validate ******/ $("#form_garantia").validate({ rules: { nome: "required", telefone: "required", email: {required: true, email: true}, tipo_equipamento: "required", localizacao_equipamento: "required", data_ocorrencia_falha: "required",
ContextMenu how to build menu conditionally
I'm new to contextMenu. I'm trying to build a simple example using the example code below. My question is: how can I use JS code to conditionally allow or disallow a menu item? For example, if I didn't want the Delete menu item based on a JS variable, how would I code that? I tried adding an if statement in the menu but items: {} didn't like that. Thank you... $(function(){ $.contextMenu({ selector: '.context-menu-one', trigger: 'left', callback: function(key, options) { var m = "clicked: " + key;
jquery validation plugin - required = false NOT stopping validation of field
Hi Team, I have a complex form and mostly everything works as I intend (and understand). The final little problem occurs when I change the value of a pulldown menu and then expect the validation to behave differently for one field. the rule: evidence_uc: { required: function(element) { var ret = (catVal != 8 && catVal != 9); console.log(ret); return ret; }, min: 1 }, and the
jQuery Conflict With Fancybox 2.1.7 Script?
Hi all. I know that this is not really a jQuery issue but this is causing me some grief as I don't know how resolve this. Hopefully someone might know the answer. I am using Bootstrap 4 modal to launch a modal dialog using the following code: $("#myModalContent").modal('show'); Everything was working fine until I had to use another JS script called Fancybox 2.1.7. Now, everytime I try to launch the modal, I am getting the following error in the console. Uncaught TypeError: elem.setAttribute is not
table111.page(1).draw(true) is not working
hi, it works in first case but not in second , pls tel me why <table id="example" class="display" style="width:100%"> <thead> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </thead> <tbody> <tr> <td>Tiger Nixon</td> <td>System Architect</td>
[jqueryvalidation] How can I automatically remove the html tag
Good morning. I using the jquery plugin https://jqueryvalidation.org/ It was a bit diffculty to use it but I finally could. However, I am trying to find a way to automatically remove the HTML tage from a text field. In any cas, I will also do it from my MySQL qeuestion after, the user send the form, but when a user enter some things like this <a href="http://www.badwebsite.com">visite me</a> or some some paragraph like <p><br> I would to have to be automatically remove from the field. In other word,
tinymce dynamically change errors
Hey. I have rules for tinymce "required" and "minlength". The error of "minlength" it only works after clicking a submit button, it is not dinamically appeared as it works for "text" and "number". I would like to be able to show the error until the minimum length is reached. Can this be implemented? And if so, how to do it?
how to pass the value of frm and other parameter susing ajax and jquery?
hi im stuck here for many days please help me. i need to pass the value of selected ids into ajax . but my parameter is null but when i remove this part. the the ids has a value but my model parameter is null. i need to pass the value of both parameter var fileInput = $('#files'); var filename = fileInput.files[0].name formdata.append(filename, fileInput.files[0]); this is my full code. var table; $(function () { table = $('#Payable').DataTable({
Prevent error “jqXHR.status === 0” in ajaxForm
I hope someone can help me I'm using jQuery form (with its method "ajaxForm") to load documents into a form and get a progress bar. It seems to work very well, however with files above +20 MB, in the middle of the load it is very common to receive an error: "jqXHR.status === 0", network problems. At first I thought I had problems with my internet connection, but this never happens when I use a normal form (without jQuery form). Any idea how to fix it?
Specialinput jQuery Plugin
I am using a jQuery plugin (https://www.codehim.com/text-input/insert-special-characters-in-textbox-jquery/) to have an additional keyboard next to an input area as you see on the image. (It is deployed in h5p plugin, a quiz plugin) This way, by clicking this additional keyboard, one can type in special characters in French, Turkish etc. Here you can see what I'm talking about: https://fluentinturkish.com/dir/example-jquery The problem is when there are two input areas. if I click on the second
Validation Not Working For Multiple Fields in a Form
I have a simple test form with three fields. Two required, one not required, and one minimum length. I am using jquery validation unobtrusive with Bootstrap 4. The first field validates fine but the last field in the form is not validated at all and I am able to reach the submit handler with an invalid form. Please help. https://jsfiddle.net/ddelella/mL4a0hbv/3/
jqTree: Does anyone know how to make a category node editable?
jqTree looks great. However, one thing I would like is that the category name could be editable like in a windows category tree. Here is the jqTree url: jqTree Many thanks !!
Tablesorter: hide certain filter boxes when on mobile phones
Hi folks, I'm using jQuery's Tablesorter v-2.31.3. So essentially, I have a large table that doesn't quite fit nicely on mobile devices (too much columns of data). I've decided to hide columns using a CSS class I created "hideme" : <style> /* CSS Specific for phones, tablets, etc. */ @media only screen and (max-width: 767.98px){ .hidemeOnPhones { display: none; } } </style> I've added class="hidemeOnPhones" to all of my table's TD's and TH's I don't want showing up when viewing the page
Help with validation with "jquery validate"
Hello friends. I am denying with the validation with jquery validate to know if a user exists in the database at login. I am getting an "undefined" error, I don't know if the error will be in the json handling. I hope you can help me. This is the working link: https://pruebaswebcordoba.000webhostapp.com. For example, in the database there is an email called "usernamecordoba@gmail.com" and the idea is that it says on the screen that it exists if you type. html: <form method="post" name="myemailform"
Jstree show context menu conditionally
The code below shows my attempt to show a jstree context menu only at level 1. The menu shows at level one and the options work which is what I want. The menu does not show at level 2 which is what I want. But, after selecting a level 2 node, then selecting a level 1 node the menu options appear but do not 'fire'. Any help appreciated Fiddle: https://jsfiddle.net/NervousElk/4p5hqg0r/17/ document.getElementById("gobtn").addEventListener("click", buildtree); function buildtree() { $('#ttstafftree').jstree(
Please help to find this plugin
Hi, please check this site www.joomforest.com/updates they are using a table where you can sort the columns and search keywords in rows. i checked source and they are using jQuery everywhere, and i'm sure they are using some kind of plugin which does all of these things to table. i can't figure out which jQuery plugin they are using for it, please help thank you very much Florenco
jQUERY : FAMILY TREE
Dear Sir Find below link to creae Familty Tree. http://prajaktasoftware.com/marathetree/family_tree-master We can creates muliple wives and children I have 2 challenges 1. ) Create JSOn file as an output 2 ) Allow to edit instead of view pls psl help
display Image by width and height
hi. I am using jquery fullscreen. I want element to be full screen but The element is full width and not full height. How do I view this topic in full screen from a width and height? thanks
jqTree - Node Tooltip
Hi, I would like to handle nodes which have long labels in jqTree. One solution I am thinking about is to display a tooltip for each node. My first question is: is there an easy way to give a tooltip to a node ? I tried to add a "title" when creating the data, but that doesn't seem to have any effect: myDatat[x] = {name: "aName", id: "anID", title: "aTitle"} Then I found an example here: http://jsfiddle.net/depperm/ydtv2v11/, which I was able to reproduce with jQuery 3.x and jQuery UI 1.12. However,
HELP: problem with Jquery in wordpress blog
hello to all boys and girls, we have several issues with these codes and I can't fix it. The blog is made with wordpress. Can someone help me? the blog is agnelloesugo.it this is the error message: Revolution Slider Error: You have some jquery.js library include that comes after the revolution files js include. This includes make eliminates the revolution slider libraries, and make it not work. To fix it you can: 1. In the Slider Settings -> Troubleshooting set option: Put JS Includes To Body
JavaScript speechSynthesis Autoplay
I have tried to implement JavaScript speechSynthesis to play an audio on a page where there are no user interaction. I am accessing that page methods using ajax call. and onsuccess i would like to play audio output. But I understand Google Chrome prevents auto play of any audio and gives an error [Deprecation] speechSynthesis.speak() without user activation is no longer allowed since M71, around December 2018. See https://www.chromestatus.com/feature/5687444770914304 for more details function speaktext()
jquery.validation select option dropdown validation
Hello, I am utilizing the jquery.validation plugin. I am having problems trying to get a select option dropdown menu to show the success checkmark glyphicon on keyup (immediate positive feed back) like other inputs (all other input types work as expected). I would like for the validator to show the checkmarks as soon as a selection is made. The dropdown looks like the following; <li class="cc_expiration_box">
HTML Table to PDF export issues
Dear All, I am new to Scripting Languages. Need your valuable suggestions to resolve the issue. I am unable to export HTML Table to PDF using jQuery. Thanks, Siva.
jQuery Cycle plugin, can I make Crossfade Backgrounds in a div ?
I'm trying to use the jQuery plugin called "Cycle". Their site is here: jquery.malsup.com/cycle/ . What I need to do is an Crossfade of images for a Background in a div. I undertand that one cannot use Crossfades of background images tho there is some way to achieve this using a z-index. My Background image exists in a div so it's not the entire page. I tried to get it to work as shown on my codepen CodePen Background fade, Forked But it doesn't work. The Background image doesn't just stay
jQuery Colpicker help
I'm trying to use the jQuery Colpicker but am having trouble setting it to a color. I have a button click event (which is firing upon clicking) as shown below, but it doesn't change the color of the Colpicker. I'm probably over looking something simple. Thank you for any help. $("#buttonUpdate").click(function(){ $("#idcolors").val("#990000"); }); <input id="idcolors" type="text" value="#ff0000">
Nested Modals Zoom/Blurring. Issue with Closing Modals.
Hi all, I am trying to add some functionality to this setup. As you will see, it is an attempt to make a nested modal setup, that on every click on a modal link, it recedes and blurs everything behind the modal. I have managed to make it work, but I am trying to do two things: 1. make everything fade in and fade out. As of now, the background blurs and recedes slowly, but I would like to control the speed of the modal opening/closing. 2. make the ESC key close the modals. This is proven difficult,
Problem with jQuery Plugin For Handling Double Tap Event
Hi, I'm quite new in jquery and I'm building my website. I use an action on double click to toggle between images. In order to be able to do the same on mobile, I use the plugin : jQuery Plugin For Handling Double Tap Event, there : https://www.jqueryscript.net/mobile/jQuery-Plugin-For-Handling-Double-Tap-Event-doubleTap.html The double tap is well detected (I've test it with some window.alert message). But if I use the same code than in my dblclick function, it's not working. It's working like a
jquery conflict issue on my website
Hi friends I'm having a jquery plugin conflict problem I use on my website and can help codes not working?
Adding Search function to Isotope's "hideReveal" plugin
Hi all, I've adapted some code from Desandro's "hideReveal" plugin for Isotope: https://codepen.io/desandro/pen/drpJK/ But I am trying to add a search functionality to it, and I am having some trouble. Could someone help me out? Here's what I have! Thanks HTML: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js"></script> <div id="filters" class="button-group"> <button class="button is-checked" data-filter="*">show all</button> <button class="button"
jQuery Plugin For Customizable Tournament Brackets - Bracket
Hi All, Request you to kindly help me with making an ajax call to load data on change of combobox. I am using the plugin downloaded from "https://www.jqueryscript.net/chart-graph/jQuery-Plugin-For-Customizable-Tournament-Brackets-Bracket.html" I am able to see the data loaded using the below code. var singleElimination = {
"teams": [ // Matchups
["Team 1", "Team 2"], // First match
["Team 3", "Team 4"] // Second match
],
"results": [ // List of brackets (single
iFrameSizer.min.js error
Hi, I use IFrameResizer and after upgrading jQuery to V. 3.3.1 I get the following error: [iFrameSizer][Host page: import1] IFrame has not responded within 5 seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ingored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning. k @ iframeResizer.min.js j @ iframeResizer.min.js a @ iframeResizer.min.js setTimeout (async) k @ iframeResizer.min.js u @
Dropify insert image dinamically
I , sorry for english i have a materialize modal with a form in this form i have input and an image. With ajax and json i populate the input field but the image (get by db) isn't show . This is my code : $('.button_edit').click(function() { var csrfName = '<?php echo $this->security->get_csrf_token_name(); ?>'; var csrfHash = '<?php echo $this->security->get_csrf_hash(); ?>'; $id_cellar = $(this).attr('id'); $.ajax({ type: "POST",
how to add select2 , datepicker, timepicker in interactive pages
I have made an index page interactive using php & ajax but select2, datepicker, & timepicker only works on index page but not the content included on that page. Suppose i have 3 page. 1. Index Page - home page to be shown with modal in it and select2, datepicker & timepicker in working only in this page written model. 2. index Content- to be interactive (using ajax) whenever data is added or deleted. 3. modals - modals is being included in index content page but select2,
Next Page