organigramme drag and drop jquery
hello I am looking for a plugin simlair to that jsfiddle thx
Issue Adding Buttons With jQuery DataTables
Hi - I am using this extension https://datatables.net and I think...I have added all the needed js statements and all the code to add buttons. However, when I render my page the buttons are not there. Can someone take a look at this and tell me what I am missing? [code] <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script> <script type="text/javascript" charset="utf8" script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"</script>
Simple form validation error - Returns error . $(...).valid is not a function
hi guys I am trying to get a simple form validation and added my jquery scripts to my asp.net core razor pages. But getting an error what is wrong here <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Personals - Xaxx</title> <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.css" /> <link href="/lib/xxxx/css/main.css" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-3.2.1.min.js"
Autocomplete not working in iframe only in IE 11 - works in Chrome
I am working on an old MVC application that is having problems displaying an @Html.DropDownListFor that has 15,000 rows in IE 11. I replaced the DopDownList with the jQuery autocomplete and it works great in the application. The problem is that the application is also displayed in another web page in the organization in an iframe. The old DropDownList worked fine in the iframe, but since I replaced it with the autocomplete, it wont work. When text is typed in the autocomplete, nothing happens. I
Slideshow with thumbnail grid and support for images and youtube video
Can anyone recommend a slideshow plugin that supports both images and embedded youtube videos. I need something that will look like the below mockup when you click on a thumbnail the image or video is loaded in the larger preview window. The images that would be used are variable sizes so ideally think it would need to use a container possibly utltising CSS background-size:cover to get a decent coverage of each thumbnail whilst keeping everything uniform in the thumbnails grid.
Change calendar language
Hello friend I really need to change the language of my panel but I've spent hours trying and I can not. Can someone please help? fullcalendar.js https://drive.google.com/open?id=1xktFUmkxgbzxLwVnCdZOFlsyHmmccPvW Page that loads calendar manage_holiday.php https://drive.google.com/open?id=1IL7eNKh1c7h_qQNGbzgC0zLB-HgvB3Ya
Uncaught (in promise) null with invisible recaptcha V2
HTML: <form method="POST" name="contact" class="formContact" id="formContact"> <div class="col-md-12"> <h1><label class="col-md-12"><?php echo $this->lang->line('index_contact_contact'); ?></label></h1> </div> <div class="col-md-12"></div> <label class="col-md-4">*<?php echo $this->lang->line('index_contact_name'); ?>:</label> <div class="col-md-8"> <input type="text" name="naam" class="form-control" placeholder="<?php echo $this->lang->line('index_contact_yname');
jquery blueimp fileupload issue - uploaded file being overwritten by subsequent upload?
Hi Team, I have been working on a fileupload solution which should allow up to 3 files to be uploaded per button. I use an imported javascript file, and a bootstrap modal window to manage the user interface. It has taken me quite a long time to sort it all out, and just as I near the finishing post I am hit with this issue i.e. it looks like each uploaded file overwrites the previous one in my "uploads" folder. I have a feeling its something simple but I cannot deduce what combination of options,
focus event not working for select2 search text box?
I have a website that uses select2 and jquery 3.3.1. When opening a select2 dropdown, the search-textbox receives the focus so that it's easy to start searching. On mobile devices, this is annoying because it makes the virtual keyboard popup. A workaround I found is the following: $(document).ready(function () { window.select2typing = false; $(document).on("focus", ".select2-search__field", function () { if (window.select2typing == false)
same popover shwoing every time
i have two popover need to open i.e two different (not and review ) but it showing same when i click on it <div class="col-lg-1">
<i class="ShowToolTip popper fa fa-eye LabTaskClass28 LabTaskClassforShowHideCol77" data-placement="left"><span class="close-popover float-right text-danger "></span></i>
<div class="popover_title" style="display: none">
<h6>No task result for note<span class="close-popover float-right text-danger"><i class="fa fa-times"></i></span></h6>
jquery validate - how to validate hidden input value
Hi Team, I have read a lot of posts about this and tried most without success. The docs suggest the ignore directive defaults to ":hidden", but I have tried "", [] and various :not:hidden settings without success. I have a complex form and as part of the form I have a section for uploading images. To keep track of this requirement I write the number of successful uploads to a hidden input as follows: <input type="hidden" name="evidence_uc" id="evidence_uc" value=""> The upload is controlled with
Problem in select 2 library for select item
I using select2 but I have a problem For example in select box I have two items and i set selected attribute for second item When page loaded I look at the select box, the value of the first item is displayed But when I open select box the second item selected What is problem?
video time update events
Hi please note this is designed for touch screen devices only at the moment although it should work with your mousewheel. I've successfully gotten a nice video scrubbing action going here: (please note you have to swipe the screen or roll the mouse wheel to activate) http://www.mediaflash.ca/swipe_video_timeline/index.html this relies on scroll position to scrub the video timeline. At the time update we see the animation event occur. (divs animate and are displayed) however I cannot figure out how
autocomplete separated words
I have an autocomplete input with an array of elements with the following format citi-state, for example miami-florida Id like to permit the user to find the city and state in different orders, for ecample: miami fl florida mi How do I configure the autocomplete for this? Thanks a lot, Programador Ari
Autocomplete jquery inputToken with PHP
Hi, I try to use the plugin "inputToken" but I cannot display the result list returned by the concerned research. You can find the HTML code below : <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8" /> <meta name="description" content="website"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Website</title> </head> <body> <form action="#" method="post" role="form"> <div> <label for="collaborators">Collaborateurs</label>
jquery block blockUI cdl ?
block/block is a very useful plugin. is there a cdn available for block/blockUI plugin? or is github used as the cdn? also, is this plugin actively maintained? it appears there has been no activity for a few years.
Get Post Data from Jquery Multidatespicker
This is a very basic question. I don't know how to get the post data from the jquery multidatespicker. When I submit the page I want to echo back the post variables but I don't see how they're sent with jquery.
globalize is undefined
I am relatively new to C# MVC 4 development, but a long term web developer. I am currently working on a project that needs to perform date validation based upon Australian date formats. I have jQuery 3.3.1, jQuery Validation (Jorn Zaefferer), jQuery Validation Globalize (John Reilly) 1.1.0. Scripts are loaded in the following order: <script src="/Scripts/modernizr-2.8.3.js"></script> <script src="/Scripts/jquery-3.3.1.js"></script> <script src="/Scripts/bootstrap.js"></script> <script src="/Scripts/bootstrap-datepicker.min.js"></script>
Binding of tablesorter in easytabs not working for several tables.
I would like to have one tableSorter per tab in the content. Binding is only possible for one tab. In the other tabs, the table is hidden when using tablesorter. Here the tables without tableSorter in Fiddle. and here my try with tableSorter: fiddle (with tableSorter) What is wrong in the script and to do that tableSorter working for every tab. I do not get any error message or hint in the console.
Using JQuery Validation along with Jquery Repeater
Hello, My name is Burhanuddin, I am trying to create a form that save Sales Invoices to the database. I am using JQuery Repeater Plugin to enable me to have dynamic number of rows for the number of products in every Sale Invoice. On the other hand, i am also successfully using Jquery Validation Plugin to enable me to check via Ajax if the invoice is already entered or not. My Task now is to setup an Ajax Check which checks if the product being sold is in stock or not, if not i should be able to display
Angular 7 - jQuery.Deferred exception: jquery__WEBPACK_IMPORTED_MODULE_5__.blockUI is not a function
Hi, BlockUI don't works with Angular 7? My component: import * as $ from 'jquery'; ngOnInit() { $(document).ready(function() { $.blockUI(); }); } My angular.json: "scripts": [ "node_modules/jquery/dist/jquery.min.js", "node_modules/jquery-blockui/jquery.blockUI.js", "node_modules/bootstrap/dist/js/bootstrap.js", "node_modules/chart.js/dist/Chart.js" ] My dependences: "jquery": "^3.3.1", "jquery-blockui": "^2.7.0", Error message: jQuery.Deferred exception: jquery__WEBPACK_IMPORTED_MODULE_5__.blockUI
How to compare and highlight difference between two HTML tables using jQuery/JavaScript
Hi, I have a requirement to compare two HTML DIV differences. I am trying to figure out a way to see if i can compare the HTML table cells and highlight the difference in the second div, comparing with data from from first Div. I'm not sure if there is plug-in to achieve this. I have tried with a sample code on jsFiddle to compare First and Second Div content with Default Div content. But failed. Please assist. (It should highlight differences like shown here: http://jsfiddle.net/01pfcy2s/) but this
auto complete is not working
please find below code here is the error CreateTopic:70 Uncaught TypeError: $(...).autocomplete is not a function at HTMLDocument.<anonymous> (CreateTopic:70) at j (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min.js:2) at Function.ready (jquery.min.js:2) at HTMLDocument.J (jquery.min.js:2) @{ ViewBag.Title = "CreateTopic"; } @*https://uigradients.com/#LightOrange*@ <html> <head> <title>MyCSS - No Master Layout</title> @*</script>*@ <script
$.tmpl render html as string
Hi All, I have below snippet of code, expecting to have html page render anchor element whereas it shows as string value. what am I missing, please help me. var lineStartTemplate = $.template('<div class="line"> <span class="name">${name}</span></div>'); var wfDocName='<a href="#" onclick="javascript: viewWfDoc(\'' + clientReq.relatedContentID + '\'); return false">' + documentName + '</a>'; var tItem = {name : wfDocName}; var value1 = $.tmpl(lineStartTemplate, tItem); container.append(value1[0].innerHTML);
table sorter / Jan - Dec
Please help, my table is still sorting a-z, I would like to sort Jan - Dec my parser: $.tablesorter.addParser({ id: 'monthYear', is: function(s) { return false; }, format: function(s) { var date = s.match(/^(\w{3})[ ](\d{4})$/); var m = date ? date[1] + ' 1 ' || '' : ''; var y = date && date[2] ? date[2] || '' : ''; return new Date(m + y).getTime() || ''; }, type: 'Numeric' }); my call: $('table.tablesorter').tablesorter({ headers:
autocomplete
I am having problems with autocomplete. All the suggestions are coming out as one line. Eg ANOTHERTESTTEST instead of ANOTHER TEST the Test underneath. This is in company.php to get the selection if (trim($Msg) == "") { $term = StrippedChars($_GET['term']); $sqlstring = "SELECT * FROM companies where name like '%" . $term . "%'"; if (!($result = @ mysqli_query($connection, $sqlstring))) { $Msg = "An
Autocomplete hidden a part of response
Hi , sorry for english thi is a part of my function to get response of autocomplete : $arr_result[] = $row->comune.' ('.$row->sigla.') <span style="display:none;"> ['.$row->id.']<span>'; echo json_encode($arr_result); in my input field i want hide the value in the span but the response is : Alzano Lombardo (BG) <span style="display:none;"> [1934]<span> HOw can
Autocomplete source file
Hello, I am trying to add the Autocomplete feature to my website. It works fine if I list my data right after the "source:" tag like below, $( "#tags" ).autocomplete({ source: ["Item 1", "Item 2"] But I would like to use a local file as the data source. When I put the same data in a local file and put the file name as the source as in the example below, the autocomplete does not work. $( "#tags" ).autocomplete({ source: "data.php" Can anyone help me with my problem? Thanks, Todd
Anyone know about any circle progress type of plugins?
Hey, I am looking for plugin that can do show circle step progress but like a slider: Thanks!
Slick Slider plugin issue
Hi All, I am facing the white space issue at the end of the last slide in slick slider carousel. It would be great if anyone could help me on this. Thanks in advance.
Which plugin to do graphic bar
HI , which plugin can i use to create bar as attacched pic ?
Select2 not validating with jquery-validate plugin on Jquery 3.3.1
I'm working on a project that requires me to use all the latest release of the jquery. Issue is in my form i'm validating a select2 multiselect input and this validation is working on jquery 2.2.4. but somehow in jquery 3.3.1 thats not working. i'm using following code to ignore hidden inputs of select2 inputs and as i said its working on jquery 2.2.4 HTML <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
jquery validation plugin - strange required behaviour
Hi Team, I have a form with several optional input fields. I would like them to be validated IF they have a value. In my rules I define code as follows: row: { required: { depends: function(element) { if ($("#row").val() != '') { return true; } else {
Create a Repeating Event with fullCalendar
I have a full calendar which current can show single events on the Calendar. I need to change it so when a customer select either weekly, monthly or yearly from a dropdown, the Calendar display for the whole period selected. So if weekly is selected, based on the Start date and End date with the End date for the Series, show everything on the Calendar. Attached find jsfiddle to my code. Any help will be appreciated. Repeating Events in fullCalendar
jQuery Multi Nested Lists Plugin
Hi , sorry for english , i find this plugin , https://www.jqueryscript.net/demo/Animated-Tree-View-Plugin-For-jQuery-Bootstrap-3-MultiNestedLists/ there is a way to set which node are open and which ar closed on document load?
Error: Cannot read property 'addMethod' using jQuery Validation
No one was able to solve this on Stackoverflow.. https://stackoverflow.com/questions/54384682/using-only-one-jquery-validation-script-that-also-supports-addmethod Error: Cannot read property 'addMethod....https://forum.jquery.com/topic/validator-addmethod-not-recognized **What is the ONE verision that supports both jQuery validation AND the addMethod?** It can be done like this fiddle http://jsfiddle.net/ryleyb/cc9yxt2a/ Anyway, here is my "working" code (works except it does not detect only letters):
geocomplete zoom not working
I have this code $(function(){ $("#geocomplete").geocomplete({ map: ".map_canvas", mapOptions: { zoom: 25 }, details: "form ", markerOptions: { draggable: true }, }); $("#geocomplete").bind("geocode:dragged", function(event, latLng){ $("input[name=lat]").val(latLng.lat()); $("input[name=lng]").val(latLng.lng()); $("#lat]").val(latLng.lat());
Search in Datatablejquery
I wrote the following code. How can I when I click on "div" in the first column(Name) if a name equal to "aaa" then a message show up? I uploaded the code in OneDrive. Here you are: Datatablejquery
Spectrum color picker
Hi, I am using Spectrum color picker plugin from @bgrins in a dialog I create on the fly. My issue is I cannot detect the Spectrum mouse out event when color picker is open. Any idea how to detect mouse out event when color picker is open ?
How to replace native validation with custom validation
I'm already up and running with a custom validation rule, but something odd is going on. First I'll show my code. Here's my input element: <table> <tr> <td class="colLeft"> <label asp-for="Email" class="control-label"></label> <input asp-for="Email" class="form-control" /> </td> <td class="colRight"> <span asp-validation-for="Email" class="text-danger Email"></span> </td> </tr> And
Next Page