• Web Header

Geolocalizzazione con HTML5

Geolocation with HTML5 is used to locate a user's position, and it's much more accurate for devices with GPS, like smartphones. Internet Explorer 9+, Firefox, Chrome, Safari and Opera support Geolocation. Since this can compromise user privacy, the position is not available unless the user approves it.

Controllo abilitazione

if(navigator.geolocation){
  alert('Geolocation enabled!');  
} else {
  alert('Geolocation NOT enabled!');
}

Ottenere le coordinate geografiche

var x = document.getElementById("demo");
function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else {
        x.innerHTML = "Your browser doesn't support geo location";
    }
}
function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "Longitude: " + position.coords.longitude; 
}
getLocation();

You are here!:

 
 

Tags: HTML5

Questo è uno script GreaseMonkey per la modifica del font di quasi tutte le parti che compongono le pagine internet che state visualizzando.

Ho tentato varie strade, perchè volgio modificare anche il testo aggiunto dinamicamente, dopo che la fase di load della pagina si è conclusa.

Fork me on Github

Tags: Font family

Leggi tutto: Cambiare il font dei siti con uno script Greasemonkey

Pseudo classi strutturali

Le pseudo classi permettono di differenziare un oggetto sulla base del suo stato, come :hover, :visited e :active, vale a dire su informazioni che non fanno parte della struttura ad albero del documento.

Structural pseudo-classes

  • E:first-child { ... style ...}

Tags: CSS3

Leggi tutto: Pseudo classi strutturali

Selettori

I selettori CSS possono essere divisi in due categorie. Quelli della prima si applicano direttamente agli elementi che compongono la struttura del documento HTML. Quelli nella seconda si chiamano "pseudo-selectors", e possono agire su elementi e informazioni che non fanno parte della struttura del documento.

Attribute selectors W3 Docs

  • E[attr] { ... style ...}
    <E attr='a value'>...</E>
  • E[attr='moo'] { ... style ...}
    <E attr='moo'>...</E>
  • E[attr~='moo'] { ... style ...}
    <E attr='loo moo boo'>...</E>
  • E[attr|='moo'] { ... style ...} - Questo esempio è usato spesso con il tag 'lang'. Per esempio E[lang|=es] si applica sia a lang='es-ES' sia a lang='es-MX'.
    <E attr='moo'>...</E>
    <E attr='moo-boo'>...</E>

Tags: CSS3

Leggi tutto: Selettori

Gestione finestre figlie

Questo codice java script permette di gestire l'apertura di sottofinestre in una pagina HTML, limitando il numero massimo il "figlie" che si possono generare. E' sufficiente inserire lo script nella pagina HTML e aprire le sottofinestre chiamando la funzione open_new_app. Si possono definire diverse categorie di finestre, ognuna con un diverso numero massimo di sottofinestre possibili, attraverso l'array kinds.

La chiusura della finestra madre forza la chiusura delle figlie.

Tags: Javascript

Leggi tutto: Gestione finestre figlie

Diffusione browser

© 2017 Mariella Colombo - P.Iva 05120920961