complete

Mattepuffo's logo
Bloccare l'autocomplete nelle input password in HTML

Bloccare l'autocomplete nelle input password in HTML

L'HTML ha l'attributo autcomplete impostato di default a true che fa in modo che i campi di un form si autocompletino con i valori salvati nel browser.

In un form ho la necessità che il campo password non si autcompleti.

Ma autocomplete="false" non basta.

Mattepuffo's logo
Utilizzare l'autocomplete in Chrome

Utilizzare l'autocomplete in Chrome

Se vogliamo impostare l'autocomplete di un form a off, in modo che non visualizzi eventuali dati salvati, ci basta fare questo:

<form method="post" action="" autocomplete="off">
    <div>
        <label>Email:</label>
        <input type="email" name="email" value="" placeholder="Email">
    </div>
    <div>
        <label>Password:</label>
        <input type="password" name="password" value="">
    </div>
    <button type="submit" name="btn">Salva</button>
</form> 

Oppure possiamo impostarlo un campo specifico:

 <form method="post" action="">
    <div>
        <label>Email:</label>
        <input type="email" name="email" value="" placeholder="Email" autocomplete="off">
    </div>
    <div>
        <label>Password:</label>
        <input type="password" name="password" value="">
    </div>
    <button type="submit" name="btn">Salva</button>
</form> 

Il problema è che su Chrome (e Chromium) questo non funziona benissimo.

Mattepuffo's logo
Javascript autocomplete con Awesomplete

Javascript autocomplete con Awesomplete

Per creare una lista autocomplete, in genere uso jQuery UI Autocomplete.
 
Non solo perchè mi ci trovo bene, ma anche perchè comunque jQuery UI lo uso a prescindere.
 
Ma ho trovato un'altra libreria molto semplice da usare: Awesocomplete!
 
Non ha dipendenze esterne, quindi basta includere la libreria e impostare la pagina.
 
Vediamo un pò di esempi.

Mattepuffo's logo
Usare l'autocomplete con Google Maps

Usare l'autocomplete con Google Maps

Google Maps lo conosciamo tutti!

E prima o poi tutti i web developer si scontrano con l'autocomplete.

Oggi vediamo come unire le due cose: il risultato sarà una pagina con Google Maps e una casella per l'autocomplete, con i dati presi nel database di Google Maps.

Per fare questo useremo un plugin jQuery apposito: Geocomplete!

Faremo un esempio completo con queste funzionalità:

  • una mappa con un marker di default
  • la possibilità di trascinare il marker
  • nel momento in cui facciamo una nuova ricerca, la mappa si sposterà sul nuovo punto

Mattepuffo's logo
Effettuare richieste AJAX in Javascript e Qwest

Effettuare richieste AJAX in Javascript e Qwest

Di solito uso jQuery per effettuare richieste AJAX; e questo peechè jQuery lo uso molto in generale.

L'altro giorno dovevo mettere su una pagina dimostrativa, senza fronzoli, e dovevo effettuare una richiesta AJAX.

Non mi andava di usare Javascript standard, e non mi andava neanche di andare di integrare jQuery solo per questo.

Allora mi sono messo alla ricerca di una libreria AJAX per Javascript, e alla mi sono imbattuto in Qwest!

Un'ottima libreria che usa tutti gli strumenti più moderni:

  • promises
  • XmlHttpRequest2
  • ecc