IE 6, link showing on status bar but won't go - bug? if open in new window it works

[winterheat]

I wonder if somebody saw this IE 6 bug that for a link, the destination shows on the status bar, but when you click on it, then it won't go. (the page just stays there)

if you right click and choose "open in new window", then it will do so...

this bug only shows up on IE 6, not on IE 7 or FF or Chrome or Safari.

you can see it at

http://apps.facebook.com/superwall/t...php?type=cards [note: you need to have a facebook account]

by clicking "Favorite" under the greeting card. The link will change to "Added to Favorites" but when you click on the link "Favorites", it won't go (on IE 6). The address shows on IE 6's status bar. But if you right click and say Open in New Window, it will succeed.

[this bug is there but might be fixed later on...]

[Dan Schulz]

Got a log in page. (I'm not a facebook user, nor do I ever intend to be.)

But it sounds like you may have a depth-sorting error of some sort. Try adding position relative (if the current position is static) and a z-index. That should fix it for you.

[winterheat]

Got a log in page. (I'm not a facebook user, nor do I ever intend to be.)

But it sounds like you may have a depth-sorting error of some sort. Try adding position relative (if the current position is static) and a z-index. That should fix it for you.

ah... it could also be due to the fact that the link is created by using

getElementById("divSomething").innerHTML = 'Added to <a ...> Favorites</a>';

but i am not sure yet. hmm... by the way, i tried added style="position: relative" to it and it is still the same.

hm... not want to try Facebook? It has some cool apps... like the game "Who has the Biggest Brain" that get some people addicted. Also, it is a way to let people know what your email address is, like even if you haven't wrote to them for a while (like old coworkers or old college friends).

[RyanReese]

Who are you, a marketer ?

I am at school and going to facebook would be bad...but even if you get to the new page, does the bug still exist? Even going over a new link? Perhaps that is just IE6, or perhaps one of the hundreds of bugs it possibly has.

[Dan Schulz]

That shouldn't matter though, winterheat. If it's accessible to the DOM (client-side, that is), CSS can modify it. Why not try giving it a position (and if necessary, a z-index) and see what happens?

[winterheat]

That shouldn't matter though, winterheat. If it's accessible to the DOM (client-side, that is), CSS can modify it. Why not try giving it a position (and if necessary, a z-index) and see what happens?

oh i already did add the position:relative and it didn't work. z-index... shouldn't matter, right? coz by the fact that when the mouse is over the link, the status bar of IE 6 will show that address.

When you right click on that link and choose "Open in New Window" it works. Just that if you left click it, it won't react at all. Only happen in IE 6. Not IE 7, FF, Safari, Chrome.

[cooper.semantics]

oh i already did add the position:relative and it didn't work. z-index... shouldn't matter, right? coz by the fact that when the mouse is over the link, the status bar of IE 6 will show that address.

When you right click on that link and choose "Open in New Window" it works. Just that if you left click it, it won't react at all. Only happen in IE 6. Not IE 7, FF, Safari, Chrome.

That is a very peculiar issue. It has to be some 'JavaScript' issue then.

[winterheat]

That is a very peculiar issue. It has to be some 'JavaScript' issue then.

is that right... it is in fact just a link, like

<a href="http:// ... " target="_top">some word</a>

and that's it, a very simple link.

It doesn't use pseudo protocol like <a href="javascript:goSomewhere()"> ... </a>

and it doesn't use javascript like <a href="#" onclick="goSomewhere(); return false;"> ... </a>

[cooper.semantics]

ah... it could also be due to the fact that the link is created by using

getElementById("divSomething").innerHTML = 'Added to <a ...> Favorites</a>';

So, is there any JavaScript being passed in?

Also, just because there are no inline event handlers, there could be 'unobtrusive' javascript, which I highly doubt

I myself am not a 'facebook' user, therefore, I can't view the page you are referring to

[winterheat]

ah... maybe if i can reduce it to a simple case... the fact it is using AJAX and then facebook's main page uses XHTML... makes a little more complicated... if i can reduce it i will post it here.

by the way, do you guys use LinkedIn, or MySpace or something? or a blogger?

[RyanReese]

I use myspace and facebook, but why do you ask?

[winterheat]

I use myspace and facebook, but why do you ask?

coz the other guys want to look at the page with that bug but they don't have a facebook account. so i just wonder what they use to keep in touch...

[Dan Schulz]

oh i already did add the position:relative and it didn't work. z-index... shouldn't matter, right? coz by the fact that when the mouse is over the link, the status bar of IE 6 will show that address.

When you right click on that link and choose "Open in New Window" it works. Just that if you left click it, it won't react at all. Only happen in IE 6. Not IE 7, FF, Safari, Chrome.

Try it with a relative position and a z-index then. (like a thousand just for testing purposes). If it doesn't work, then you'll have to post the full code here.

[marcusig]

Hi there!
I had the same problem and i just solved it. It's actualy a css issue, as javascript does nothing to the way html is displayed.
My link was like this:

<a href="link.html">
    <span class="myclass1"><img src="myimg.jpg" /></span>
    <span class="myclass2">This is some text</span>
</a>

And the css was:

	a
	{
		display:block;
		text-decoration:none;
		width:220px;
		height:75px;
		position:relative;
	}
		a span.myclass1
		{
			display:block;
			width:100px;
			position:absolute;
		}
		a span.myclass2
		{
			display:block;
			width:110px;
			position:absolute;
			left:110px; top:0;
		}

And the bug apeared on both IE6 and IE7.
Apparently, the problem came from the absolute positioning of the img, as i was able to click on the text part of the link.

So i turned this to :

<a href="link.html">
    <img src="myimg.jpg" />
    <span class="myclass2">This is some text</span>
</a>

	a
	{
		display:block;
		width:220px;
		height:75px;
	}
	a img
	{
		float:left;
	}
	a span.myclass2
	{
		display:block;
		width:110px;
		float:right;
		padding-top:5px;
		font-size:11px;
	}

Hope it helps!

Marc