rollover image problem

[gortz2 webforumsuser@macromedia.com]

Hey out there. I've created three interactive rollover menu images which when the mouse passes over them they play an animated gif. The inactive image is just a still image of the first frame of the animated gif and I have the properties set to not restore the original image since once the animated gif plays, there is no need to return to the inactive image.

Now the problem. When any of the images are clicked on to load their respective pages, a faint, dotted "cut out" line surrounds the gif images and remains unless the entire page is refreshed. It is not the graphic itself, the gifs are clean. The line as it appears is a boundary line of some sort related to the placement of the gifs.

Anyhow, ideally I would like the images to be completely seamless at all times. Any idea of how to set them so they don't get those boxes around them? (if interested to see what I'm talking about, the site is showthereelyou.com - the images are the three film reels on the sidebar).

Thanks in advance.

[lostaussie webforumsuser@macromedia.com]

This dotted line around the gif is a feature of microsoft. i have seen i think! in the extension exchange an extension for removing this very thing. sorry cant think of the name

[Dan Vendel *GOF*]

"gortz2" [email]webforumsuser@macromedia.com[/email] wrote:

> Hey out there. I've created three interactive rollover menu images which when the mouse passes over them they play an animated gif. The inactive image is just a still image of the first frame of the animated gif and I have the properties set to not restore the original image since once the animated gif plays, there is no need to return to the inactive image.
>
> Now the problem. When any of the images are clicked on to load their respective pages, a faint, dotted "cut out" line surrounds the gif images and remains unless the entire page is refreshed. It is not the graphic itself, the gifs are clean. The line as it appears is a boundary line of some sort related to the placement of the gifs.
>
> Anyhow, ideally I would like the images to be completely seamless at all times. Any idea of how to set them so they don't get those boxes around them? (if interested to see what I'm talking about, the site is showthereelyou.com - the images are the three film reels on the sidebar).
>
> Thanks in advance.
>
>

Go to DW Exchange at the MM site and get the extension called "IE Link
Scrubber" by PVII. I can't find it at their own site anymore. Or add
this inside the <a> tag:
onFocus="if(this.blur)this.blur()"

--
Dan Vendel - *GOF*
[url]http://www.vendel.info[/url]
Contact me directly by clicking here:
[url]http://contact.vendel.info[/url]
Formmail tutorial:
[url]http://www.vendel.info/tut/formmail.html[/url]
Nested table demonstration:
[url]http://www.vendel.info/tabletut/[/url]

[Gary White]

On Sun, 27 Jul 2003 09:17:12 +0200, Dan Vendel *GOF*
<see_my_signature_@_the_bottom_of_the_post.com> wrote:

>Go to DW Exchange at the MM site and get the extension called "IE Link
>Scrubber" by PVII. I can't find it at their own site anymore. Or add
>this inside the <a> tag:
>onFocus="if(this.blur)this.blur()"

PVII removed it from their site because it was an accessability
problem that prevented users from activating the link without a mouse.


Gary

[Gary White]

On Sun, 27 Jul 2003 14:46:08 +0200, Dan Vendel *GOF*
<see_my_signature_@_the_bottom_of_the_post.com> wrote:

>> PVII removed it from their site because it was an accessability
>> problem that prevented users from activating the link without a mouse.

>
>Joke, right?

Not at all.


Gary

[David R. Wheeler]

Actually, this is a good point that (I think) few folks think about...

The onclick event handler for firing a JavaScript event or function is probably the most commonly used event on the Internet. No problem, you want something to happen when the user clicks on something. But....

What if the user cannot use a mouse or other pointing device, or the device they have to use doesn't have the equivalent of "click"?

A lot of folks will say it's not necessary, or that they don't care. Still more folks will comment that it's redundant only bloats the code. Fine, no problem... see the above paragraph. ;)

I do a good bit of computer work for a local volunteer organization and one of the officers there is disabled. Confined to a wheelchair, and with hand-eye coordination impairments, he does most of his work from home and spends a *lot* of time on the internet.

Unable to use a pointing device with any amount of accuracy, he navigates the Internet using a custom keyboard. Navigation is a matter of tabbing while watching the screen to see what links have focus, then pressing the spacebar to activate the link.

