Placeholder met JavaScript

De HTML5 tag placeholder voor het HTML-element input werkt nu (2010) nog niet voor alle browsers. Dit is te ondervangen door een JavaScript.

Onderstaand script is van beyondstandards.com

/* Placeholder.js  */
/* Fills input text with value placeholder if no browser support */
/* From: http://www.beyondstandards.com/archives/input-placeholders */

function activatePlaceholders() {
var detect = navigator.userAgent.toLowerCase();
if (detect.indexOf(”safari”) > 0) return false;
var inputs = document.getElementsByTagName(”input”);
for (var i=0;i 0) {
    inputs[i].value = inputs[i].getAttribute(”placeholder”);
    inputs[i].onclick = function() {
     if (this.value == this.getAttribute(”placeholder”)) {
      this.value = “”;
     }
     return false;
    }
    inputs[i].onblur = function() {
     if (this.value.length < 1) {
      this.value = this.getAttribute(”placeholder”);
     }
    }
   }
  }
}
}
window.onload=function() {
activatePlaceholders();
}

Discussie:

Het script checkt nu of de browser Safari is. Mooier zou zijn als dit een check zou zijn op ondersteuning van de placeholder. Op staat (in een wat moeizaame layout) op  Detecting HTML5 Features van Diveintohtml5.org.

Op de lijst “dingen nog  te lezen en uit te zoeken” zetten.

Bronnen:

RRWD Single Google Map WordPress plugin

Note: this plugin is no longer maintained.

What’s this plugin for?

To show a Google Map with your post or page, simply by adding the address into the custom field ‘address’.

For example: Adding “Diepenveenstraat 33, 5043 JL Tilburg, Nederland” to the custom field ‘address’ results in the map at the bottom of the post about the sewing school Avainti.

Continue reading “RRWD Single Google Map WordPress plugin”