PDA

View Full Version : How do you get a word to flash/blink?

brit
09-15-2003, 04:03 PM
I am using the following html code to include my email on my webpage:

style type="text/css">
a:link {color: #FF99CC}
a:visited {color: #FF99CC}
a:hover {color: #FFFFFF}
a:active {color: #FFFFFF}
</style>
<style type="text/css">
<!--
a{text-decoration:none}
//-->
</style
</head>
<body>
<font face="Verdana"color="#FF99CC"><a href="mailto:blah@blah.com">Email Me</a>


Does anybody know how to make the words 'Email Me' flash/blink?

Thanks,
Brit
me'
09-15-2003, 05:25 PM
text-decoration: blink, in theory. This doesn't work for me with IE6, though.
brit
09-15-2003, 05:40 PM
Yes, it doesn't work for me either. I'm on IE5...

Can anyone else help?

Thanks,
Brit
me'
09-15-2003, 05:41 PM
I'm pretty sure it's not valid CSS anyway.

Why do you want it?
Ben@WEBProp
09-15-2003, 05:51 PM
I think it might look a little tacky, but that is circumstantial...

Anywho, there used to be a way to do it in like IE1, and I think it was something in the <font> tag, but I can't remember for the life of me what it was.

However, I can think of a solution. Search for "GIF makers" or something close to that on google, maybe add the word "Free" in there somewhere. Then make two images of the same size, one with text and one that it just the bg color. Then take both into the gif maker and alternate them...thats all I got.

Hope that helps!

-Ben
me'
09-15-2003, 05:52 PM
Good idea. I was thinking Javascript, but I have no idea how do this :)
brit
09-15-2003, 06:01 PM
Ok, thanks guys.

If anyone else has any ideas...?

Brit
oracleguy
09-15-2003, 06:07 PM
At one point there was a <blink> tag. We always joke about using it at work.
lavalamp
09-15-2003, 06:22 PM
Here's a JavaScript blinking text thingy, that also conforms to this (http://www.w3.org/TR/WAI-WEBCONTENT/#gl-movement) guideline in the WCAG.
Roy Sinclair
09-15-2003, 07:37 PM
The <blink> tag is about the only ugly html tag that MS didn't incorporate into IE, it's a Netscape only tag.

If you really, really have to have it and use IE as well the following code saved as blink.htc will add support for the blink tag to IE:


<public:component>

<public:property name="msec" value="500"/>
<public:method name="blink"/>
<public:method name="pause"/>
<public:attach event="oncontentready" onevent="initBlink()"/>
<public:attach event="onpropertychange" onevent="checkProperty()"/>
</public:component>

<script language="JScript">
// As found on http://www.siteexperts.com/tips/html/ts12/page1.asp
// Declare a reference to the interval
var blinkInterval;

function initBlink() {
if (element.style.visibilty == null) element.style.visibility = "visible";
blinkInterval = window.setInterval(element.uniqueID +".blink()", msec);
paused = false;
}

function blink() {
element.style.visibility = (element.style.visibility == "visible") ? "hidden" : "visible";
}

function pause() {
if (paused)
blinkInterval = window.setInterval(element.uniqueID + ".blink()", msec);
else
window.clearInterval(blinkInterval);
paused = !paused;
}

function checkProperty() {
window.status = event.propertyName;
if (event.propertyName == "msec") {
element.pause();
element.pause();
}

}
</script>


Sample html page to demonstrate:

<html>
<head>
<title>Testing</title>
<style>
blink {behavior: url(blink.htc);}
</style>
</head>
<body>
Normal text<br>
<blink>Blinking text</blink><br>
More normal text<br>
</body>
</html>


This is definitely NOT xHtml compliant though.
giz
09-15-2003, 07:57 PM
Plain HTML email links are harvested by robots to add to email spam lists.

You need to be writing the link HTML using javascript document.write statements, using code fragments that the JS code pieces back together.

That stops the robots.
brit
09-15-2003, 09:20 PM
I think I will give it a miss... I am only a beginner, and this just went right over my head, lol.

Thanks anyway

Brit
MotherNatrsSon
09-15-2003, 10:21 PM
Originally posted by me'
I'm pretty sure it's not valid CSS anyway.

Why do you want it?

It is valid CSS and is supposed to work

text-decoration:

none
underline
overline
line-through
blink

CSS 2 Reference (http://www.w3schools.com/css/css_reference.asp#text)

MNS
liorean
09-15-2003, 10:31 PM
Browsers aren't required to heed it, however.
MotherNatrsSon
09-15-2003, 10:42 PM
Acording to the reference it is CSS 1 and is supported in IE and NN 4x??

With browser support for CSS as poor as it is, it would not surprise me that it did not work.

MNS
Nightfire
09-16-2003, 12:45 AM
Originally posted by liorean
Browsers aren't required to heed it, however.

That's made me glad too. If any browser takes that tag on, I'll have to turn off css as I'm sure it'll be abused, just like the marquee and blink tag were when they was first found out
me'
09-16-2003, 05:46 PM
Originally posted by MotherNatrsSon
Acording to the reference it is CSS 1 and is supported in IE and NN 4x??

With browser support for CSS as poor as it is, it would not surprise me that it did not work.

MNS

Running PCIE6, fails miserably :)