256 Kilobytes

Client-Side Answers

Type AnswersAsk and answer questions, if that is something that you want to do. Category Client-SideDiscuss client-side web development, for example JavaScript.

Profile Photo - August R. Garcia

[Solved] Automatically apply color scale to HTML table with JavaScript

Answers in Client-Side | By August R. Garcia

Published 1 week agoTue, 08 Oct 2019 18:56:14 -0700 | Last update 1 week agoTue, 08 Oct 2019 19:08:22 -0700

Profile Photo - August R. Garcia

*Basically solved

MoreHere's some code. However, this code is fairly slow on large tables (adds roughly 50-150 milliseconds for 190 rows of four columns). Probably usu...
🗨
0
🐏
0
👁
41
Profile Photo - August R. Garcia

[Solved] Adding an "active" class to <nav>/navigation menus in Laravel

Answers in Client-Side | By August R. Garcia

Published 1 month agoTue, 20 Aug 2019 16:25:41 -0700 | Last update 1 month agoTue, 20 Aug 2019 16:26:29 -0700

Profile Photo - August R. Garcia

Basically the same with PHP in general;...

MoreBasically the same with PHP in general; only real difference is the use of Route::currentRouteName(). Code: <nav> <?php $...
🗨
0
🐏
0
👁
70
Profile Photo - August R. Garcia

[Solved] How to automatically replace newlines with commas when data is pasted into an HTML <input>

Answers in Client-Side | By August R. Garcia

Published 2 months agoFri, 09 Aug 2019 19:14:14 -0700 | Last update 2 months agoFri, 09 Aug 2019 19:18:12 -0700

Profile Photo - August R. Garcia

