deathmill
11-01-2005, 10:46 PM
Hi,
I've been trying to resolve this issue for a while and here I am coz its doing my heading. Problem is with firefox on windows xp/2000 - its a gallery rotator - 2 slides, and an iframe in some <DIV>s only thing is when I click the next prev buttons I get the content of the iframe flash above and I don't know why. If i take the iframe out the <DIV> its fine. Tested on mac firefox, safari and all IE's and its fine.
Can anyone help to see whats causing the issue.
Link below:
http://www.fm2xonline.co.uk/mashed_rotator/x.html
otherwise here is the code:
<style>
/* MUST BE ADDED TO ROTATING GALLERY TO HIDE ALL OTHER SLIDES */
.dynLead { float:left; display:none; width:100px; height:100px; padding:0px 0px 0px 0px;}
#rCol { float:left; width:300px; height:300px; border:0px solid #CCCCCC; margin:0px 0px 0px 0px; }
#dl-1 { float:left; display:block;}
#dl-2 { float:left; }
</style>
<script language="javascript">
var currStoryIdx = 1;
var nStories = 2;
function incrStory(incrVal) {
if (nStories == 0) return;
currStoryIdx += incrVal;
if (currStoryIdx > nStories) {
currStoryIdx = 1;
} else if (currStoryIdx < 1) {
currStoryIdx = nStories;
}
showStory();
}
function showStory() {
vizObj = document.getElementById('dl-' + currStoryIdx);
if (vizObj != null) {
for (i = 1; i <= nStories; i++) {
divObj = document.getElementById('dl-' + i);
if (divObj != null) {
divObj.style.display = 'none';
}
}
vizObj.style.display = 'block';
}
}
</script>
</HEAD>
<BODY>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<!-- DL 1 -->
<div id="dl-1" class="dynLead">
hello 1
</div>
<!-- DL 1 -->
<!-- DL 2 -->
<div id="dl-2" class="dynLead">
hello 2
</div>
<!-- DL 2 -->
<a href="javascript:incrStory(-1);">back</a> | <a href="javascript:incrStory(1);">forward</a>
<div id="rCol">
<iframe src="iframe.html" frameborder="0" border="0" width="298" height="180" scrolling="no"></iframe>
</div>
Thanks in advanced. :cool:
Death = $Mill
I've been trying to resolve this issue for a while and here I am coz its doing my heading. Problem is with firefox on windows xp/2000 - its a gallery rotator - 2 slides, and an iframe in some <DIV>s only thing is when I click the next prev buttons I get the content of the iframe flash above and I don't know why. If i take the iframe out the <DIV> its fine. Tested on mac firefox, safari and all IE's and its fine.
Can anyone help to see whats causing the issue.
Link below:
http://www.fm2xonline.co.uk/mashed_rotator/x.html
otherwise here is the code:
<style>
/* MUST BE ADDED TO ROTATING GALLERY TO HIDE ALL OTHER SLIDES */
.dynLead { float:left; display:none; width:100px; height:100px; padding:0px 0px 0px 0px;}
#rCol { float:left; width:300px; height:300px; border:0px solid #CCCCCC; margin:0px 0px 0px 0px; }
#dl-1 { float:left; display:block;}
#dl-2 { float:left; }
</style>
<script language="javascript">
var currStoryIdx = 1;
var nStories = 2;
function incrStory(incrVal) {
if (nStories == 0) return;
currStoryIdx += incrVal;
if (currStoryIdx > nStories) {
currStoryIdx = 1;
} else if (currStoryIdx < 1) {
currStoryIdx = nStories;
}
showStory();
}
function showStory() {
vizObj = document.getElementById('dl-' + currStoryIdx);
if (vizObj != null) {
for (i = 1; i <= nStories; i++) {
divObj = document.getElementById('dl-' + i);
if (divObj != null) {
divObj.style.display = 'none';
}
}
vizObj.style.display = 'block';
}
}
</script>
</HEAD>
<BODY>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<!-- DL 1 -->
<div id="dl-1" class="dynLead">
hello 1
</div>
<!-- DL 1 -->
<!-- DL 2 -->
<div id="dl-2" class="dynLead">
hello 2
</div>
<!-- DL 2 -->
<a href="javascript:incrStory(-1);">back</a> | <a href="javascript:incrStory(1);">forward</a>
<div id="rCol">
<iframe src="iframe.html" frameborder="0" border="0" width="298" height="180" scrolling="no"></iframe>
</div>
Thanks in advanced. :cool:
Death = $Mill