5 Tasks You Didn't Know Could be Done from the Developer Console
Articles in Web Development | By August R. Garcia
Published | Last Update
Last ReplyAlready mentioned these, but these are underrated features: https://developer.mozilla.org/en-US/docs/Web/API/Console/warn https://... August R. Garcia,
Already mentioned these,...
Last ReplySee also: https://www.256kilobytes.com/content/show/1916/javascript-vs-ecmascript-vs-typescript-vs-coffeescript-differences-what-to-use-and-when... August R. Garcia,
See also:
[Solved] Implementing an "Estimated Time to Crack" Notification for Registration Forms
Answers in Client-Side | By August R. Garcia
Published | Last Update
Probably edit slightly for a cleaner UI<...
MoreProbably edit slightly for a cleaner UI Code and demo: Message Here <form> <input id="test" type="text" /> <span i...[Solved] Enabling Shades/Tints of All Colors in CKEditor
Answers in Client-Side | By August R. Garcia
Published | Last Update
There is a CKEditor plugin called Color...
MoreThere is a CKEditor plugin called Color Button that can be used to add buttons to CKEditor instances to change font colors and background colors....[Solved] Onclick Delay to Confirm Form Submission when Button is Clicked
Answers in Client-Side | By August R. Garcia
Published
Code:
MoreCode: <form> <button class="btn" onclick="doubleclick_confirm_submit(event, this);" type="button">Ban/Unban</button> <...[Solved] CSS Effect for Custom File Input on Dragover/DragEnter
Answers in Client-Side | By August R. Garcia
Published
Easiest solution I found was to add a cu...
MoreEasiest solution I found was to add a custom attribute based on ondrag[something] events and to then use a CSS attribute selector: <script>...[Solved] CKEditor Autosave Draft Functionality - 1.4KB, No Plugin
Articles in Client-Side | By August R. Garcia
Published | Last Update
Last ReplyPS: If you're wondering, this code is not yet live on 256 Kilobytes; will be in the next patch. Edit: There's a bug in the original code relat... August R. Garcia,
PS: If you're wondering,...
[Solved] Automatically apply color scale to HTML table with JavaScript
Answers in Client-Side | By August R. Garcia
Published | Last Update
*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...[Solved] How to automatically replace newlines with commas when data is pasted into an HTML
Answers in Client-Side | By August R. Garcia
Published | Last Update
Last ReplyCan 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...
[Solved] Downloading arbitrary tables as TSV using JavaScript
Answers in Client-Side | By August R. Garcia
Published
Title.
MoreTitle. <!DOCTYPE html> <html> <head> <title>Test Table Download</title> </head> <body> <h1&g...Last Reply. ___|_____ / | /| /________/ | |.........| |... August R. Garcia,
[JavaScript] QuerySelector not working for multiple attributes?
Answers in Client-Side | By Some Guy
Published
Last ReplyYou 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...
JavaScript - How to hide a dialogue on click?
Answers in Client-Side | By Some Guy
Published | Last Update
Last ReplyDid 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&...
[JavaScript] Can JS check if keydown/keyup is a comma, but not the less than symbol ( < )?
Answers in Client-Side | By Some Guy
Published | Last Update
Last ReplyHere's a simple solution that will catch all characters, backspace, and delete. $("input").keydown(function(event) { var isW... Univa,
Here's a simple solution...
Last ReplyThere 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...
Re-enabling right click on sites that have it disabled?
Answers in Client-Side | By Some Guy
Published
Last ReplyYou 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...
Last ReplyThere are many different reasons why someone would use AMD instead of CommonJS. This website right here offers a more detailed explanation of the matt... Zhaybib,
There are many different...
Last ReplyThere are many ways of doing it, through jQuery as well as JavaScript. One way that I'm fond of that preserves the tags while doesn't have the jQuery... roxblade,
There are many ways of do...
Last ReplyThere are many amazing tutorials for SVG graph generation. I like to believe that the CSS-Tricks page is one of the most helpful resources. Daniel Pat... roxblade,
There are many amazing tu...
How to set a cookie when an image is clicked in an HTML document?
Answers in Style and Layout | By Some Guy
Published
[JavaScript] Why does this code not work correctly? Code: function multiply(a, b){ a * b }
Answers in Client-Side | By Some Guy
Published | Last Update
Last ReplyThe 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...
Last ReplyYou probably have a line of code that looks something like this: document.getElementById('whatever').innerHTML = "New inner HTML"; The error... August R. Garcia,
You probably have a line...
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?Is it possible to convert an HTML <canvas> element to an SVG element?
Answers in Web Development | By Some Guy
Published
Last ReplyThere are a number of javascript libraries that do this, take a look at this one: https://github.com/canvg/canvg Hash Brown,
There are a number of jav...
In JavaScript, how do you get the character pressed from a keydown function?
Answers in Client-Side | By Some Guy
Published
Last ReplySuper simple! In pure Javascript: <script type="text/javascript"> function theKeyPress(e){ var keynum; if(window.event) {... Hash Brown,
Super simple!
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 | Last Update
Last ReplyAm 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...
Last ReplyThe json_encode() function can do this. Ex:<script> insert_chart( 'pie_users_by_account_type' , <?= json_encode($arr); ?>, ... August R. Garcia,
The json_encode() functio...
Last Replyvar 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...
[JavaScript] addEventListener to all in array?
Answers in Client-Side | By Some Guy
Published | Last Update
Last ReplyUse 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...