Last Reply Can add a few more regex lines to trim empty commas: el.value = el.value.replace(/\n/g, ', '); el.value = el.value.replace(/\t/g, '... August R. Garcia,

Can add a few more regex...

Fri, 09 Aug 2019 19:44:27 -0700 2 months ago
🗨
1
🐏
0
👁
127
Profile Photo - August R. Garcia

[Solved] Downloading arbitrary tables as TSV using JavaScript

Answers in Client-Side | By August R. Garcia

Published 2 months agoSun, 04 Aug 2019 05:42:57 -0700

Profile Photo - August R. Garcia

Title.

MoreTitle. <!DOCTYPE html> <html> <head> <title>Test Table Download</title> </head> <body> <h1&g...
🗨
0
🐏
0
👁
121
Profile Photo - August R. Garcia

[Solved] Uncaught TypeError: $(...).autocomplete is not a function

Answers in Client-Side | By August R. Garcia

Published 3 months agoFri, 21 Jun 2019 13:23:54 -0700

Profile Photo - August R. Garcia

Include the jQuery UI library in additio...

MoreUse this: <!DOCTYPE html> <html> <head> <link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" r...
🗨
0
🐏
0
👁
151
Profile Photo - Some Guy

[JavaScript] QuerySelector not working for multiple attributes?

Answers in Client-Side | By Some Guy

Published 9 months agoSun, 13 Jan 2019 04:36:26 -0800

Profile Photo - Default

Last Reply You should show some code. But this error generally is thrown when you use space between attributes. document.querySelector("[data-id='1'] [data-... Ali,

You should show some code...

Wed, 29 May 2019 05:23:00 -0700 4 months ago
🗨
1
🐏
0
👁
245
Profile Photo - Some Guy

What is the difference between Java and Javascript?

Answers in Client-Side | By Some Guy

Published 9 months agoSun, 13 Jan 2019 04:35:56 -0800

Profile Photo - Default

Last Reply There is much difference between them. Java completely Object Oriented language. JavaScript prototype-based programming language. Even if Jav... Ali,

There is much difference...

Wed, 29 May 2019 05:15:03 -0700 4 months ago
🗨
2
🐏
0
👁
242
Profile Photo - Some Guy
Profile Photo - Default

Last Reply Another approach is a prototype based solution. Node.prototype.getElementsByTagNames = function (tags) { var elements = []; for (... Ali,

Another approach is a pro...

Wed, 29 May 2019 05:05:53 -0700 4 months ago
🗨
2
🐏
0
👁
229
Profile Photo - Some Guy

JavaScript - How to hide a dialogue on click?

Answers in Client-Side | By Some Guy

Published 10 months agoSun, 02 Dec 2018 03:44:25 -0800 | Last update 10 months agoSun, 02 Dec 2018 13:02:25 -0800

Profile Photo - Default

Last Reply Did you mean "<dialog>" tag? If so, you can use JS API like that; HTML5 Content <dialog open> <p>Greetings, one and al... Ali,

Did you mean "<dialog&...

Tue, 28 May 2019 23:24:45 -0700 4 months ago
🗨
2
🐏
0
👁
246
Profile Photo - Some Guy

[JavaScript] Can JS check if keydown/keyup is a comma, but not the less than symbol ( < )?

Answers in Client-Side | By Some Guy

Published 10 months agoSun, 02 Dec 2018 03:42:50 -0800 | Last update 10 months agoMon, 03 Dec 2018 06:48:22 -0800

Profile Photo - Univa

Last Reply Here's a simple solution that will catch all characters, backspace, and delete.  $("input").keydown(function(event) {     var isW... Univa,

Here's a simple solution...

Sun, 05 May 2019 03:01:05 -0700 5 months ago
🗨
1
🐏
0
👁
223
Profile Photo - Some Guy

Finding the last updated date of a page with JS?

Answers in Client-Side | By Some Guy

Published 8 months agoWed, 06 Feb 2019 13:43:58 -0800

Profile Photo - WTCMolybdenam4753

Last Reply There is a simple solution to finding the last update of a page in JS! Simply enter "javascript:alert(document.lastModified)" -without the quotes, int... WTCMolybdenam4753,

There is a simple solutio...

Sat, 30 Mar 2019 14:45:42 -0700 6 months ago
🗨
1
🐏
0
👁
222
Profile Photo - Some Guy

Re-enabling right click on sites that have it disabled?

Answers in Client-Side | By Some Guy

Published 8 months agoWed, 06 Feb 2019 13:44:08 -0800

Profile Photo - Graln_of_Truth

Last Reply You can try disabling Javacript and then reloading the page; this seems to be the most common issue however there are several other things you can try... Graln_of_Truth,

You can try disabling Jav...

Sat, 30 Mar 2019 13:56:19 -0700 6 months ago
🗨
1
🐏
0
👁
196
Profile Photo - Some Guy

Why does document.getElementByClass() not work?

Answers in Client-Side | By Some Guy

Published 9 months agoThu, 17 Jan 2019 02:09:00 -0800

Profile Photo - August R. Garcia

Last Reply The function document.getElementByClass() does not exist. The correct function is document.getElementsByClassName(). Documentation: h... August R. Garcia,

The function documen...

Thu, 17 Jan 2019 02:10:59 -0800 9 months ago
🗨
1
🐏
0
👁
396
Profile Photo - Some Guy
Profile Photo - Some Guy

MoreI'm getting this error and I'm not sure how to get around it. "No access-control-allow-origin header is present on the requested resour...
🗨
0
🐏
0
👁
170
Profile Photo - Some Guy

[JavaScript] Why does this code not work correctly? Code: function multiply(a, b){ a * b }

Answers in Client-Side | By Some Guy

Published 9 months agoFri, 11 Jan 2019 23:40:27 -0800 | Last update 9 months agoFri, 11 Jan 2019 23:56:13 -0800

Profile Photo - August R. Garcia

Last Reply The function should state "return a * b;" instead of "a * b;" // Define the function function multiply(a, b){ return a * b;... August R. Garcia,

The function should state...

Fri, 11 Jan 2019 23:47:22 -0800 9 months ago
🗨
1
🐏
0
👁
1,515
Profile Photo - Some Guy

How do you convert a string to a CharArray in Java?

Answers in Client-Side | By Some Guy

Published 10 months agoSun, 16 Dec 2018 09:40:08 -0800

Profile Photo - Some Guy

I am currently learning JavaScript and h...

MoreI am currently learning JavaScript and had a question about strings and charArray. Is there a way to convert a string inti a charArray?
🗨
0
🐏
0
👁
202
Profile Photo - Some Guy

In JavaScript, how do you get the character pressed from a keydown function?

Answers in Client-Side | By Some Guy

Published 10 months agoSun, 02 Dec 2018 03:43:46 -0800

Profile Photo - Hash Brown

Last Reply Super simple! In pure Javascript: <script type="text/javascript"> function theKeyPress(e){ var keynum; if(window.event) {... Hash Brown,

Super simple!

Tue, 04 Dec 2018 22:24:29 -0800 10 months ago
🗨
1
🐏
0
👁
191
Profile Photo - Some Guy

CKEditor replace by class

Answers in Client-Side | By Some Guy

Published 10 months agoSun, 02 Dec 2018 03:45:51 -0800

Profile Photo - August R. Garcia

Last Reply Yes, it can be done. Something along these lines works. Can remove the try/catch statement at your discretion. try { // Intialize CKEditor Ins... August R. Garcia,

Yes, it can be done. Some...

Mon, 03 Dec 2018 06:23:50 -0800 10 months ago
🗨
1
🐏
0
👁
214
Profile Photo - Some Guy

Is there a way to create a CSS color scale based on a div's value/innerHTML content (or vanilla JS)?

Answers in Client-Side | By Some Guy

Published 10 months agoSun, 02 Dec 2018 03:45:35 -0800 | Last update 10 months agoMon, 03 Dec 2018 05:28:28 -0800

Profile Photo - August R. Garcia

Last Reply Am fairly sure there is no built-in way to do this with pure CSS, but definitely doable with JS/jQuery. August R. Garcia,

Am fairly sure there is n...

Mon, 03 Dec 2018 06:15:47 -0800 10 months ago
🗨
1
🐏
0
👁
206
Profile Photo - Some Guy
Profile Photo - August R. Garcia

Last Reply Have seen a number of people recommend HTML Purifier:http://htmlpurifier.org/You might also look into PHP's strip_tags() function:http://php.net/... August R. Garcia,

Have seen a number of peo...

Sun, 02 Dec 2018 03:48:45 -0800 10 months ago
🗨
1
🐏
0
👁
210
Profile Photo - Some Guy

How to check "if classlist contains" using JavaScript

Answers in Client-Side | By Some Guy

Published 10 months agoSun, 02 Dec 2018 03:44:27 -0800

Profile Photo - August R. Garcia

Last Reply var c_menus = document.getElementsByClassName("c_menu");for (var iii = 0; iii < c_menu.length; ++iii) { c_menu[iii].addEventListe... August R. Garcia,

var c_menus = document.ge...

Sun, 02 Dec 2018 03:48:26 -0800 10 months ago
🗨
1
🐏
0
👁
218
Profile Photo - Some Guy

[CKEditor] Input validation?

Answers in Client-Side | By Some Guy

Published 10 months agoSun, 02 Dec 2018 03:44:17 -0800

Profile Photo - August R. Garcia

Last Reply Input validation through CKEditor is limited to the client-side, which means that the actual validation would occur on the server-side through PHP/Lar... August R. Garcia,

Input validation through...

Sun, 02 Dec 2018 03:48:16 -0800 10 months ago
🗨
1
🐏
0
👁
196
Profile Photo - Some Guy

[JavaScript] addEventListener to all in array?

Answers in Client-Side | By Some Guy

Published 10 months agoSun, 02 Dec 2018 03:43:56 -0800 | Last update 10 months agoSun, 02 Dec 2018 12:36:38 -0800

Profile Photo - August R. Garcia

Last Reply Use this instead of a static variable. for (iii = 0; iii < arr.length; ++iii) arr[iii].addEventListener("click", function(e) { this.... August R. Garcia,

Use this instead of...

Sun, 02 Dec 2018 03:47:55 -0800 10 months ago
🗨
1
🐏
0
👁
181
Profile Photo - Some Guy

How to round to two decimal places in Javascript?

Answers in Client-Side | By Some Guy

Published 10 months agoSun, 02 Dec 2018 03:43:06 -0800

Profile Photo - August R. Garcia

Last Reply The function that you're looking for is .toFixed(2):https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toFix... August R. Garcia,

The function that you&#03...

Sun, 02 Dec 2018 03:47:05 -0800 10 months ago
🗨
1
🐏
0
👁
196
Profile Photo - Some Guy
Profile Photo - August R. Garcia

Last Reply Something like this should work:// Add a hidden input to store the IDsvar hidden_input = document.createElement("INPUT");hidden_input.setAtt... August R. Garcia,

Something like this shoul...

Sun, 02 Dec 2018 03:47:00 -0800 10 months ago
🗨
1
🐏
0
👁
193
Profile Photo - Some Guy
Profile Photo - August R. Garcia

Last Reply That error occurs because Chrome cannot focus hidden fields.Are you using a custom radio input setup that hides the actual radio button? August R. Garcia,

That error occurs because...

Sun, 02 Dec 2018 03:46:41 -0800 10 months ago
🗨
1
🐏
0
👁
218
Profile Photo - Some Guy
Profile Photo - August R. Garcia

Last Reply Something like this should work: <script> function create_thing(element) { // do something with an element passed to the function... August R. Garcia,

Something like this shoul...

Sun, 02 Dec 2018 03:46:03 -0800 10 months ago
🗨
1
🐏
0
👁
193
Profile Photo - Some Guy

Is it possible to inject jQuery into a web page via the developer console (inspect element)?

Answers in Client-Side | By Some Guy

Published 10 months agoSun, 02 Dec 2018 03:43:18 -0800 | Last update 9 months agoMon, 31 Dec 2018 00:59:21 -0800

Profile Photo - Some Guy

Like, into the Google Chrome inspect ele...

MoreLike, into the Google Chrome inspect element console. If I want to run jQuery to scrape another website (and that website isn't already running jQ...
🗨
0
🐏
0
👁
203
Profile Photo - Some Guy
Profile Photo - Some Guy

MoreCKEditor uses Magic to replace <textarea> elements with a bunch of Magic (iframes, etc), which seems to prevent use of "required" in t...
🗨
0
🐏
0
👁
166