2018-10-22         Ethel

Default form submit behavior after jQuery forms.js ajaxSubmit executes

I'm using the jQuery Form Plugin to bind the submit events for two forms on the same page so that they are submitted to separate PHP scripts that return markup to separate divs on the page.One form refreshes the next. I use "live" so each form has its events re-bound when it is refreshed:$(document).ready(function() { /* Form 1 */ $('#frmSearch').live('submit', function() { $(this).ajaxSubmit({ target: '#divResults', url: 'search_div.php' }); return false; }); /* Form 2 */ $('#frmResults').live('submit', function(...

 jquery                     3 answers                     8 view
 2018-10-22         Tobey

jQuery plugin to show text sequentially

I'm triying to create a plugin that shows elements in screen sequencially, one after another, using FadeIn, FadeOut.The script is showing my elements at the same time, but I did call on, then, after fadeOut the next, on the callback. I don't know what's happening there.Foreach element in elements it fadesIn, wait, fadesOut and then pass to the next one. Any help? Any plugin that already exists to do something like this?live exampleEdited: sorry I forgot to paste the link:(function ($) {let sentences;let index;$.fn.talk = function () { sentences = this.find(".sentence"); ...

 jquery                     1 answers                     14 view
 2018-10-22         Clyde

Including jQuery into my typo3 extension issues

This question already has an answer here: Uncaught TypeError: jQuery(…).tablesorter is not a function 2 answers jquery is usally always loaded in backend modules, you can use $. The tablesorter plugin is however afaik not a default, you may need to load / register that one. You may find examples in the core, for instance the extension manager loads the datatables plugin.On view helper level, the inclusion of jQuery by default has been documented with https://docs.typo3.org/typo3c...

 jquery                     2 answers                     68 view
 2018-10-22         Blair

Difference between $('#id') and $("#'+"id"+'")

I'm trying to figure out the difference between $('#id1') and '@$("#' + "id1" + '")' var DA_input1 = $('#id1');var DA_input2 = '@$("#' + "id1" + '")';$("#test1").click(function(){ alert(DA_input1.val());});$("#test2").click(function(){ alert(DA_input2.val());});<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><input data-target="datable" id='id1' value="50"><br><button id="test1">test1</button><button id="test2">test1</button>// JQuery evaluation of a selectorvar DA_input1 = $('#id1');...

 jquery                     1 answers                     69 view
 2018-10-22         Keith

Toggle scroll class on all pages except one

Basically, I have a transparent nav bar which on scroll turns white and the logo changes from white to black. This works as it should, but my issue is that on one specific page I have (/toursearch) I am using a white background for my nav and would like to only show the black logo. But the scroll class is still being applied and causing me issues. So my questions is, how would I target all other pages except the tour search page? HTML<nav class="navbar navbar-expand-lg navbar-light bg-transparent"> <div class="container-fluid"> <button class="navbar...

 jquery                     1 answers                     71 view
 2018-10-22         Cyril

TYPO3 v8.7 JQuery included?

I updated my TYPO3 version from 6.2.31 to 8.7.19. Now there are some problems with JS/JQuery... I heard somewhere that JQuery is automatically included with the new TYPO3 version.Is that right?thanks in advance You need to be a bit more specific on this question: Yes, v8 delivers a jquery version. This is however usually thought to be used in backend modules and large parts of the overall backend rely on this.For frontend, it is often better to ship your own jquery version by for instance your site specifec extension to not introduce this dependency to the core jquery ve...

 jquery                     3 answers                     76 view
 2018-10-22         Alberta

Using DataTables with momentjs in Angular 6 gets fn.dataTable.moment is not a function

so I'm kinda frustraded since this issue seems so simple but yet i can't seem to fix it.I'm using a DataTable (which works fine) - now i want to make a column containing dates sortable by the german date format dd.MM.yyyy.I found the documentation on the datatables homepage: https://datatables.net/blog/2014-12-18But when i try to use the plugin it gives me this error:core.js:1673 ERROR TypeError: jquery__WEBPACK_IMPORTED_MODULE_4__.fn.dataTable.moment is not a function at help.component.ts:82 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke...

 jquery                     3 answers                     89 view
 2018-10-22         Octavia

Search column using AND rather than OR

I have some code to search a column for multiple entriestable1.columns(16).search(myValues.replace(/,/g, '|'),true,false).draw(); My question is how I'd change this to search for AND instead of ORSo if I had 3 cells with the following values:Advanced Car Driver,Advanced Motorcyclist,Armoured Land RoverAdvanced Car Driver,Advanced MotorcyclistAdvanced Car DriverIf my search string I passed through was Advanced Car Driver,Advanced Motorcyclist it would only bring back the first two cellsAlternatively if I searched just for Advanced Car Driver,Armoured Land Rover then it would...

 jquery                     2 answers                     37 view
 2018-10-22         Daphne

