PeeweeJD
07-16-2006, 03:24 PM
I have a hack on a board that can toggle avatars toggle xbox live gamercards.
For each post, the avatar area loads 2 divs: one shows the icon, the other shows an xbox live gamercard in an iframe
The xbox live one is hidden by default. To show it, a user clicks an xbox 360 logo under the user info area and a javascript toggles the visibility of the two divs.
Here is the html that ends up in the browser.
<div id="foreground_56432" style="display: block;">
<br /><a href="member.php?u=61"><img src="image.php?u=61&dateline=1153025849" alt="Seth's Avatar" border="0" /></a>
</div>
<div id="background_56432" style="display: none;">
<br/><iframe src="http://gamercard.xbox.com/Diamond Jack.card" scrolling="no" frameBorder="0" height="140" width="204">Diamond Jack</iframe>
</div>
It works great except for one thing (and so far its only a problem in IE). For each iframe it adds a history entry for the iframe's "src". So users have to click "back" like 12 times to go back.
Can anyone help me stop this behavior?
For each post, the avatar area loads 2 divs: one shows the icon, the other shows an xbox live gamercard in an iframe
The xbox live one is hidden by default. To show it, a user clicks an xbox 360 logo under the user info area and a javascript toggles the visibility of the two divs.
Here is the html that ends up in the browser.
<div id="foreground_56432" style="display: block;">
<br /><a href="member.php?u=61"><img src="image.php?u=61&dateline=1153025849" alt="Seth's Avatar" border="0" /></a>
</div>
<div id="background_56432" style="display: none;">
<br/><iframe src="http://gamercard.xbox.com/Diamond Jack.card" scrolling="no" frameBorder="0" height="140" width="204">Diamond Jack</iframe>
</div>
It works great except for one thing (and so far its only a problem in IE). For each iframe it adds a history entry for the iframe's "src". So users have to click "back" like 12 times to go back.
Can anyone help me stop this behavior?