RobB wrote:
> François de Dardel wrote:
> > The URL is:
> > http://mapage.noos.fr/dardelf3/tintin/ListeAutos.html
> > The JS is in the header
> >
> > This page behaves as follows:
> > Safari (Mac) OK
> > MSIE (Mac) OK
> > MSIE 5.0 (PC) OK (on Virtual PC on the Mac)
> > MSIE 5.1 (PC) No on my office PC (chgImg works, but MoveDIV
doesn't)
> > FireFox (Mac) No (chgImg works, but MoveDIV doesn't)
> > iCab (Mac) No (chgImg works, but MoveDIV doesn't)
> >
> > The faulty function is:
> >
> > function moveDIV() {
> > // moves the picture in a new position...
> > mouseY=document.body.scrollTop+50;
> > // Gets the scroll position and positions the DIV 50 px below top
> > autoDIV.style.pixelTop = mouseY;
> > }
> >
> > I've spent 3 days experimenting and searching examples on the web,
> but
> > I still found no solution.
> >
> > Can anyone give me a solution ?
> >
> > Many thanks in advance.
> >
> > --
> > François de Dardel
> > http:/mapage.noos.fr/dardelf/
> > Faber est suae quisque fortunae
> > Enlever le quatorze pour m'écrire
> > Remove fourteen in the address to send mail
(snip)
Just a rough example...
Paste in this HTML:
<BODY BGCOLOR="#FFFFFF">
<DIV ID="autoDIV"
STYLE="position:absolute;left:2px;top:102px;width: 120px;border:1px
black solid;">
<A HREF="#" onClick="chgImg('rien.gif')"><IMG SRC="5CV_s.jpg"
NAME="slideshow" WIDTH=120 HEIGHT=80 BORDER=0></A></DIV>
<A HREF="http://mapage.noos.fr/dardelf/index.html" TITLE="FD home"
onMouseOver="changeIt('FD2', '../images/Blason7on.gif')"
onMouseOut="changeIt('FD2', '../images/Blason7.gif')"><IMG
SRC="../images/Blason7.gif" NAME="FD2" ALT="To
François´ homepage" BORDER="0" ALIGN="left"></A>
<TABLE SUMMARY="Liste" BORDER="0" CELLSPACING="0" CELLPADDING="2"
ALIGN="center" WIDTH="80%">
<TR>
<TD ROWSPAN=999 WIDTH=1></TD>
<TD COLSPAN=3 CLASS="grandbleu">Les autos de Tintin</TD>
<TD ALIGN="right" CLASS="bleu" COLSPAN=2><B>A list of all Tintin
cars</B></TD>
</TR>
............
............
....and this JS (replaces Load_Image, chgImg, moveDIV):
<script type="text/javascript">
function chgImg(myImg)
{
document.slideshow.src = myImg;
}
function moveDIV(e)
{
var y_mouse, y_scroll, el, picHt = 80, adj = 2;
if (e = e || window.event)
{
if ('undefined' != typeof e.clientY)
y_mouse = e.clientY < picHt ? picHt : e.clientY;
else if ('undefined' != typeof e.pageY)
y_mouse = e.pageY < picHt ? picHt : e.pageY;
if (y_mouse)
{
if (self.pageYOffset)
y_scroll = self.pageYOffset;
else if (document.documentElement &&
document.documentElement.scrollTop)
y_scroll = document.documentElement.scrollTop;
else if (document.body)
y_scroll = document.body.scrollTop;
if ((document.getElementById
&& (el = document.getElementById('autoDIV')))
|| (document.all
&& (el = document.all['autoDIV'])))
{
el.style.top = y_mouse + y_scroll + adj - picHt + 'px';
}
}
}
}
</script>
And: change *all* of these -
onMouseOver="moveDIV();
....to:
onMouseOver="moveDIV(event);
Similar Threads
