Search the Wiki

Viewing 1 to 10 of 229 items

Make a link to cover an entire div

If you want a link to cover an entire div, an idea would be to create an empty <a> tag as the first child: <div class=”covered-div”> <a class=”cover-link” href=”/my-link”></a> <!– other content as usual –> </div> div.covered-div { position: relative; } a.cover-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } This  Full Article…

0

jQuery – Show and hide Div on scroll

If you have a div that sits at the bottom of a slideshow that you want to disappear when the user scrolls down, and then reappears when scrolls back to the top, you can follow the below example. <div> <div class=”a”> A </div> </div>​ $(window).scroll(function() { if ($(this).scrollTop() > 0) { $(‘.a’).fadeOut(); } else {  Full Article…

0

How to create X close button by using CSS

As a pure CSS solution for the close or ‘times’ symbol, you can use the ISO code with the content property. I often use this for :after or :before pseudo selectors. The content code is \00d7. Example div:after{ display: inline-block; content: “\00d7”; /* This will render the ‘X’ */ } You can then style and position  Full Article…

0

jQuery – How check or uncheck all checkbox

In this tutorial, we are going to see how to check or uncheck a group of checkboxes using jQuery. We can use this feature in various scenarios like selecting multiple records to perform database updates or delete. In this tutorial, we have a simple example with less code for obtaining this feature using jQuery. Form  Full Article…

0

Jquery – Get month text from date

You can use jQuery to generate the texts from date, month, or year. Here is an example: let date = new Date(2021, 06, 21); // 2021-06-21 let longMonth = date.toLocaleString(‘en-us’, { month: ‘long’ }); /* June */ let shortMonth = date.toLocaleString(‘en-us’, { month: ‘short’ }); /* Jun */ let narrowMonth = date.toLocaleString(‘en-us’, { month: ‘narrow’  Full Article…

0

Cloudflare – Enable maintenance mode with a static page

About a month ago Cloudflare announced the general availability of Cloudflare Workers, a new feature to complement the existing Cloudflare product offering which allows the execution of JavaScript at the edge of Cloudflare’s CDN prior to the request hitting your own web infrastructure. Cloudflare Workers runs JavaScript in the Google V8 engine developed for Chrome that can  Full Article…

0

HTACCESS – Redirecting a web directory to another directory

Redirecting within the same domain Using htaccess in your root level of your web server, how you redirect one page to another is: RewriteRule ^url-string-to-redirect$ http://www.yourdomain.com/your-new-url-string [R=301,L] Or Redirect 301 /path/to-old-url    http://www.cyourdomain.com/path/to-new-url To redirect the contents of a whole directory to another use the below: RewriteRule ^subdirectory/(.*)$ /anotherdirectory/$1 [R=301,NC,L] To redirect the contents of  Full Article…

0

WordPress – How to install and setup multiple sites

A WordPress Multisite network allows you to run and manage multiple WordPress sites or blogs from a single WordPress installation. It enables you to create new sites instantly and manage them using the same username and password. You can even allow other users to signup and create their own blogs on your domain. The WordPress multisite network  Full Article…

0