Hoe krijg je tekst knipperend in Internet Explorer?
De tag blink is een van de voorbeelden die goed werkt in veel browser maar niet in Internet Explorer. De css property text-decoration:blink; werkt helaas ook niet in IE. Waarom is het toch zo moeilijk om een standaard aan te houden die in alle internet browsers werkt?
Dit heeft allemaal te maken met de beginners problemen van het internet. Heel vroeger werd er geconcurreerd tussen verschillende browsers. De ene browser ondersteunde de blink tag en een andere had net de marquee tag bedacht; er was geen standaard. Al snel werd knipperende tekst geassocieerd met spammers en vele internet gebruikers vonden het irritant. Verschillende browsers besloten het niet meer te ondersteunen. De tag blink is nooit door W3C opgenomen en daarom is het niet bekend voor hoe lang de nu ondersteunende browsers van de blink tag dit nog zullen doen. De property text-decoration:blink; is wel opgenomen in de css standaards, maar ook deze wordt door de browser IE niet ondersteund. Een oplossing die altijd werkt is om javascript te gebruiken.
Met een paar simpele regels javascript code kan een stukje tekst knipperend weergegeven worden. Deze code werkt in alle browsers en wordt volledig ondersteund door W3C. In het kort werkt het als volgt. Plaats de tekst die moet knipperen binnen een span tag en voeg er bijvoorbeeld de class blink aan toe. Gebruik javascript om alle elementen met class blink te pakken te krijgen en zet haar visibility op hidden of visible afhankelijk van een bepaalde tijd. Op deze manier kan zelf bepaald worden hoe snel de tekst moet knipperen en ook is het mogelijk meerdere elementen binnen dezelfde pagina te laten knipperen.
en de HTML ziet er als volgt uit
Dit is de eerste knipperende tekst en de tweede tekst die zou moeten knipperen.
Dit is de eerste knipperende tekst en de tweede tekst die zou moeten knipperen. Over het gebruik van enkele ouderwetse niet uniform werkende tags het volgende. De tag en de blink text-decoration property werken beide niet in IE. Bekijk deze pagina met verschilende browsers om de verschillen duidelijk geïllustreerd te zien.
Wil je reageren?
Velden met een * zijn verplicht.