Placeholder fallback
HejJeg er igang med at lave eksamensprojekt i IT A og har i den forbindelse brugt placeholder i min fom, som jo er en funktion i HTML5, hvilket ikke er understøttet i IE8. For at ordne det fandt jeg et javascript, der omdanner placeholder til noget som IE8 kan forstå.
Dog virker det ikke helt efter hensigten. Placeholder virkede tilsyneladende ikke i IE9, men det gjorde javascript fallback, dog virkede ingen af delene i IE8.
Scriptet ser således ud:
if (!('placeholder' in document.createElement('input'))) {
var inputArray = document.getElementsByTagName('input');
function onblurcallback (e) { if (!e.target.value) { e.target.value = e.target.getAttribute('placeholder'); } };
function onfocuscallback (e) { if (e.target.value === e.target.getAttribute('placeholder')) { e.target.value = ''; } };
for (var i = 0; i < inputArray.length; i++) {
if ((inputArray[i].type == 'text') && (inputArray[i].getAttribute('placeholder') != '')) {
inputArray[i].value = (!inputArray[i].value) ? inputArray[i].getAttribute('placeholder') : inputArray[i].value;
inputArray[i].onblur = onblurcallback;
inputArray[i].onfocus = onfocuscallback;
}
}
}
Hvad skal der laves om for at det virker i IE8?.