If the link is dependent on an onclick event... nothing happens.

Those of us without disabilities are more fortunate than we realize, and often fail to consider the needs of those who are not as fortunate.

After watching him struggle through the Internet, I have been in the process of changing all my sites to accommodate these needs.

Use "onkeydown" with "onmousedown".
Use "onkeyup" with "onmouseup"
Use "onkeypress" with "onclick"
Use "onfocus" with "onmouseover"
Use "onblur" with "onmouseout"

Now, if only the extensions would do this when they are applied it would save a lot of time... ;)

--

Dave
-----------------------------------------------------------------
If I were half as smart as people think I am...
I'd be twice as smart as I was before I forgot everything.
(Official victim of CRAFT Syndrome)

=======================


"Gary White" <reply@newsgroup.please> wrote in message news:gup7iv8uch63gng7b7fnqnr41opvg4rs6j@4ax.com...

> On Sun, 27 Jul 2003 14:46:08 +0200, Dan Vendel *GOF*
> <see_my_signature_@_the_bottom_of_the_post.com> wrote:
>

> >> PVII removed it from their site because it was an accessability
> >> problem that prevented users from activating the link without a mouse.

> >
> >Joke, right?

>
> Not at all.
>
>
> Gary

[Dan Vendel *GOF*]

David R. Wheeler wrote:

> After watching him struggle through the Internet, I have been in the process of changing all my sites to accommodate these needs.
>
> Use "onkeydown" with "onmousedown".
> Use "onkeyup" with "onmouseup"
> Use "onkeypress" with "onclick"
> Use "onfocus" with "onmouseover"
> Use "onblur" with "onmouseout"
>
> Now, if only the extensions would do this when they are applied it would save a lot of time... ;)
>

Good point!
But being a js moron, how would e.g. the issue in this thread look?
Like this with both or how?

<a href="foo.html" onFocus="if(this.blur)this.blur()"
onMouseover="if(this.blur)this.blur()">Link</a>

--
Dan Vendel - *GOF*
[url]http://www.vendel.info[/url]
Contact me directly by clicking here:
[url]http://contact.vendel.info[/url]
Formmail tutorial:
[url]http://www.vendel.info/tut/formmail.html[/url]
Nested table demonstration:
[url]http://www.vendel.info/tabletut/[/url]

[David R. Wheeler]

Sorry for the delay in responding - I had to take care of a "Honey do..." :-\

> <a href="foo.html" onFocus="if(this.blur)this.blur()"

This example wouldn't need an alternate method because onfocus is not device dependent.

If you were using onclick="if(this.blur)this.blur()" then you would need to use an alternate method, in this case "onkeypress" with "onclick"

As I understand it (and I could be mistaken), the problem with using things like a link scrubber is that it removes the visual focus indication as soon as an item receives focus. For folks that depend on visual indicators, they can never tell where they are on the page.

I'm not a JavaScript guru by any means so what I've been doing is to apply the behavior once with the onclick event for use with a mouse and then apply it again with the onkeypress event for use without a mouse. I'm fairly sure that there is a better way to do it, but I'll admit I don't know what or how. :)

--

Dave
-----------------------------------------------------------------
If I were half as smart as people think I am...
I'd be twice as smart as I was before I forgot everything.
(Official victim of CRAFT Syndrome)

[Gary White]

On Sun, 27 Jul 2003 17:41:46 -0500, "David R. Wheeler"
<dont-want@no.spam> wrote:

>> <a href="foo.html" onFocus="if(this.blur)this.blur()">

>
>This example wouldn't need an alternate method because onfocus is not =
>device dependent.

Actually, that is the code that started this discussion. The code is a
problem because it absolutely prevents keyboard navigation because as
soon as a link gains focus, it shifts focus off of the link, meaning
that the keyboard cannot be used to activate the link. That's why PVII
removed the link scrubber extension.


Gary

[David R. Wheeler]

> Actually, that is the code that started this discussion.

Right. :)

I just used it as an example e.g. onfocus because it was handy. Guess I should have used a different example for the snippet! :-\ Sorry.

A better example would have been a show/hide layer example such as

