DHTML Question!

**Emo** · Jul 19th, 2001, 11:34 PM

I'm helping out with that project they are doing in the Project Request Forum about the Compiler w/o Run-Times... Well I'm managing the website and I have a question!

On the main menu, I made it so when you move your mouse over one of the sections of the site, a DHTML pop-up will show up and tell you a little description about it. I tested it out in both IE and Netscape and I got 2 different things...

In IE it just appears...
But in Netscape, it appears gradually and it looks Very Nice!

Can someone tell me why IE is not doing the same?

The site is http://www.mxcod.f2s.com

Thanks!
-Emo

**sail3005** · Jul 19th, 2001, 11:38 PM

it looks great to me in IE 5.5

**Emo** · Jul 19th, 2001, 11:40 PM

Huh, strange... I have IE 5.5 also and it just appears it doesn't do that Gradual appearance like in Netscape...

So it appears gradually?

-Emo

**sail3005** · Jul 20th, 2001, 12:08 AM

yeah, it is a cool fading animation

**sail3005** · Jul 20th, 2001, 12:12 AM

heres proof.......

**Emo** · Jul 20th, 2001, 12:43 AM

I believe you but I dont get it if we are both using IE 5.5 and you get it and I don't...

-Emo

**sail3005** · Jul 20th, 2001, 12:47 AM

strange...i just had a simular problem with my friend...we were both using NS6, and he was seeing something one way, and i was seeing it another..

I expect those kind of things with NS though

**Psyrus** · Jul 20th, 2001, 01:42 PM

I'm using IE5.5 latest SP and it looks really good...

Chris

**sail3005** · Jul 20th, 2001, 01:56 PM

BTW, did you make that, or get it from somewhere?

**Psyrus** · Jul 20th, 2001, 01:56 PM

I was able to get it to "just appear" though. Slowly move the cursor over a link until it just becomes the hand cursor, then slowly move onto the link.

Try closing this tag:


<a href="http://www.mxcod.f2s.com/about/about.html" onmouseover="writetxt('This will show you what VBMaX is all about!')" onmouseout="writetxt(0)">

About

</a>

The problem also could be Event Bubbling, an IE feature... Check through the javascript code and see if it has been disabled.
cancelBubble = true;

Once you hit the tag, which is being used as a container element, the ONMOUSEOVER event is firing. The code to show the popup is being loaded but not executing here. So when the mouse reaches the <A> tag the event finishes executing.

Just a thought...

Chris

**Emo** · Jul 20th, 2001, 02:38 PM

Originally posted by sail3005
BTW, did you make that, or get it from somewhere?

I wish I was able to do that...

I got it from www.dynamicdrive.com

-Emo

**Emo** · Jul 20th, 2001, 02:44 PM

Originally posted by Psyrus
I was able to get it to "just appear" though. Slowly move the cursor over a link until it just becomes the hand cursor, then slowly move onto the link.

Try closing this tag:


<a href="http://www.mxcod.f2s.com/about/about.html" onmouseover="writetxt('This will show you what VBMaX is all about!')" onmouseout="writetxt(0)">

About

</a>

The problem also could be Event Bubbling, an IE feature... Check through the javascript code and see if it has been disabled.
cancelBubble = true;

Once you hit the tag, which is being used as a container element, the ONMOUSEOVER event is firing. The code to show the popup is being loaded but not executing here. So when the mouse reaches the <A> tag the event finishes executing.

Just a thought...

Chris

Thanks for the suggestion, but only the about section didn't have this... the rest did and they still werent' working...

Also I didn't understand what you meant by the cancelBubble=true statement...

-Emo

**sail3005** · Jul 20th, 2001, 02:48 PM

Originally posted by Emo

I wish I was able to do that...

I got it from www.dynamicdrive.com

-Emo

Hmmm...they must have updated, i have not seen that there before...anyway, that site is awesome

scoutt · Jul 20th, 2001, 02:55 PM

well I just downloaded ns6 and I went to your page and it did the exact samething as in IE5.5. if looked identical. they both faded but NS6 was a little bit faster fade.

**sail3005** · Jul 20th, 2001, 03:06 PM

Yeah, the good thing about dynamic drive, is that they are starting to convert a lot of their scripts so that they support NS6.

**Emo** · Jul 20th, 2001, 04:41 PM

Originally posted by scoutt
well I just downloaded ns6 and I went to your page and it did the exact samething as in IE5.5. if looked identical. they both faded but NS6 was a little bit faster fade.

I know, I tested it out in NS6 and it did the fade, but not in IE...

P.S. Hey Sail right now I have 204 posts and you have 904...

700 more and I'll get you!

-Emo

**sail3005** · Jul 20th, 2001, 05:04 PM

hahaha, just keep working at it...thats what i did. I still don't know how some people got like 7000 posts!

**Wynd** · Jul 20th, 2001, 05:06 PM

It doesn't fade for me in IE 5.5.

**sail3005** · Jul 20th, 2001, 05:26 PM

Originally posted by Wynd
It doesn't fade for me in IE 5.5.

man, ***, this is like the second time that we have had the same page, and same browser, but we get different views!

**Psyrus** · Jul 20th, 2001, 09:08 PM

This isn't a unique thing either, it happens alot. When I was taking night courses and we were doing web development all of the computers had the same version of IE installed. The same script would run visually different in some of the computers. The only thing that might have been different were the video cards.

Event Bubbling

Is an IE specific feature where any event bubbles up to the document level from all elements.

Code:

<html>
<head>
<title></title>
<script>
function alertMe(){
alert("I was clicked!" + event.srcElement.tagName);
//event.cancelBubble=true;
}
document.onclick = alertMe;
</script>
</head>
<body>
<p ONCLICK = "alertMe();">AlertMe Test</p>
</body>
</html>

With this code the alert will fire twice, once on the tag and again on the document(body).

Remove the comments on the cancelBubble line and it will only fire once for the effectively canceling the event from bubbling up to the document(body). By setting cancelBubble=true you stop the bubbling at that element.

Chris

**sail3005** · Jul 20th, 2001, 09:36 PM

Originally posted by Psyrus
This isn't a unique thing either, it happens alot. When I was taking night courses and we were doing web development all of the computers had the same version of IE installed. The same script would run visually different in some of the computers. The only thing that might have been different were the video cards.

Just another thing that the browser programmers do to drive the developers insane.

**Psyrus** · Jul 21st, 2001, 08:21 PM

It's not just the browsers that can be a problem. Video cards, monitors, OS's and the multiple versions(different builds) of the same version of the browsers, if you know what I mean.

Chris

**sail3005** · Jul 21st, 2001, 08:58 PM

yeah, why can't everyone have the same computer/settings as me!?

scoutt · Jul 21st, 2001, 09:54 PM

that is because you are just special Sail

**sail3005** · Jul 22nd, 2001, 12:00 AM

oh, ok. thats not always a good thing though

**Emo** · Jul 22nd, 2001, 02:57 AM

By the way Sail... I have to ask you... who is that guy in your Avatar? I used to like that boat... it went nice with your name here

-Emo

**sail3005** · Jul 22nd, 2001, 11:19 AM

It's stalney kubrick. He is is (was) an awesome director.

The boat, or a different boat will be back soon. It was just time for a temporary change

**Emo** · Sep 5th, 2001, 01:31 AM

LOL, I know this is an OLD OLD thread, but I wanted to post the solution to the original problem...

In IE5.5 SP1 you can't see the animaiton!

I downloaded the second Service Pack and now it's ok...

-Emo

Thread: DHTML Question!

Thread Tools

Display

DHTML Question!

This is my 200th post! :)

Posting Permissions