PDA

View Full Version : conveyor belt slideshow fails on IE



fernandes
03-13-2007, 05:54 AM
1) Script Title: conveyor belt slideshow fails on IE

2) Script URL (on DD):
none

3) Describe problem:
I am using the conveyor belt script within a scroll div(scroll:auto). If there is no scroll to the inner div. The script works fine. But if there is a scroll within, the script fails. i.e the conveyor is displayed outside the inner div with scroll. Its something to do with the positioning of the conveyor. But this works fine on mozilla. Can you please help at your earliest.

Thanks,
Angelina Fernandes.
fernandes@isfsdc.com

codeexploiter
03-13-2007, 06:50 AM
Can you provide either

1. A link to the page in which you've found the problem.
2. The complete source code you've used.

fernandes
03-13-2007, 07:41 AM
the html file :
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title></title>
<style>
td.center {
vertical-align:top;
padding-top: 28px;
padding-left: 28px;
padding-right: 28px;
width: 504px;
}

div.content {
border-top-style:solid;
border-top-color:#808080;
border-top-width:1px;
border-left-style:solid;
border-left-color:#808080;
border-left-width:1px;
text-align:left;
vertical-align:top;
height:304px;
overflow: auto;
}
</style>
</head>

<body>
<!--display frame-->
<table class="main" cellpadding="0px" cellspacing="0px" >

<!--header-->
<tr class="header" id="header">
<td colspan="3">
test
</td>
</tr>
<tr>
<td colspan="3" width="100&#37;">
<table class="navigation" id="navigation" >

<tr>
<td class="navleft" id="navleft">&nbsp;</td>
<td class="language">
language
</td>
<td class="search" style="visibility:hidden;">
Search
</td>
</tr>
</table>
</td>
</tr>

<!--Body-->
<tr class="mainbody">


<!--menu-->
<td class="menu">

item1 <br/>
item2

<p class="brochure" id="brochure">
</p>

</td>

<!--end menu-->

<!--could be replace by padding
<td class="horizontalpadding"></td>-->

<!--content-->
<td class="center">

<div id="content" class="content">



<p class="title">
Test
</p>

<p>
test testtesttesttesttesttesttesttesttest vtesttesttesttesttest testtesttesttest
</p>
<p>
testtesttesttesttesttest testtesttesttesttesttesttest testtesttesttesttesttest
</p>
testtest testtesttesttest testtesttesttest

<p>
testtest testtesttesttest testtesttesttesttest testtesttest
</p>
<table class="display" id="display">
<tr>
<td>test</td>
<td>test</td>
</tr>

<td colspan="2">&nbsp;</td></tr>
<tr>
<td>test</td>
<td>test</td>
</tr>
<tr><td colspan="2">&nbsp;</td></tr>
<tr>
<td>test</td>
<td>test</td>
</tr>
<tr><td colspan="2">&nbsp;</td></tr>
<tr>
<td>test</td>
<td>test</td>
</tr>

<tr><td colspan="2">&nbsp;</td></tr>
<tr>
<td>test</td>
<td>test</td>
</tr>
<tr><td colspan="2">&nbsp;</td></tr>
<tr>
<td>test</td>
<td>test</td>
</tr>
</table>


<br/><br/>

test
<script type="text/javascript" src="conveyor.js">
</script>
The conveyor slideshow should be displayed here, but is shown below the inner div on IE(7).
resolution (1024X768)


</div>

</td>

<td class="rightpanel">
<div id="news" class="news">
test testtesttesttesttesttesttest<br>
testtesttesttesttesttesttesttesttest<br>
</div>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<table id="copyright" class="copyright">
<tr >
<td class="left"><a href="javascript:printpage()" >Print this page</a></td>

<td class="right">Contact</td>
</tr>
</table>
</td>
<td>&nbsp;
</td>
</tr>

</table>

</body>
</html>
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&

please refer to attached .js file also

TeckniX
04-19-2007, 09:48 PM
I'm also experiencing some problems in IE where the code seems to be just 'stuck'

line:32 char:22 is the error that IE gives me, which of course is pretty close to useless.

Any updates to the code that was in place? Perhaps I'm missing a key element.

Thanks.

jscheuer1
04-20-2007, 05:08 AM
That (the above attached conveyor.js) is not the current version of the script, use:

http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm

If you still are having problems, post a link to your live page that you are having trouble with.

TeckniX
05-04-2007, 07:30 PM
I modified the code a little bit, and that could be why I broke some stuff.

You can view it all here: http://slasher.org/temp/

I added a left/right scroll arrows, that could probably be improved greatly, but it seemed to work.

One of the issue i was having, was on the refresh rate when there was a limited amount of pictures, like in my example there's only 2 of them, and I would have the divs that are following each other, actually overlapping, and therefore looking rather ugly.

Also the code was slightly modified for it work with left/right, but doesn't currently work in IE, which could be partly my problem of trying to improve the code. I thought the left right functionality was kinda cool, but I'm a n00b in javascript ;)


If you feel like showing me where i've gone wrong, I would really appreciate.

Cheers!

jscheuer1
05-04-2007, 08:14 PM
It's a real mess. The overlapping is because you don't have enough images though. You cannot use <center>, text-align:center, or align="center" for containers with and in this script except in very limited ways. Like a table itself may be align="center", but not divisions or table cells.

I'd go back, as I said and use the script from the DD library:

http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm

TeckniX
05-15-2007, 04:24 PM
I still need to seperate the arrays that will hold the images from the code itself.

Would this still be possible, or I really messed it up?

jscheuer1
05-16-2007, 07:14 AM
There is only one array in the script. As long as it is declared in a separate place before needed by the script, it will work.