https://www.riksoft.it/wikiriks/ 2026-05-15T09:29:54+00:00 https://www.riksoft.it/wikiriks/ https://www.riksoft.it/wikiriks/_media/wiki/logo.png text/html 2014-09-03T15:35:46+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.riksoft.it/wikiriks/jquery/datepicker-z-index-foreground How to bring Datepicker in the foreground with css z-index Sometimes it happens that the jQuery datepicker is close to another active element, e.g. a slideshow, and when it pops up it remains on a lower layer, partially or completly invisibile. I read several complicated js workaround about that, but the best solution is simpler than expected and can be found browsing the dom. text/html 2022-10-03T16:05:36+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.riksoft.it/wikiriks/jquery/paste-event-not-working jQuery paste event not working In this example I wanted to do somenthing every time the input value is changed by typing, pasting or set by code from another event. $('#foo [name="vid"]').on('change keyup paste', function(){ if($(this).val()){ //do something } }); text/html 2014-09-03T15:42:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.riksoft.it/wikiriks/jquery/resize-iframe-to-its-content Resize an iframe to its contents You have an iFrame and you want its height to automatically adapts to the size of the page in src. $("#myframe").load(function() { $(this).height($(this).contents().find("body").height() + 30 ); }); NB: the number 30 is an arbitrary number to add extra space text/html 2014-09-03T15:46:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.riksoft.it/wikiriks/jquery/select-ui-tab-by-id-and-index jQuery select UI tabs by id (and index) With the latest versions of jQuery is not not trivial to select a tab by ID as it was before. Previously you could use: $("#tabs").tabs("select", "#tab-1"); now is more difficult since that function has been deprecated and the ufficial method is only text/html 2014-08-29T12:15:36+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.riksoft.it/wikiriks/jquery/start jQuery Tips and tricks about jQuery toolkit. ---------- Table of contents jquery index text/html 2024-01-16T16:03:41+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.riksoft.it/wikiriks/jquery/swap-2-elements-at-any-distance-keeping-events jQuery: swap elements at any distance without losing events This function allows you to swap 2 elements in the DOM, in the same container, regardless of how many other elements are in between, and without losing the events attached to the swapped elements. It works in any direction, left to right, right to left, top to bottom, bottom to top, and mixed. Before getting to this solution I've done lots of experiments and I can state that nothing can beat this in simplicity. text/html 2014-09-03T15:49:33+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.riksoft.it/wikiriks/jquery/ui-tab-google-map-not-centered Google map pin not centered in ui tab Scenario You put a Google map into a jquery ui tab that is not the first one, and when you open that tab the Google Map is not centered on the point of interest. This happens because Google doesn't center the map until it is visible on screen. You can test it yourself: if you open the page and quickly go on the tab containing the map, the map will be centered. On the contrary, if you wait a few seconds before opening that tab, it remains uncentered. text/html 2014-12-24T11:59:01+00:00 Anonymous (anonymous@undisclosed.example.com) https://www.riksoft.it/wikiriks/jquery/ui-tab-google-map-not-shown Google MAP api V3 not shown into jQuery UI tab This solution will work forever. I've seen a lot of info about this problem, quite often very complicated and not working. The best solution is the easiest one: initializing the map only when it's to be shown.