jQuery DataTables not working with Horizontal Scroll

Code sample $(document).ready(function () { $('#dataTables-example').DataTable({ "sScrollY": "200px", "sScrollX": "100%", "bScrollCollapse": true });});It showing like blow image https://i.stack.imgur.com/UwTNM.png the scroll property is in pixels and true or false as:$(document).ready(function () { $('#dataTables-example').DataTable({ "sScrollY": true, "sScrollX": true, "bScrollCollapse": true });});for more information read documentation datatables.net/reference/option/scrollX. [XXX]

 jquery                     1 answers                     38 view
 2018-10-22         Elaine

Custom class no work in input type checkbox after pagination DataTables

Well, I have a table, por example:<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="mytable"> <thead> <tr> <th>Título</th> <th>Data</th> <th>Delete</th> <th>Estatus</th> </tr> </thead> <tbody> <td> <tr>Title1</tr> <tr>Data1</tr> <tr><button class="btn btn-danger eliminar" id="785">Eliminar</butt...

 jquery                     1 answers                     40 view
 2018-10-22         Cheryl

Cannot wrap ASP.NET MVC table in DataTables grid

Vow for help from SOers,I currently create an ASP.NET MVC project, and lose my temper with wrapping the table in jQuery DataTables. For testing purposes I run standard MVC template with my DB attached (DB First approach). It successfully populates the table with data, but it does not provide jQuery DataTables fuctionality (even the basic one). The data from the other DB table, (WeaponTypeDescr column in WeaponTypes), is successfully uploaded in the table too. Both controller and view are created via scaffolding option for ItemType model, the table is supposed to run in Inde...

 jquery                     1 answers                     40 view
 2018-10-22         Paul

jQuery Daterangepicker trigger click to select the start date

I need a help for jQuery daterangepicker. I am trying to trigger a click and select the startDate while call the daterangepicker. and after that whille I will manually click on the future date it will be treated as enddate and set the daterange for the daterangepicker. But I am unable to do that.HTML-<html><head><title>Test datepicker</title><script type="text/javascript" src="assets/js/jquery.js"></script><link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /><script src="http://code.jq...

 jquery                     1 answers                     35 view
 2018-10-22         Troy

TimePicker inside kendoGrid

First of all I'm aware of this thread : datetimePicker Column in $("#grid").kendoGridBut there might be somothinh what I'm doing wrong.I'm getting data from api properly, so It's not an issue here.Here is my model : schema: { model: { fields: { shopID: "shopID", shpWorkingHourID: "shpWorkingHourID", scheduleDay: "scheduleDay", workStartHour: "workStartHour", workEndHour: "workEndHour", } ...

 jquery                     1 answers                     40 view
 2018-10-22         Regan

Jquery validation error message in checkbox validation

This question already has an answer here: Placing error message for a checkbox array 2 answers jQuery Validation plugin error message placement for radio button 2 answers I found a way to work around it. My checkbox name is 'single_service'. firstly i hide the label error message that created by validation plugin with simple css.label#single_service-error {display: none !important; }then i added invalidHandler...

 jquery                     1 answers                     44 view
 2018-10-22         Hiram

Add fields based on number (Jquery)

I am trying to add X fields according to the number type in the number field or so when the value increases.My template:<div class="form-group row"> <label for="inputEmail3" class="col-sm-10 col-form-label">{l s='Nombre de voyageurs' mod='blocksouhaits'}</label> <div class="col-sm-2"> <input type="number" class="form-control" id="nbVoyager"> </div></div><div class="form-group row"> <div class="col-sm-6"> <input type="text" class="form-control" id="lastnameVoyager" placeholder="Nom"> </div> <div...

 jquery                     1 answers                     46 view
 2018-10-22         Julia

Close Animation On Body Click

How can I close an animation when i press on body , not the element that make the animation appear/dissapear?$('#btt').click(function() { $('.box').slideToggle('slow');});.box { width: 200px; height: 300px; background-color: #00000025; display: none;}<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><button id="btt">PressIt</button><div class="box"></div>You need to do two things:Use slideUp() when the body is clickedStop propagating the click event when you click .box element so that the body cl...

 jquery                     1 answers                     44 view

Page 1 of 1337  |  Show More Pages:  Top Prev Next Last