Mappa del sito
Specific HTML solutions
Soluzioni specifiche HTML
Information on accessing these resourcesMember contact form
List of downloadable sresources with donation
Review of solutions for different problems of HTML code.
NOTA: per provare i codici, puoi utilizzare l'HTML Editor. NOTE: to test the codes you can use the HTML Editor.Body - deactivation of user functions
Body - disattivazione delle funzioni per l'utente
Example with everything together:
<body onselectstart="alert('Content protected by copyright!');
return false" oncontextmenu="alert('Content protected by copyright');
return false" ondragstart="alert('Content protected by copyright');
return false" onkeydown="alert('Content protected by copyright');
return false" onmousedown="alert('Content protected by copyright');return false">
Description of the individual items
onselectstart = disable selection (in all ways)
oncontextmenu = disable right button
ondragstart = disable drag
onkeydown = disable keyboard
onmousedown = disable mouse buttons
Open all the page links in a new tab
Aprire tutti i link della pagina in una nuova scheda
<head>
<base target="_blank">
</head>
<base target="_blank">
</head>
Link href="#" without page jumps to the top
Link href="#" senza ritorno della pagina al top
When a link contains the # symbol (e.g. closing modal), clicking it causes the page to return to the top edge. To avoid this, just add a number to the pound sign. Ex: href="#1"Button that opens a alert window
Pulsante che apre una finestra di avviso
<input type="button" onclick="alert('Hello World!')" value="Click Me!">
Expandable content (details - summary)
Contenuto espandibile - details, summary
<details>
<summary>Open</summary>
<p>Here you can put some content...</p>
<p>... and anything else you want :)</p>
</details>
<summary>Open</summary>
<p>Here you can put some content...</p>
<p>... and anything else you want :)</p>
</details>
Browser support: https://caniuse.com/#feat=details
NOTE: The curtain is closed by default on loading. To open it, just add the open attribute to details.
Es: <details open> Alternatively, you can use Javascript
Javascript solutions
Clickable phone number
Numero di telefono cliccabile
To make a phone number clickable from a mobile phone, just set it up like this:
<a href="tel:XXXXXXXXXXXXX">Telefono</a>
Link with error in file manager
Link con errore nel file manager
Some links to external pages are marked as errors by the file manager.
Often this is caused by the symbol & contained in the link.
The link usually works the same, but, to eliminate the error, you can replace & with &.
Always check that the link continues to work after correction.
New line in tooltip
Andare a capo in un tooltip
To write in new line with the text in a tooltip, you must use the symbol 
.Example:
<img src="img.jpg" title="testo
testo">
Titles in a list
Titoli in un elenco
It is permissible to insert the title tags (h2, h3, h4 ..) within a list of <li> </li> tags.The problem is that the bullets will not line up with the title on certain mobile devices.
They will look like this:
•
Title
•
Title
To solve the problem, just apply the "display: inline" rule to the tags (h2, h3, h4 ..).
Color-picker
Classic color-picker
Color picker classico
Example:
<input type="color" value="#f86f0b">
Open color picker on click
Color-picker che si apre cliccando su un link testuale
Example:
<style>
#color-picker {
display: none;
}
.color-picker {
cursor: pointer;
text-decoration: underline;
}
.color-picker:hover {
color: #ffa500;
}
</style>
<input type="color" id="color-picker" value="#f86f0b">
<label for="color-picker" class="color-picker">color</label>
#color-picker {
display: none;
}
.color-picker {
cursor: pointer;
text-decoration: underline;
}
.color-picker:hover {
color: #ffa500;
}
</style>
<input type="color" id="color-picker" value="#f86f0b">
<label for="color-picker" class="color-picker">color</label>
Color-picker with text field
Color picker con casella di testo
Example:
<input id="background-color" type="color" value="#ff0000" onchange="javascript:document.getElementById('chosen-color').value = document.getElementById('background-color').value;">
<br>
<input id="chosen-color" type="text" readonly="" value="#ff0000">
<br>
<input id="chosen-color" type="text" readonly="" value="#ff0000">