<p class="menu" onclick="P7_swapClass(1,'menu3','showit','hideit', 'ul')" onkeypress="P7_swapClass(1,'menu3','showit','hidei t','ul')"><a href="javascript:void()">Page Menu 3</a></p>

The same approach using the mouse hover would substitute onmouseover in place of onclick and onfocus in place of onkeypress

What I've not been able to find an answer to is the javascript:void() for a null link that doesn't jump to the top of the page.

A javascript link will not validate level three compliance, but I can't think of or find any other way to do a null link other than using the #.??


--

Dave
-----------------------------------------------------------------
If I were half as smart as people think I am...
I'd be twice as smart as I was before I forgot everything.
(Official victim of CRAFT Syndrome)

[Dan Vendel *GOF*]

Gary White wrote:
That's why PVII

> removed the link scrubber extension.
>

Ack! Now it makes sense. Your previous post why they took it away could
be read as if they had problems with the *link* to the extension, which
I thought was a joke. :-/

--
Dan Vendel - *GOF*
[url]http://www.vendel.info[/url]
Contact me directly by clicking here:
[url]http://contact.vendel.info[/url]
Formmail tutorial:
[url]http://www.vendel.info/tut/formmail.html[/url]
Nested table demonstration:
[url]http://www.vendel.info/tabletut/[/url]

[Al Sparber- PVII]

"David R. Wheeler" <dont-want@no.spam> wrote in message
news:bg2b4i$3b5$1@forums.macromedia.com...

> Actually, that is the code that started this discussion.

Right. :)

I just used it as an example e.g. onfocus because it was handy. Guess I
should have used a different example for the snippet! :-\ Sorry.

A better example would have been a show/hide layer example such as

<p class="menu" onclick="P7_swapClass(1,'menu3','showit','hideit', 'ul')"
onkeypress="P7_swapClass(1,'menu3','showit','hidei t','ul')"><a
href="javascript:void()">Page Menu 3</a></p>

The same approach using the mouse hover would substitute onmouseover in
place of onclick and onfocus in place of onkeypress

What I've not been able to find an answer to is the javascript:void() for a
null link that doesn't jump to the top of the page.

A javascript link will not validate level three compliance, but I can't
think of or find any other way to do a null link other than using the #.??


....<a href="#" onClick="return false">Page Menu 3</a></p>

[Gary White]

On Mon, 28 Jul 2003 07:55:02 +0200, Dan Vendel *GOF*
<see_my_signature_@_the_bottom_of_the_post.com> wrote:

>Ack! Now it makes sense. Your previous post why they took it away could
>be read as if they had problems with the *link* to the extension, which
>I thought was a joke. :-/

No. I failed to explain clearly. Glad you figured it out now. ;-)


Gary

[Gary White]

On Mon, 28 Jul 2003 00:08:05 -0500, "David R. Wheeler"
<dont-want@no.spam> wrote:

>What I've not been able to find an answer to is the javascript:void() =
>for a null link that doesn't jump to the top of the page.

I rarely use null links. See [url]http://apptools.local/rants/popups.php[/url].


Gary

[David R. Wheeler]

Mmmm... well.... don't I just feel totally stupid ;)

Thanks AL. much appreciated.

--

Dave
-----------------------------------------------------------------
If I were half as smart as people think I am...
I'd be twice as smart as I was before I forgot everything.
(Official victim of CRAFT Syndrome)

[David R. Wheeler]

DNS Error... ?

I don't do popups much if at all myself, but sometimes I will use a null link as an event trigger.

--

Dave
-----------------------------------------------------------------
If I were half as smart as people think I am...
I'd be twice as smart as I was before I forgot everything.
(Official victim of CRAFT Syndrome)

=======================


"Gary White" <reply@newsgroup.please> wrote in message news:6c8aivg05c8hch6c4n4fikrn9k9bvt8qdr@4ax.com...

> On Mon, 28 Jul 2003 00:08:05 -0500, "David R. Wheeler"
> <dont-want@no.spam> wrote:
>

> >What I've not been able to find an answer to is the javascript:void() =
> >for a null link that doesn't jump to the top of the page.

>
> I rarely use null links. See [url]http://apptools.local/rants/popups.php[/url].
>
>
> Gary