Css Snippets » acronym http://www.csssnippets.be Snippets for you, snippets for me Mon, 17 Oct 2011 08:42:00 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Styling abbrevation in IE http://www.csssnippets.be/2009/05/styling-abbrevation-in-ie/ http://www.csssnippets.be/2009/05/styling-abbrevation-in-ie/#comments Tue, 12 May 2009 13:12:41 +0000 Mark http://www.csssnippets.be/?p=210 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;
]]>
Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2009/05/styling-abbrevation-in-ie/feed/ 0