From 2c96ce7cc1ae361b9b4c31efaa0cafeb83904718 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Thu, 28 Dec 2017 23:33:21 +0200 Subject: [PATCH 1/4] Added show/hide snippets --- snippets/hide.md | 13 +++++++++++++ snippets/show.md | 13 +++++++++++++ tag_database | 2 ++ 3 files changed, 28 insertions(+) create mode 100644 snippets/hide.md create mode 100644 snippets/show.md diff --git a/snippets/hide.md b/snippets/hide.md new file mode 100644 index 000000000..e8024ddb9 --- /dev/null +++ b/snippets/hide.md @@ -0,0 +1,13 @@ +### hide + +Hides all the elements specified. + +Use the spread operator (`...`) and `Array.forEach()` to apply `display: none` to each element specified. + +```js +const hide = (...el) => [...el].forEach(e => e.style.display = 'none'); +``` + +```js +hide(document.querySelector('img')); // Hides all elements on the page +``` diff --git a/snippets/show.md b/snippets/show.md new file mode 100644 index 000000000..c5b4e439b --- /dev/null +++ b/snippets/show.md @@ -0,0 +1,13 @@ +### show + +Shows all the elements specified. + +Use the spread operator (`...`) and `Array.forEach()` to clear the `display` property for each element specified. + +```js +const show = (...el) => [...el].forEach(e => e.style.display = ''); +``` + +```js +show(document.querySelector('img')); // Shows all elements on the page +``` diff --git a/tag_database b/tag_database index f170f51d9..f3f640e9c 100644 --- a/tag_database +++ b/tag_database @@ -56,6 +56,7 @@ groupBy:array hammingDistance:math head:array hexToRGB:utility +hide:browser httpsRedirect:browser initial:array initialize2DArray:array @@ -111,6 +112,7 @@ scrollToTop:browser sdbm:utility select:object shallowClone:object +show:browser shuffle:array similarity:array sleep:function From 1215889c11cc87d793ec14db049f5961f827aea9 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Fri, 29 Dec 2017 00:01:19 +0200 Subject: [PATCH 2/4] Update hide.md --- snippets/hide.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/snippets/hide.md b/snippets/hide.md index e8024ddb9..b19486df4 100644 --- a/snippets/hide.md +++ b/snippets/hide.md @@ -9,5 +9,5 @@ const hide = (...el) => [...el].forEach(e => e.style.display = 'none'); ``` ```js -hide(document.querySelector('img')); // Hides all elements on the page +hide(document.querySelectorAll('img')); // Hides all elements on the page ``` From 644cd9a983a137bca97e65c50b4a25f1cef9d461 Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Fri, 29 Dec 2017 00:01:28 +0200 Subject: [PATCH 3/4] Update show.md --- snippets/show.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/snippets/show.md b/snippets/show.md index c5b4e439b..2e2302d19 100644 --- a/snippets/show.md +++ b/snippets/show.md @@ -9,5 +9,5 @@ const show = (...el) => [...el].forEach(e => e.style.display = ''); ``` ```js -show(document.querySelector('img')); // Shows all elements on the page +show(document.querySelectorAll('img')); // Shows all elements on the page ``` From c3725284e2e215aef6950ddbb01c71d3107747c8 Mon Sep 17 00:00:00 2001 From: Travis CI Date: Thu, 28 Dec 2017 22:11:31 +0000 Subject: [PATCH 4/4] Travis build: 452 --- README.md | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ docs/index.html | 16 ++++++++++++++++ snippets/hide.md | 2 +- snippets/show.md | 2 +- 4 files changed, 66 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 46f01c489..bfaf1e8bc 100644 --- a/README.md +++ b/README.md @@ -91,9 +91,11 @@ * [`elementIsVisibleInViewport`](#elementisvisibleinviewport) * [`getScrollPosition`](#getscrollposition) * [`getURLParameters`](#geturlparameters) +* [`hide`](#hide) * [`httpsRedirect`](#httpsredirect) * [`redirect`](#redirect) * [`scrollToTop`](#scrolltotop) +* [`show`](#show) @@ -1762,6 +1764,29 @@ getURLParameters('http://url.com/page?name=Adam&surname=Smith'); // {name: 'Adam [⬆ Back to top](#table-of-contents) +### hide + +Hides all the elements specified. + +Use the spread operator (`...`) and `Array.forEach()` to apply `display: none` to each element specified. + +```js +const hide = (...el) => [...el].forEach(e => (e.style.display = 'none')); +``` + +
+Examples + +```js +hide(document.querySelectorAll('img')); // Hides all elements on the page +``` + +
+ + +[⬆ Back to top](#table-of-contents) + + ### httpsRedirect Redirects the page to HTTPS if its currently in HTTP. Also, pressing the back button doesn't take it back to the HTTP page as its replaced in the history. @@ -1835,6 +1860,29 @@ scrollToTop(); +[⬆ Back to top](#table-of-contents) + + +### show + +Shows all the elements specified. + +Use the spread operator (`...`) and `Array.forEach()` to clear the `display` property for each element specified. + +```js +const show = (...el) => [...el].forEach(e => (e.style.display = '')); +``` + +
+Examples + +```js +show(document.querySelectorAll('img')); // Shows all elements on the page +``` + +
+ + [⬆ Back to top](#table-of-contents) ## Date diff --git a/docs/index.html b/docs/index.html index f49e7dd18..8a310ba88 100644 --- a/docs/index.html +++ b/docs/index.html @@ -160,9 +160,11 @@ elementIsVisibleInViewport getScrollPosition getURLParameters +hide httpsRedirect redirect scrollToTop +show

Date

getDaysDiffBetweenDates @@ -859,6 +861,13 @@ Pass location.search as the argument to apply to the current 
getURLParameters('http://url.com/page?name=Adam&surname=Smith'); // {name: 'Adam', surname: 'Smith'}
+

hide

+

Hides all the elements specified.

+

Use the spread operator (...) and Array.forEach() to apply display: none to each element specified.

+
const hide = (...el) => [...el].forEach(e => (e.style.display = 'none'));
+
+
hide(document.querySelectorAll('img')); // Hides all <img> elements on the page
+

httpsRedirect

Redirects the page to HTTPS if its currently in HTTP. Also, pressing the back button doesn't take it back to the HTTP page as its replaced in the history.

Use location.protocol to get the protocol currently being used. If it's not HTTPS, use location.replace() to replace the existing page with the HTTPS version of the page. Use location.href to get the full address, split it with String.split() and remove the protocol part of the URL.

@@ -889,6 +898,13 @@ Scroll by a fraction of the distance from the top. Use window.requestAnima 
scrollToTop();
+

show

+

Shows all the elements specified.

+

Use the spread operator (...) and Array.forEach() to clear the display property for each element specified.

+
const show = (...el) => [...el].forEach(e => (e.style.display = ''));
+
+
show(document.querySelectorAll('img')); // Shows all <img> elements on the page
+

Date

getDaysDiffBetweenDates

Returns the difference (in days) between two dates.

diff --git a/snippets/hide.md b/snippets/hide.md index b19486df4..82a02a4b0 100644 --- a/snippets/hide.md +++ b/snippets/hide.md @@ -5,7 +5,7 @@ Hides all the elements specified. Use the spread operator (`...`) and `Array.forEach()` to apply `display: none` to each element specified. ```js -const hide = (...el) => [...el].forEach(e => e.style.display = 'none'); +const hide = (...el) => [...el].forEach(e => (e.style.display = 'none')); ``` ```js diff --git a/snippets/show.md b/snippets/show.md index 2e2302d19..cf30be9b7 100644 --- a/snippets/show.md +++ b/snippets/show.md @@ -5,7 +5,7 @@ Shows all the elements specified. Use the spread operator (`...`) and `Array.forEach()` to clear the `display` property for each element specified. ```js -const show = (...el) => [...el].forEach(e => e.style.display = ''); +const show = (...el) => [...el].forEach(e => (e.style.display = '')); ``` ```js