Adinan Cenci adinan-cenci

Get an element's position

Parsing HTML with JavaScript

Javascript provide us with the DOMParser class to parse XML/HTML into DOM.

But sometimes we will end up dealing with invalid html, the DOMParser do not provide a way to deal with syntax errors, it will simply stop and leave us hanging.

Another way would be to use document.implementation.createHTMLDocument.

Get query string variables

Lets say you have accessed an url on your site https://my-website.com/search?q=product-x&maxprice=300.
How can you get the variables search or maxprice in javascript ?

You can use this function:

function get(varName, alternative = null) 
{

How can we follow the upload progress with fetch() ?

Simple: We can't.
Not right now anyway, fetch() does not support that, but good old XMLHttpRequest does though.

The function below behaves much like fetch(), it will return a Promise that will resolve into a Response object.

Just pass a progress function in the options parameter.

Using `<slot>` tags in custom elements without shadow dom

The <slot> tag is very useful when creating custom elements. However, this feature is only available with the use of shadow dom, the downside being that we can't use the parent document's css to style the shadow dom.

So we either copy the css into the shadow dom or don't use slots at all.

In this snippet we'll see how to circumvent this limitation with the use of a MutationObserver object.

// Purging an URL from cloudflare.
(new \CloudFlarePhpSdk\ApiEndpoints\ZoneApi(
  Drupal::config('cloudflare.settings')->get('apikey'),
  Drupal::config('cloudflare.settings')->get('email')
))
 -&gt;purgeIndividualFiles(

Installing GzDoom

Install with flatpak.
Go to internet archive and download the iwad files.
Extrac to ~/.var/app/org.zdoom.GZDoom/.config/gzdoom.

Installing Project brutality

Download the source code from the github page.
Decompress it.
Enter the Project_Brutality_master folder and compress its content again.

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Restring number input</title>
	</head>
	<body>

	<p>
	This input elements are restringed by multiples of the number in the [ multiple ] attribute.

	<script>
	export default {
	data() {
	return {
	theTruth: 'Vue used to be way easier to get into, now it is as complicated as other garbage like angular and react',
	}
	},
	}
	</script>

	#!/bin/bash

	# At the moment this will list all the .desktop files on the system
	# even the ones not currently installed

	# Setting IFS (input field separator) value as ":"
	IFS=':'

	# Reading the split string into array
	read -ra arr <<< "$XDG_DATA_DIRS"