473,699 Members | 2,480 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

divContent scroll not working in mozilla

14 New Member
I have CSS based mouseover scrolling for divContent embeded in my webpage.It works fine in IE,but not working in mozilla-FF.
It is located at the location..

Also it is not resolution compatible,i.e. alignment totally messed up when i increased the resolution.Plea se suggest.
Code is as follows:-
Expand|Select|Wrap|Line Numbers
  1. <HTML><HEAD>
  2. <meta http-equiv="Content-Language" content="en-us">
  3. <TITLE>Collections</TITLE>
  4. <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
  5. <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
  6. <meta name="ProgId" content="FrontPage.Editor.Document">
  9. <meta NAME="description" CONTENT="Insert Description Here">
  10. <meta NAME="keywords" CONTENT="Insert Keywords Here">
  11. <script type="text/javascript" language="javascript">
  12. <!-- 
  13. function on1() 
  14. {if (!document.images) return; document.a.src = "http://bytes.com/images/1.jpg"; document.blank.src = "http://bytes.com/images/B_1.jpg";} 
  15. function on2() 
  16. {if (!document.images) return; document.b.src = "http://bytes.com/images/2.jpg"; document.blank.src = "http://bytes.com/images/B_2.jpg";}
  17. function on3() 
  18. {if (!document.images) return; document.c.src = "http://bytes.com/images/3.jpg"; document.blank.src = "http://bytes.com/images/B_3.jpg";}
  19. function on4() 
  20. {if (!document.images) return; document.d.src = "http://bytes.com/images/4.jpg"; document.blank.src = "http://bytes.com/images/B_4.jpg";}
  21. function on5() 
  22. {if (!document.images) return; document.e.src = "http://bytes.com/images/5.jpg"; document.blank.src = "http://bytes.com/images/B_5.jpg";}
  23. function on6() 
  24. {if (!document.images) return; document.f.src = "http://bytes.com/images/6.jpg"; document.blank.src = "http://bytes.com/images/B_6.jpg";}
  25. function on7() 
  26. {if (!document.images) return; document.g.src = "http://bytes.com/images/7.jpg"; document.blank.src = "http://bytes.com/images/B_7.jpg";}
  27. function on8() 
  28. {if (!document.images) return; document.h.src = "http://bytes.com/images/8.jpg"; document.blank.src = "http://bytes.com/images/B_8.jpg";}
  29. function on9() 
  30. {if (!document.images) return; document.i.src = "http://bytes.com/images/9.jpg"; document.blank.src = "http://bytes.com/images/B_9.jpg";}
  31. function on10() 
  32. {if (!document.images) return; document.j.src = "http://bytes.com/images/10.jpg"; document.blank.src = "http://bytes.com/images/B_10.jpg";}
  33. function on11() 
  34. {if (!document.images) return; document.k.src = "http://bytes.com/images/11.jpg"; document.blank.src = "http://bytes.com/images/B_11.jpg";}
  35. function on12() 
  36. {if (!document.images) return; document.l.src = "http://bytes.com/images/12.jpg"; document.blank.src = "http://bytes.com/images/B_12.jpg";}
  37. function on13() 
  38. {if (!document.images) return; document.m.src = "http://bytes.com/images/13.jpg"; document.blank.src = "http://bytes.com/images/B_13.jpg";}
  39. function on14() 
  40. {if (!document.images) return; document.n.src = "http://bytes.com/images/14.jpg"; document.blank.src = "http://bytes.com/images/B_14.jpg";}
  41. function on15() 
  42. {if (!document.images) return; document.o.src = "http://bytes.com/images/15.jpg"; document.blank.src = "http://bytes.com/images/B_15.jpg";}
  43. function on16() 
  44. {if (!document.images) return; document.p.src = "http://bytes.com/images/16.jpg"; document.blank.src = "http://bytes.com/images/B_16.jpg";}
  45. function on17() 
  46. {if (!document.images) return; document.q.src = "http://bytes.com/images/17.jpg"; document.blank.src = "http://bytes.com/images/B_17.jpg";}
  47. function on17a() 
  48. {if (!document.images) return; document.r.src = "http://bytes.com/images/17 1.jpg"; document.blank.src = "http://bytes.com/images/B_17 1.jpg";}
  49. function on17b() 
  50. {if (!document.images) return; document.s.src = "http://bytes.com/images/17 2.jpg"; document.blank.src = "http://bytes.com/images/B_17 2.jpg";}
  51. function on18() 
  52. {if (!document.images) return; document.t.src = "http://bytes.com/images/18.jpg"; document.blank.src = "http://bytes.com/images/B_18.jpg";}
  53. function on19() 
  54. {if (!document.images) return; document.u.src = "http://bytes.com/images/19.jpg"; document.blank.src = "http://bytes.com/images/B_19.jpg";}
  55. function on20() 
  56. {if (!document.images) return; document.v.src = "http://bytes.com/images/20.jpg"; document.blank.src = "http://bytes.com/images/B_20.jpg";}
  57. function on21() 
  58. {if (!document.images) return; document.w.src = "http://bytes.com/images/21.jpg"; document.blank.src = "http://bytes.com/images/B_21.jpg";}
  64. var imgslist = new Array(
  65. "http://bytes.com/images/B_1.jpg",
  66. "http://bytes.com/images/B_2.jpg",
  67. "http://bytes.com/images/B_3.jpg",
  68. "http://bytes.com/images/B_4.jpg",
  69. "http://bytes.com/images/B_5.jpg",
  70. "http://bytes.com/images/B_6.jpg",
  71. "http://bytes.com/images/B_7.jpg",
  72. "http://bytes.com/images/B_8.jpg",
  73. "http://bytes.com/images/B_9.jpg",
  74. "http://bytes.com/images/B_10.jpg",
  75. "http://bytes.com/images/B_11.jpg",
  76. "http://bytes.com/images/B_12.jpg",
  77. "http://bytes.com/images/B_13.jpg",
  78. "http://bytes.com/images/B_14.jpg",
  79. "http://bytes.com/images/B_15.jpg",
  80. "http://bytes.com/images/B_16.jpg",
  81. "http://bytes.com/images/B_17.jpg",
  82. "http://bytes.com/images/B_17 1.jpg",
  83. "http://bytes.com/images/B_17 2.jpg",
  84. "http://bytes.com/images/B_18.jpg",
  85. "http://bytes.com/images/B_19.jpg",
  86. "http://bytes.com/images/B_20.jpg",
  87. "http://bytes.com/images/B_21.jpg", 
  88. "http://bytes.com/images/1.jpg", 
  89. "http://bytes.com/images/2.jpg", 
  90. "http://bytes.com/images/3.jpg", 
  91. "http://bytes.com/images/4.jpg",
  92. "http://bytes.com/images/5.jpg",  
  93. "http://bytes.com/images/6.jpg",
  94. "http://bytes.com/images/7.jpg",
  95. "http://bytes.com/images/8.jpg",
  96. "http://bytes.com/images/9.jpg",
  97. "http://bytes.com/images/10.jpg",
  98. "http://bytes.com/images/11.jpg",
  99. "http://bytes.com/images/12.jpg",
  100. "http://bytes.com/images/13.jpg",
  101. "http://bytes.com/images/14.jpg",
  102. "http://bytes.com/images/15.jpg",
  103. "http://bytes.com/images/16.jpg",
  104. "http://bytes.com/images/17.jpg",
  105. "http://bytes.com/images/17 1.jpg",
  106. "http://bytes.com/images/17 2.jpg",
  107. "http://bytes.com/images/18.jpg",
  108. "http://bytes.com/images/19.jpg",
  109. "http://bytes.com/images/20.jpg",
  110. "http://bytes.com/images/21.jpg"); 
  112. var imgs=new Array(); 
  113. for (x=0; x<imgslist.length; x++) 
  114.  if (document.images) 
  115.   {imgs[x]=new Image(); imgs[x].src = imgslist[x];}  
  117. //--> 
  118.     </script>
  120. <SCRIPT language=JavaScript1.2>
  122. //Browsercheck
  123. ie=document.all?1:0
  124. n=document.layers?1:0
  126. /*********************************************************************************
  127. These are the variables you have to set:
  128. *********************************************************************************/
  130. //The speed of the timeout between each scroll.
  131. timSpeed=50
  133. //The height of the container (change this when it scrolls to much or to little)
  134. contHeight=170
  136. /*********************************************************************************
  137. This is the object constructor function, which applies
  138. methods and properties to the crossbrowser layer object
  139. *********************************************************************************/
  140. function makeScrollObj(obj,nest){
  141.         nest=(!nest) ? '':'document.'+nest+'.'
  142.         this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')
  143.         this.scrollHeight=n?this.css.document.height:eval('document.all.'+obj+'.offsetHeight')
  144.         this.top=b_gettop
  145.         return this
  146. }
  147. //Getting the top for the top method
  148. function b_gettop(){
  149.         var gleft=(n) ? eval(this.css.top):eval(this.css.pixelTop);
  150.         return gleft;
  151. }
  152. //Variables
  153. var scrollTim;
  154. var active=0;
  155. /*********************************************************************************
  156. The scroll function. Checks what way to scroll and checks if the
  157. layer is not already on top or bottom.
  158. *********************************************************************************/
  159. function scroll(speed){
  160.         clearTimeout(scrollTim)
  161.         way=speed>0?1:0
  162.         if((!way && oScroll[active].top()>-oScroll[active].scrollHeight+contHeight) || (oScroll[active].top()<0 && way)){
  163.                 oScroll[active].css.top=oScroll[active].top()+speed
  164.                 scrollTim=setTimeout("scroll("+speed+")",timSpeed)
  165.         }
  166. }
  167. //Clears the timeout so the scroll stops, this is called onmouseout.
  168. function noScroll(){
  169.         clearTimeout(scrollTim)
  170. }
  172. /*********************************************************************************
  173. Initilizes the page, makes a oScroll Array and calls the object constructor.
  174. Here you can add as many scrollObjects as you want
  175. *********************************************************************************/
  176. function scrollInit(){
  177.         oScroll=new Array()
  178.         oScroll[0]=new        makeScrollObj('divScroll1','divCont')
  179.         oScroll[0].css.visibility='visible'
  180. }
  181. /*********************************************************************************
  182. Executes the scrollInit function on pageload.
  183. *********************************************************************************/
  184. onload=scrollInit;
  185. //-->
  186. </SCRIPT>
  188. <SCRIPT language=JavaScript>
  189. <!--
  190. function MM_preloadImages() { //v3.0
  191.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  192.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  193.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  194. }
  196. function MM_swapImgRestore() { //v3.0
  197.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  198. }
  200. function MM_findObj(n, d) { //v4.0
  201.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  202.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  203.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  204.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  205.   if(!x && document.getElementById) x=document.getElementById(n); return x;
  206. }
  208. function MM_swapImage() { //v3.0
  209.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  210.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  211. }
  213. function MM_displayStatusMsg(msgStr) { //v1.0
  214.   status=msgStr;
  215.   document.MM_returnValue = true;
  216. }
  217. //-->
  218. </SCRIPT>
  219. <script type="text/javascript">
  220. <!--
  221. function changeCaption(text) {
  222.    if(document.getElementById) {
  223.       document.getElementById("caption").innerHTML=text;
  224.    }
  225. }
  226. // -->
  227. </script>
  228. </head>
  232. <STYLE>#divControl {
  233.     RIGHT:195px; WIDTH: 2px; POSITION: absolute; TOP: 8px}
  234. #divCont {
  235.     RIGHT: 170px; WIDTH: 520px; CLIP: rect(0px 480px 190px 0px); POSITION: absolute; overflow:hidden; TOP: 200px; HEIGHT: 200px; align: center
  236. }
  237. .clScroll {
  238.     FONT-SIZE: 10px; LEFT:0px; VISIBILITY: hidden; COLOR: #90aace; FONT-FAMILY: verdana, Arial; POSITION: absolute; TOP:0px
  239. }
  240. A:link {
  241.     COLOR: #ffffff; TEXT-DECORATION: none
  242. }
  243. A:visited {
  244.     COLOR: #ffffff; TEXT-DECORATION: none
  245. }
  246. A:active {
  247.     COLOR: #ffffff; TEXT-DECORATION: underline
  248. }
  249. A:hover {
  250.     COLOR: #ffffff; TEXT-DECORATION: underline
  251. }
  252. </STYLE>
  253. <script type="text/javascript" src="simpletreemenu.js">
  256. </script>
  258. <link rel="stylesheet" type="text/css" href="simpletree.css" /></head>
  259. <META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD>
  260. <BODY text=#ffffff style="background-image: url('images/background.jpg');background-repeat: no-repeat;" leftMargin=0 topMargin=0 marginwidth="0">
  261. <TABLE height="644" cellSpacing=0 cellPadding=0 width=1000 border=0>
  262.   <!--DWLayoutTable-->
  263.   <TBODY>
  264.     <TR> 
  266.      <td rowspan="3" width="335" height="649"><img src="http://bytes.com/images/B_1.jpg" width="309" height="466" name="blank"></td>      
  267.       <TD width=568 height="39" vAlign=top colspan="3"> </TD>
  268.     </TR>
  269.     <TR> 
  270.       <TD height="340" width="312"></TD>
  271.       <TD height="340" align="left" width="37">
  273. <br><br><br><br><br><br>
  274. </TD>
  275.       <TD height="340" align="left" width="219">
  276. <ul id="treemenu1" class="treeview">
  277. <li><font face="Arial" size="2"><u><a href="index.htm"><font color="#FF4E0C"><u>Fashion</u></font></a><font color="#FF4E0C"></li>
  278. </font> </u>
  279. </font>
  281. <li><u><font color="#FF4E0C" face="Arial" size="2">Collection</font><font color="#FF4E0C"></li>
  282. </font> </u> 
  283.     <font color="#FF4E0C"> 
  284.     </u> 
  285.     </font> 
  286.     <ul>
  287.     <li><u><font face="Arial" size="2"><a href="collection.htm">
  288.     <font color="#FF4E0C">
  289.     <u>Collection 1</u></font></a></font></u></li>
  290.     <li><u><font face="Arial" size="2"><a href=""><font color="#FF4E0C"><u>Collection 2</u></font></a></font></li>
  291.     <li><u><font face="Arial" size="2"><a href=""><font color="#FF4E0C"><u>Collection 3</u></font></a></font></u></li>
  292.     </ul>
  293. </li>
  294. <li><u><font face="Arial" size="2"><a href=""><font color="#FF4E0C"><u>About Us</u></font></a></font></u></li>
  296. <li><u><font face="Arial" size="2"><a href=""><font color="#FF4E0C"><u>Contact Us</u></font></a></font></u></li>
  297. </ul>
  298. <b>
  299. <script type="text/javascript">
  301. //ddtreemenu.createTree(treeid, enablepersist, opt_persist_in_days (default is 1))
  303. ddtreemenu.createTree("treemenu1", true)
  304. </script>
  305. <p>
  306. <p></TD>
  307.     </TR>
  308.     <TR> 
  309.       <TD height="215" valign="top" width="532"><p align="justify"><font size=2 face="arial" color="#ff4e0c"><span id="caption">This beautiful churidaar kameez is an epitome of elegance and class.Kameez has self woven patterns spread all over. Neckline,sleeve ends and shirt hem have been further decorated by embroidered borders. Contrasting churidaar has been retained simple. Dupatta has embroidered borders.</span></font></p><br><br><p align="right"><a href="#"><img border="0" src="http://bytes.com/images/request a quote.jpg" width="150" height="29"></a></TD>
  310.       <TD height="215" valign="top" width="256" colspan="2"></TD>
  311.     </TR>
  312.   </TBODY>
  313. </TABLE>
  314. <DIV id=divControl style="width: 11; height: 250">
  315. <P>&nbsp;</P>
  316. <P>&nbsp;</P>
  317. <P>&nbsp;</P>
  318. <P>&nbsp;</P>
  319. <P>&nbsp;</P>
  320. <p></P><A 
  321. onmouseover="up.src='images/up_over.gif';scroll(10);MM_displayStatusMsg('Up');return" 
  322. onfocus=if(this.blur)this.blur() onmouseout="up.src='images/up.gif';noScroll()" 
  323. href="javascript:void(0)" document.MM_returnValue><IMG height=12 
  324. src="http://bytes.com/images/up.gif" width=17 border=0 name=up></A></P>
  325. <P><BR><br><br><br><br><br><br><br><A 
  326. onmouseover="down.src='images/down_over.gif';scroll(-10);MM_displayStatusMsg('Down');return" 
  327. onfocus=if(this.blur)this.blur() 
  328. onmouseout="down.src='images/down.gif';noScroll()" href="javascript:void(0)" 
  329. document.MM_returnValue><IMG height=12 src="http://bytes.com/images/down.gif" width=17 border=0 name=down></A></P></DIV>
  330.     <DIV id=divCont>
  331.     <DIV class=clScroll id=divScroll1 style="width: 755; height: 495"> 
  332.     <P align=justify><font color="#000000"><a href="#" onmousedown="on1();"><img onclick="changeCaption('SK-1<br>This beautiful churidaar kameez is an epitome of elegance and class.Kameez has self woven patterns spread all over. Neckline,sleeve ends and shirt hem have been further decorated by embroidered borders. Contrasting churidaar has been retained simple. Dupatta has embroidered borders.')" src="http://bytes.com/images/1.jpg" width="118" height="93" border="0" name="a"></a><a href="#" onmousedown="on2();"><img onclick="changeCaption('SK-2<br>Each motif is highlighted by stones. Neckline and sleeves have been beautified by beads, sequins and stones. Contrasting Churidaar has been retained simple. Crushed dupatta is an added beauty.')"src="http://bytes.com/images/2.jpg" width="118" height="93" border="0" name="b"></a><a href="#" onmousedown="on3();"><img onclick="changeCaption('SK-3<br>This beautiful salwar kameez is an epitome of elegance and class. Kameez has self woven polka dots spread all over. Neckline, sleeve ends and shirt hem have been further decorated by embellished contrasting patchwork. Contrasting salwar has been retained simple. Crushed dupatta is an added beauty.')" src="http://bytes.com/images/3.jpg" width="118" height="93" border="0" name="c"></a><a href="#" onmousedown="on4();"><img onclick="changeCaption('SK-4<br><br>no description')" src="http://bytes.com/images/4.jpg" width="118" height="93" border="0" name="d"></a><a href="#" onmousedown="on5();"><img onclick="changeCaption('SK-5<br>Kameez has delicate print spread all over. Yoke, sleeve ends and shirt hem have been decorated by lace work. Contrasting Churidaar has been retained simple. Dupatta has patchwork at its borders.')" src="http://bytes.com/images/5.jpg" width="118" height="93" border="0" name="e"></a><a href="#" onmousedown="on6();"><img onclick="changeCaption('SK-6<br><br>no description')"src="http://bytes.com/images/6.jpg" width="118" height="93" border="0" name="f"></a><a href="#" onmousedown="on7();"><img onclick="changeCaption('SK-7<br>Kameez has intricately embroidered jaal spread all over the front panel. Embroidery is highlighted by sequins work. Neckline, sleeves end, side slits and shirt hem have been decorated by intricate embroidery. Salwar has been retained simple to ensure due emphasis is given to the exceptionally beautiful kameez. Dupatta has been beautified by lacework.')"src="http://bytes.com/images/7.jpg" width="118" height="93" border="0" name="g"></a><a href="#" onmousedown="on8();"><img onclick="changeCaption('SK-8<br>Kameez has intricate embroidery and sequins work around neckline. Kameez has self woven patterns. Contrasting Churidaar has been retained simple. Crushed dupatta is an added beauty.')" src="http://bytes.com/images/8.jpg" width="118" height="93" border="0" name="h"></a><a href="#" onmousedown="on9();"><img onclick="changeCaption('SK-9<br>Kameez has mirror work spread all over the front panel. Neckline, sleeve ends and shirt hem have been beautified by intricate embroidery and contrasting patchwork. Patchwork is again beautified by mirror work. Salwar has been retained simple to ensure due emphasis is given to the exceptionally beautiful kameez. Contrasting dupatta has been beautified by mirror work and contrasting borders.')" src="http://bytes.com/images/9.jpg" width="118" height="93" border="0" name="i"></a><a href="#" onmousedown="on10();"><img onclick="changeCaption('SK-10<br>Neckline and sleeve ends have been decorated by intricately executed beads, sequins and embroidery. Contrasting Churidaar has been retained simple. Crushed dupatta is an added beauty.')" src="http://bytes.com/images/10.jpg" width="118" height="93" border="0" name="j"></a><a href="#" onmousedown="on11();"><img onclick="changeCaption('SK-11<br>Kameez has self woven polka dots spread all over the front panel. Contrasting sleeves have self woven patterns too. Contrasting yoke has been highlighted by embroidered and embellished print. Churidaar has been retained simple to ensure due emphasis is given to the exceptionally beautiful kameez. Delicate dupatta has lacework at borders.')" src="http://bytes.com/images/11.jpg" width="118" height="93" border="0" name="k"></a><a href="#" onmousedown="on12();"><img onclick="changeCaption('SK-12<br>Kameez has intricately embellished neckline, sleeve ends and shirt hem. Embellishments comprise of beads, sequins and embroidery. Contrasting Churidaar has been retained simple. Crushed dupatta is an added beauty.')" src="http://bytes.com/images/12.jpg" width="118" height="93" border="0" name="l"></a><a href="#" onmousedown="on13();"><img onclick="changeCaption('Kameez has sequins scattered all over the front panel. Neckline, shirt hem and sleeve ends have been beautified by intricate embroidery which is highlighted further by embellishments like beads and sequins. Salwar has been retained simple. Dupatta has been decorated by sequins and laces.')" src="http://bytes.com/images/13.jpg" width="118" height="93" border="0" name="m"></a><a href="#" onmousedown="on14();"><img onclick="changeCaption('SK-14<br>Style - Can be stitched as Salwar Kameez or Semi Patiala Salwar Kameez or Churidaar Kameez<br> Material – Jacquard chiffon<br>Description – Designer Salwar Kameez! This salwar kameez is a true beauty; be it the fabric, the color or the work – everything is amazing.<br>Shirt has all over spread intricately embroidered jaal which is highlighted further by sequins and mirrors. Salwar has been retained simple. Dupatta has sequins spread all over. It has laces all around. Entire embroidery is executed very neatly.')" src="http://bytes.com/images/14.jpg" width="118" height="93" border="0" name="n"></a><a href="#" onmousedown="on15();"><img onclick="changeCaption('Sk-15<br>Shirt has embroidered motifs spread all over the front panel. Must not miss out the patchwork at hem! Churidaar has been retained simple. Dual shaded Dupatta has lacework all around. Entire embroidery is executed very neatly.')" src="http://bytes.com/images/15.jpg" width="118" height="93" border="0" name="o"></a><a href="#" onmousedown="on16();"><img onclick="changeCaption('no description')" src="http://bytes.com/images/16.jpg" width="118" height="93" border="0" name="p"></a><a href="#" onmousedown="on17();"><img onclick="changeCaption('no description')" src="http://bytes.com/images/17.jpg" width="118" height="93" border="0" name="q"></a><a href="#" onmousedown="on17a();"><img onclick="changeCaption('SK-17A<br><br>no description')" src="http://bytes.com/images/17 1.jpg" width="118" height="93" border="0" name="r"></a><a href="#" onmousedown="on17b();"><img onclick="changeCaption('SK-17B<br><br>no description')" src="http://bytes.com/images/17 2.jpg" width="118" height="93" border="0" name="s"></a><a href="#" onmousedown="on18();"><img onclick="changeCaption('SK-18<br><br>no description')" src="http://bytes.com/images/18.jpg" width="118" height="93" border="0" name="t"></a><a href="#" onmousedown="on19();"><img onclick="changeCaption('SK-19<br><br>no description')" src="http://bytes.com/images/19.jpg" width="118" height="93" border="0" name="u"></a><a href="#" onmousedown="on20();"><img onclick="changeCaption('Sk-20<br>Kameez has intricately embroidered and embellished neckline and sleeve ends. It is a great combination of elegance with simplicity. Contrasting churidaar has been retained simple. Crushed dupatta is an added beauty.')" src="http://bytes.com/images/20.jpg" width="118" height="93" border="0" name="v"></a><a href="#" onmousedown="on21();"><img onclick="changeCaption('Sk-21<br>Kameez has intricately embroidered motifs spread all over the front panel. Each motif is highlighted by sequins work. Neckline has been decorated by sequins and bead work. Salwar has been retained simple to ensure due emphasis is given to the exceptionally beautiful kameez. Dupatta has been beautified by lacework.')" src="http://bytes.com/images/21.jpg" width="118" height="93" border="0" name="w"></a></DIV>
  333.     </DIV>
  334. </font>
  336. </BODY></HTML>
