btw, the url you showed did not work for me with IE 5.5.....so I kinda GUESSED that this was what you wanted....
Regards,
CJ
Main Topics
Browse All TopicsI need controllable scrolling script to scroll one layer inside of other (or one but clipped layer) to up and down, compatible with IE. Scrolling should be controlled in both direction (up and down) like this workable version for NN:
http://www.adm.kiev.ua/mar
I'll give theese points for workable wersion for IE.
If your script will be universal for both IE and NN I'll increase points to 700.
Best Regards
Gurinn
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.

Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
Dear CJ_S,
Please, don't get it like a 'Rejecting' of your anwer, because script seems potentially workable.
Just tested your script on several computers (mac & PC) on IE (4.5, 5.0) and NN (4.6, 4.72)
Result is next:
NN shows layer without scrolling (onmouseover, onmouseclick)
IE shows only two images with same result - no scrolling :(
I hope you can fix it and I'll give immeadetely A grad and 700pt (if it will work for both NN and IE), or 500pt - if it will be for IE
Best Regards
Gurin
It all worked for me, for both IE and NS...except for one browser on the Mac. IE 4.01.....which showed all the text but with scrolling...
NN all worked...I'm placing a test-site on the net somewhere so you can test it. But it worked for me...everywhere....
here's the site:
http://www.casema.net/~cjf
Regards,
CJ
Business Accounts
Answer for Membership
by: CJ_SPosted on 2000-08-17 at 09:18:48ID: 3969175
Okay, the following is what I always use (I copied and pasted it from a project I made a while ago...and deleted what wasn't necessary).
pt>
ent.jpg" onLoad="scrollInit();">
f" name="Button" border="0"></a>
f" name="Button1" border="0"></a>
scape")?1: 0
td><td><a href='" + Case[i++] + "'>" + Case[i] + "</a></td></tr>";
ml", "replace"); );
********** ********** ********** ********** ********** ****** ********** ********** ********** ********** ********** *****/ :eval('doc ument.all. '+obj+'.st yle') ss.documen t.height:e val('docum ent.all.'+ obj+'.offs etHeight') is.css.pix elTop);
********** ********** ********** ********** ********** ****** ********** ********** ********** ********** ********** *****/ ght + contHeight) || (oScroll[active].top()<0 && way)) croll[acti ve].top()+ speed ll("+speed +")",scrol lSpeed)
********** ********** ********** ********** ********** ****** ********** ********** ********** ********** ********** *****/ lity='hidd en' lity='visi ble' ********** ********** ********** ********** ********** ****** ********** ********** ********** ********** ********** *****/ 'divCont') 'visible'
ramma() ,'divContT rendcongre sProgramma ') 'visible'
It consists of 3 pages. One html page, a js file...and a css file...here they are:
The HTML file:
<html>
<head>
<title>Dynamic</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="hbd2.css">
<script src="ContentPro.js"></scri
</head>
<body bgcolor="#FFFFFF" background="images/bg_cont
<div id="divCont">
<div id="divScroll" class="clScroll">
<table border="0">
<tr>
<td width="10"></td>
<td>e-Commerce breekt door in Europa en verandert de economie in een e-Economie. Wat gaat dit betekenen voor de Nederlandse detailhandel? Hoe ziet het speelveld eruit, wat zijn de spelregels, wie zijn de spelers en welke strategieën kiezen zij?<br><br>
Met dit trendcongres willen het HBD en VEDIS voorbeelden laten zien en handvatten aanreiken aan beslissers in en om de detailhandel, zodat zij op de nieuwe ontwikkelingen kunnen inspelen.<br><br>
De inhoud van het programma is gebaseerd op onderzoek dat in opdracht van het HBD is uitgevoerd door Andersen Consulting en EIM. Op basis van dit onderzoek is een visie ontwikkeld hoe de e-Economie de detailhandel op korte en langere termijn zal veranderen.<br><br>
Op het congres heeft de Amerikaanse retail consultant Sanford Stein als keynote speaker een inspirerende lezing gehouden over het 'opnieuw uitvinden' van de detailhandel in de e-Economie.<br><br>
Daarna heeft Mark Hillen van Andersen Consulting de resultaten van het onderzoek naar de detailhandel in de e-Economie gepresenteerd. Hier zijn de gevolgen van de e-Economie voor de detailhandel aan bod gekomen. Mark Hillen is tevens ingegaan op verschillende bedrijfsmodellen en strategieën die detaillisten kunnen helpen bij het benutten van kansen in de e-Economie. Zowel succes- als faalfactoren van e-Retailing zijn aan de orde gekomen.<br><br>
Na de pauze, waarin de deelnemers via een beleggingspel hun voorkeur voor één van de drie basisrollen van de e-Economie hebben aangegeven, is er onder leiding van Felix Meurders een levendige paneldiscussie gehouden. Vier bedrijven, die de drie basisrollen van de e-Economie min of meer vertegenwoordigen, hebben hun ervaringen met de bedrijfsmodellen van de e-Economie uitgewisseld. Aan het panel hebben deelgenomen: Fer van der Plas van Macintosh Retail Group, Carla Beijsens van Be Dressed, Maarten Buikhuisen en Kay Formanek van ePearle en Ernst Bökenkamp van Letsbuyit.com.<br><br>
Het HBD/VEDIS Trendcongres 2000 richt zich op:<br>
<li> Functionarissen van koepels en brancheorganisaties in de detailhandel</li>
<li> Beslissers bij inkooporganisaties en grootwinkelbedrijven</li>
<li> Ondernemers die (nog niet) actief zijn op het gebied van e-Retailing</li>
<li> Makelaars en projectontwikkelaars</li>
<li> Marketeers
<li> Adviseurs in de zakelijke en financiële dienstverlening</li>
<li> Docenten in het retailonderwijs</li>
<br>
Bezoekers van het HBD/VEDIS Trendcongres 2000 vinden hier informatie over het door hen bezochte congres.
</td>
</tr>
</table>
</div>
</div>
<div id="divControl">
<table width="465" height="320" border="0" cellpadding="0" cellspacing="0">
<tr height="140">
<td width="26" height="110" valign="top">
<a href="#" onmouseover="scroll(2);" onmouseout="noScroll()" onmousedown="scroll(5);" onmouseup="noScroll();">
<img src="images/pijl_omhoog.gi
</td>
</tr>
<tr height="25">
<td width="26" height="25"
>
<a href="#" onmouseover="scroll(-2);" onmouseout="noScroll();" onmousedown="scroll(-5);" onmouseup="noScroll();">
<img src="images/pijl_omlaag.gi
</td>
</tr>
</table>
</div>
</body>
</html>
THE JS FILE called ContentPro.js
ie=document.all?1:0
//n=document.layers?1:0
n=(navigator.appName=="Net
//The speed of the initial timeout between each scroll.
timSpeed=10
//The increase in speed after each scroll.
timDelta=2
//The height of the container (change this when it scrolls to much or to little)
contHeight=250;
function FillDiv(Obj, Cases)
{
var Str = n ? eval("document.layers['" + Obj + "']") : eval("document.all['" + Obj + "']")
Case = eval(Cases);
var HTMLStr = "<br><table border=0>";
for(i=0;i<Case.length;i++)
{
HTMLStr += "<tr><td><img height=1 width=10 src='images/spacer.gif'></
}
HTMLStr += "</table>"
if(n)
{
Str.document.open("text/ht
Str.document.write(HTMLStr
Str.document.close();
}
else
Str.innerHTML = HTMLStr;
}
/*************************
Object Constructor...deze stelt de methoden en properties vast van de objecten
**************************
function makeScrollObj(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj)
this.scrollHeight=n?this.c
this.top=b_gettop
return this
}
//Getting the top for the top method
function b_gettop(){
var gleft=(n) ? eval(this.css.top):eval(th
return gleft;
}
//Variables
var scrollTim;
var active=0;
var scrollSpeed=0;
/*************************
Scroll functie:
Kijkt welke kant op moet worden gescrolled, en of hij niet al op zijn maximale
positie is.
**************************
function scroll(speed){
clearTimeout(scrollTim)
if (scrollSpeed==0) scrollSpeed = timSpeed;
way=speed>0?1:0
if((!way && oScroll[active].top() > -oScroll[active].scrollHei
{
oScroll[active].css.top=oS
scrollTim=setTimeout("scro
if (scrollSpeed>timDelta) scrollSpeed -= timDelta;
}
}
//Clears the timeout so the scroll stops, this is called onmouseout.
function noScroll(){
scrollSpeed = 0;
clearTimeout(scrollTim)
}
/*************************
Veranderen van de actieve layer..verbergt de vorige layer en toont de nieuwe.
**************************
function changeActive(num){
oScroll[active].css.visibi
active=num
oScroll[active].css.top=0
oScroll[active].css.visibi
}
/*************************
Initialiseerd de pagina, roept de object constructor aan.
Hier kun je zoveel objecten aanmaken als je wilt.
**************************
function scrollInit()
{
oScroll=new Array()
oScroll[0]=new makeScrollObj('divScroll',
oScroll[0].css.visibility=
}
function scrollInitTrendcongresProg
{
oScroll=new Array()
oScroll[0]=new makeScrollObj('divScroll1'
oScroll[0].css.visibility=
}
function SH(Obj, VisStr)
{
var Str = n ? eval("document.layers['" + Obj + "']") : eval("document.all['" + Obj + "'].style")
Str.visibility = VisStr;
}
AND THE CSS FILE called hbd2.css
#divCont {
position: absolute;
font-size: 10px;
font-weight: normal;
font-family: verdana;
top: 50px;
left: 22px;
width: 454px;
height: 270px;
visibility: visible;
clip:rect(0,475,270,0)
}
#divControl
{
position: absolute;
top: 30px;
left: 490px;
width: 30px;
height: 310px;
visibility: visible;
}
#divScroll1 { position: absolute;
top: 0px;
left: 0px;
visibility: hidden
}
..clScroll { font-size: 12px;
position: absolute;
font-family: verdana;
top: 0px;
left: 0px;
visibility: hidden
}
ALL OF THESE TOGETHER SHOULD WORK.......
All you have to do is change the text, and it'll scroll for you.....if you need the scrolling area at another place you should edit the #divControl and in that the positions..left, top etc....it's IE and NS compatible....
Regards,
CJ