jQuery

JavaScript function scope – going Global

April 21, 2024 The Compilator jQuery, Problem Fixer

In JavaScript, as in many other programming languages, variables have a scope – global or local / block. Functions also have a scope, if they

Adjusting PHP pages to work with full caching

January 24, 2022 The Compilator jQuery, PHP, Problem Fixer, Server

Caching web pages speeds-up dramatically the loading time. A ready, waiting cached version is served, no load on the server, no preparation, here it is!

Getting an entire HTML code of an element using element’s ID and outerHTML property

November 28, 2019 The Compilator jQuery

I needed a way to send an email to my site’s visitors with info already generated on screen. In my case it was a dynamically

Tracking protection and JavaScript errors

October 21, 2018 The Compilator jQuery, Problem Fixer

A few days ago I noticed redirect issues on one of our websites. Instead of opening a new window with a download form (with window.open

Print object content in JavaScript using an “alert”

August 2, 2018 The Compilator jQuery, Problem Fixer

A highly readable, indented output using:

alert(JSON.stringify(OBJECT_TO_OUTPUT, null, 5));

1	alert(JSON.stringify(OBJECT_TO_OUTPUT, null, 5));

Effects – Animate On Scroll (AOS), ColorBox, Responsive Tabs

July 22, 2018 The Compilator CSS, jQuery, Web Design

A great library for animating object appearance when scrolling to them: https://github.com/michalsnik/aos Important note – if the page has changed in its length (i.e. opening/closing

Stopping YouTube video when closing an overlay (modal/popup)

July 18, 2018 The Compilator jQuery, Problem Fixer

Sometime you want your videos to open in a nice overlay instead of a new window. There are many solutions for that (modals in BootStrap,

Ready function in JavaScript

February 27, 2018 The Compilator jQuery, Problem Fixer

jQuery users are happy, they have:

$( document ).ready

1	$( document ).ready

If you wish to have a vanilla JavaScript solution, this is the one I’m using:

Adjusting an iframe height automatically according to its content

December 14, 2017 The Compilator CSS, jQuery, Problem Fixer

I would always prefer to avoid using an iframe, but sometimes it is the easy / only way out of a technical mess. If the

Prevent default action from being triggered (form submission prevention or link popups)

September 20, 2016 The Compilator jQuery

When there’s a link that should open a window or do something different than it’s default behavior it’s best to add the javascript in an

Google chrome developer tools – searching in all sources (local sources)

April 5, 2016 The Compilator CSS, jQuery, Problem Fixer, Web Design

In order to search in all local sources (html,js) open the developers tools (F12), press Ctrl+Shift+F and search for whatever you need. Note that there

Delete Remove Unbind Turn-off attached event with jQuery

March 22, 2016 The Compilator jQuery

Adding the event:

$("body").mouseleave(showPop);

1	$("body").mouseleave(showPop);

Removing the event:

$("body").off("mouseleave");

1	$("body").off("mouseleave");

Event when mouse is leaving the browser screen

March 22, 2016 The Compilator jQuery

$("body").mouseleave(showPop);

1	$("body").mouseleave(showPop);

Seems to work with all browsers. User tries to use the toolbar or exit the page – kaboom, we have a message.

Forcing CSS / Javascript refresh – avoiding caching

March 14, 2016 The Compilator CSS, jQuery, Problem Fixer

When including the CSS or JavaScript files add a parameter to the end of the file:

<link rel="stylesheet" type="text/css" href="style.css?version=4122005" />

1	<link rel="stylesheet" type="text/css" href="style.css?version=4122005" />

If there’s a need to force refresh constantly

<div id=”mails” style=”margin-top:80px”>
<button name=”copy” title=”Select” >Select all</button><br/><br/>
<script>
jQuery.fn.selectText = function(){
var doc = document;
var element = this[0];
console.log(this, element);
if (doc.body.createTextRange) {
var range = document.body.createTextRange();
range.moveToElementText(element);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(element);
selection.removeAllRanges();
selection.addRange(range);
}
};

$(document).ready(function(){
$(“button”).click(function(){
$(“#mails”).selectText();
});
});
</script>

<button name=”copy” title=”Select” >Select all</button><br/><br/>

jQuery.fn.selectText = function(){

var doc = document;

var element = this[0];

console.log(this, element);

if (doc.body.createTextRange) {

var range = document.body.createTextRange();

range.moveToElementText(element);

range.select();

} else if (window.getSelection) {

var selection = window.getSelection();

var range = document.createRange();

range.selectNodeContents(element);

selection.removeAllRanges();

selection.addRange(range);

}

};

$(document).ready(function(){

$(“button”).click(function(){

$(“#mails”).selectText();

});

</script>