Apr 23 '09 #1
3 2589
16,027 Recognized Expert Moderator MVP
If you've got this script from somewhere, then abandon it and get a more modern version.

PS. this is a JavaScript question, so I've moved it to the JavaScript forum.
Apr 23 '09 #2
7,435 Recognized Expert Expert
Don't know about the javascript part but you will never get IE to attempt to perform like more modern browsers, such as FF and all the others, without a proper doctype. Add this to the first line of your markup:
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2.    "http://www.w3.org/TR/html4/loose.dtd">
Unfortunately/fortunately, this will bring IE out of the last century but will change how it looks and you may need to rewrite some of your markup. Also, you are using FrontPage as your editor so we have to use the transitional doctype. New web pages should never do that unless you use older, deprecated markup which, unforuntately again, this is what FrontPage does.

But validate the page and let's see where things fall once you do this.
Apr 23 '09 #3
392 Recognized Expert Contributor
The scrolling is working in Firefox for me.
Apr 29 '09 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

by: David Rwj Cherry CS2000 | last post by:
is there any way to disable or lock vertical scroll bars on a browser window? im a newbie and i just don't want them to appear on my screen. sometimes they appear on IE but not on mozilla. any ideas would be most appreciated.
by: steve farris | last post by:
I have a scroll box that allows multiple selections. Something like: <select size=4 multiple name=xyz> Now, when i show the form i default select one of the entries. If the selected entry is further down the list it won't be seen by the user. Is there a way i can make the selected entry appear in the visible portion of the select box??
by: Simon Wigzell | last post by:
Can I trap when the scroll is ended? This is what I want - the calculator disapears when the site visitor starts scrolling the main page. I'm doing that with an "onScroll()" function. I'm bringing the calculator back with a "onMouseup()" which I thoguht would activate when the scroll bar was released but it doesn't. What I really want is an "offScroll()" but there is no such thing! ...
by: lawrence | last post by:
I thought I was fighting a PHP problem, so I asked about this on a PHP list, but they felt it was a Javascript problem, so I'm reposting a bit of the debate here. Could this Javascript, below, possibly trigger a redirect in Netscape, and send the browser to a file called "0". Cause what is happening is on load, in Netscape, the page redirects to something like: http://www.myDomain.com/0
by: Rob Webster | last post by:
Hi, is there a way using JavaScript to tell a textarea to scroll to the end of it's contents? I'm implementing something that looks like messenger using web forms, after each post the chat area gets updated but I have to manually scroll it down to the end. Rob
by: Simon Wigzell | last post by:
I want to display HTML text inside a div and have the page open scrolled to the bottom. (My div has overflow:auto so that it appears with scroll bars) I have found this that works on a textarea: document.all.MyDivId.scrollTop = document.all.MyDivId].scrollHeight; But this doesn't work on a div. I am using a div because the text I am displaying contains HTML. Surely it is possible to simply set a scroll bar to the bottom in a div???...
by: ergobob | last post by:
Hello, I have two scroll boxes on the same page. The first scroll box is good in IE but the words will not wrap correctly in Firefox. The second scroll box is good in all browsers. You can see this on a test page at http://www.usernomics.com/ergonomic-products-accessories5.html . Can anyone see why the words will not wrap correctly in the first scroll box
by: buntyindia | last post by:
Hi I am creatng a Scrollable Table following is my code. This table is working fine in Mozilla but in IE 6 it is not showing the Scroll Bars.. Please Hellp... Regards, <html> <head></head>
by: Frinavale | last post by:
I think I'm trying to do something impossible. I have a <div> element with a overflow style set to "scroll". In other words my <div> element allows the user to scroll the content within it. There are a number of elements within this <div> that cause the <div> to participate in an Ajax call to the server. In order to maintain the scroll position of the <div> during the Ajax request I store the scroll value in a hidden field so that when...
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.