256 Kilobytes

Client-Side

Type All Category Client-SideDiscuss client-side web development, for example JavaScript. Tag All

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 4 weeks agoTue, 20 Aug 2019 16:25:41 -0700 | Last update 4 weeks 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
👁
45
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 1 month agoFri, 09 Aug 2019 19:14:14 -0700 | Last update 1 month 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 1 month ago
🗨
1
🐏
0
👁
98
Profile Photo - August R. Garcia

[Solved] Downloading arbitrary tables as TSV using JavaScript

Answers in Client-Side | By August R. Garcia

Published 1 month 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
👁
84
Profile Photo - August R. Garcia

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

Answers in Client-Side | By August R. Garcia

Published 2 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
👁
123
Profile Photo - Some Guy

[JavaScript] QuerySelector not working for multiple attributes?

Answers in Client-Side | By Some Guy

Published 8 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 3 months ago
🗨
1
🐏
0
👁
219
Profile Photo - Some Guy

What is the difference between Java and Javascript?

Answers in Client-Side | By Some Guy

Published 8 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 3 months ago
🗨
2
🐏
0
👁
209
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 3 months ago
🗨
2
🐏
0
👁
209
Profile Photo - Some Guy

JavaScript - How to hide a dialogue on click?

Answers in Client-Side | By Some Guy

Published 9 months agoSun, 02 Dec 2018 03:44:25 -0800 | Last update 9 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 3 months ago
🗨
2
🐏
0
👁
221
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 9 months agoSun, 02 Dec 2018 03:42:50 -0800 | Last update 9 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 4 months ago
🗨
1
🐏
0
👁
201
Profile Photo - Some Guy

Finding the last updated date of a page with JS?

Answers in Client-Side | By Some Guy

Published 7 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 5 months ago
🗨
1
🐏
0
👁
187
Profile Photo - Some Guy

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

Answers in Client-Side | By Some Guy

Published 7 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 5 months ago
🗨
1
🐏
0
👁
172
Profile Photo - Some Guy

Why does document.getElementByClass() not work?

Answers in Client-Side | By Some Guy

Published 8 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 8 months ago
🗨
1
🐏
0
👁
352
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
👁
150
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 8 months agoFri, 11 Jan 2019 23:40:27 -0800 | Last update 8 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 8 months ago
🗨
1
🐏
0
👁
1,335
Profile Photo - Some Guy

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

Answers in Client-Side | By Some Guy

Published 9 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
👁
181
Profile Photo - Some Guy

jquery is not defined error

Forum in Client-Side | By Some Guy

Published 9 months agoTue, 11 Dec 2018 01:37:07 -0800

Profile Photo - August R. Garcia

Last Reply Also, note that the dolalr sign in jQuery is short for "jQuery" and that these two lines of code are equivalent: $(document).ready(fun... August R. Garcia,

Also, note that the dolal...

Tue, 11 Dec 2018 02:26:18 -0800 9 months ago
🗨
2
🐏
0
👁
200
Profile Photo - Some Guy
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 9 months ago
🗨
1
🐏
0
👁
172
Profile Photo - Some Guy

CKEditor replace by class

Answers in Client-Side | By Some Guy

Published 9 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 9 months ago
🗨
1
🐏
0
👁
195
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 9 months agoSun, 02 Dec 2018 03:45:35 -0800 | Last update 9 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 9 months ago
🗨
1
🐏
0
👁
186
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 9 months ago
🗨
1
🐏
0
👁
186
Profile Photo - Some Guy

How to check "if classlist contains" using JavaScript

Answers in Client-Side | By Some Guy

Published 9 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 9 months ago
🗨
1
🐏
0
👁
195
Profile Photo - Some Guy

[CKEditor] Input validation?

Answers in Client-Side | By Some Guy

Published 9 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 9 months ago
🗨
1
🐏
0
👁
176
Profile Photo - Some Guy

[JavaScript] addEventListener to all in array?

Answers in Client-Side | By Some Guy

Published 9 months agoSun, 02 Dec 2018 03:43:56 -0800 | Last update 9 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 9 months ago
🗨
1
🐏
0
👁
163
Profile Photo - Some Guy

How to round to two decimal places in Javascript?

Answers in Client-Side | By Some Guy

Published 9 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 9 months ago
🗨
1
🐏
0
👁
171
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 9 months ago
🗨
1
🐏
0
👁
168
Profile Photo - Some Guy

Harry Potter and the Goblet of Client-Side Input Validation

Forum in Client-Side | By Some Guy

Published 9 months agoSun, 02 Dec 2018 03:42:43 -0800 | Last update 9 months agoMon, 17 Dec 2018 00:54:58 -0800

Profile Photo - August R. Garcia

Last Reply Am working on this currently. General blog post. Includes misc. code snippets. Doing this currently to have an article to template from that actually... August R. Garcia,

Am working on this curren...

Sun, 02 Dec 2018 03:46:42 -0800 9 months ago
🗨
1
🐏
0
👁
169
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 9 months ago
🗨
1
🐏
0
👁
193
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 9 months ago
🗨
1
🐏
0
👁
171
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 9 months agoSun, 02 Dec 2018 03:43:18 -0800 | Last update 8 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
👁
182
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
👁
148