12 May, 2009

Styling abbrevation in IE

Categoriën: crossbrowser |IE6 |javascript |solution

Abbrevation is een tag die je toelaat om afkortingen te bepalen, je kan een titel atribuut meegeven zodoende de user alle info krijgt over de afkorting als hij met dmui er over gaat. Abbrevation werkt niet in Internet Explorer 6, deze kent enkel acronym, wat ongeveer hetzelfde is, maar je kan niet voor elke browser een andere HTML leveren, of je wil niet!!
Met een beetje JavaScript kunnen we dit probleem crossbrowser oplossen.

HTML

<abbr title="Cascading Style Sheets">CSS</abbr>

CSS

abbr, span.abbr {
cursor: help;
border-bottom: 1px dotted #000;
}

JavaScript

<![CDATA[
function styleAbbr() {
var oldBodyText, newBodyText, reg
if (isIE) {
oldBodyText = document.body.innerHTML;
reg = /<abbr([^>]*)>([^<]*)<\/abbr>/g;
newBodyText = oldBodyText.replace(reg, '<abbr $1><span class=\"abbr\" $1>$2</span></abbr>');
document.body.innerHTML = newBodyText;
}
}
window.onload = function(){
styleAbbr()
};
isIE = (document.all) ? true:false;
]]>

Gerelateerde Snippets

Geen reacties op "Styling abbrevation in IE"

Reactie formulier


Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.