Closed Thread Icon

Preserved Topic: Scrolling... (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=17990" title="Pages that link to Preserved Topic: Scrolling... (Page 1 of 1)" rel="nofollow" >Preserved Topic: Scrolling... <span class="small">(Page 1 of 1)</span>\

 
ACharmedOne
Bipolar (III) Inmate

From: USA
Insane since: Apr 2001

posted posted 06-26-2001 07:40

Yes I know I've asked about this before (well not this exact question duh), but I've never really tried with it till now because I didn't have the layout for it. I have tried with scripts from http://ozoniclabs.com/downloads/scrollBar/ http://www.codephobia.com/ http://ghtml.com/showoff/scrollbar/index.html and http://www.experimental.ro/front/index.php

It is either my stupidity or well I think thats it lol, but I can either not get the thing to work at all, can't get it to leave the top of the page, or can't get it to work without doing the whole page in frames first. I am trying to make a scrolling section over the light area (where content is currently) on http://charmed.numbaa1.co.uk/navigation.shtml and don't want to do iframes again (thats what I did on the last layout and since im going for compatible iframes won't cut it) .... anyways any ideas/help/anything is totally appreciated (I don't have any of my past tries online, they were all on that page and either killed the page or didn't show up or were just dead...)

Anyhow
Thanks
ACO

Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

posted posted 06-26-2001 08:04

I've always had problems getting any scroller to work within a page that has a bunch of CSS stuff in it.

And BTW - I hear Shannon WON'T be missed....... at least according to http://www.msnbc.com/news/539604.asp



ACharmedOne
Bipolar (III) Inmate

From: USA
Insane since: Apr 2001

posted posted 06-26-2001 08:26

hmm....
oh and heh Shannon probably won't be missed by most of the Charmed staff cept Holly, her and Alyssa never got along I don't think and like she's always been spoiled actin from what everyone says. O wellz I'm gonna miss her cause she was and always will be Prue.

galaxal
Paranoid (IV) Inmate

From:
Insane since: Oct 2000

posted posted 06-27-2001 02:16

damn, I hate it when people try to help others by just giving them the link then let them figure out, come on, why not write out the whole script and post it here?
ACharmedOne, don't worry, go to http://msdn.microsoft.com/ and read the IE5/DHTML/CSS documentations, then eventually you will find the keys to come up with a script that will suit your needs. Good Luck


galaxal
Paranoid (IV) Inmate

From:
Insane since: Oct 2000

posted posted 06-27-2001 02:20

by the way, to those of you who are talking about people behind their backs: Shannon can always change a name and come back to ozone.com forum, and she proabably already is looking at this paragraph!!

ACharmedOne
Bipolar (III) Inmate

From: USA
Insane since: Apr 2001

posted posted 06-27-2001 03:17

lol thanks, and I think i decided to just say screw NS 4 (SORRY!!) on this one and do a overflow thing on a div if I can get it to work. But that will only work in IE5.5 + so... o well.. and as for Shannon, I don't know her as a person and am just going on what newspapers and people have said about her stint with 90210 and now her departure from Charmed. She may be a wonderful person or she may not be, but the show won't be the same w/o her.

Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

posted posted 06-27-2001 03:27

Well, if Shannon is here, cool. I thought she was pretty hot, at least till I found out she was a chain smoker. That kinda killed it for me. So, Shannon, if you're here, quit the smokin', babe!

DmS
Paranoid (IV) Inmate

From: Sthlm, Sweden
Insane since: Oct 2000

posted posted 06-27-2001 10:47

Try this, got it to work with a lot of help from ppl here.

code:
<HTML>
<head>
<SCRIPT LANGUAGE="Javascript">
<!--//
// A HUGE thank you and a LOT of credit to all that helped me get this script working,
//foremost to mr.Max, Bitdamaged, and slime over at [url=http://www.ozoneasylum.com]http://www.ozoneasylum.com[/url]
//Thnx dudes! Dan aka dms@dmsproject.com [url=http://www.dmsproject.com]http://www.dmsproject.com[/url]

function reLoad(){
if(document.layers){
location.reload();
}
}
function getObj(name, nest) {
if (document.getElementById)
return document.getElementById(name).style;
else if (document.all)
return document.all[name].style;
else if (document.layers)
if (nest != ''){
return eval('document.'+nest+'.document.layers["'+name+'"]');
}else{
return document.layers[name];
}
}


function moveDown(layerName, nest){
var x = getObj(layerName, nest);
var curPos = parseInt(x.top);
x.top = curPos+2;
timer = setTimeout("moveDown('"+layerName+"','"+nest+"')",10);
}
function moveUp(layerName, nest){
var x = getObj(layerName, nest);
var curPos = parseInt(x.top);
x.top = curPos-2;
timer = setTimeout("moveUp('"+layerName+"','"+nest+"')",10);
}


//-->
</SCRIPT>
</head>

<body marginheight="0" leftmargin="0" topmargin="0" marginwidth="0" marginright="0" bgcolor="#FFFFFF" onResize="javascript:reLoad();">


<DIV ID="down" STYLE="position:absolute; width:20px; height:14px; z-index:11; left: 150px; top:150px; visibility: visible">
<a href="#" onMouseover="javascript:moveDown('scrollArea','hideArea');" onMouseout="javascript:self.clearTimeout(timer);"><img src="img/arrow_up.gif" width="10" height="6" alt="hover to scroll up" border="0"></A>
</DIV>
<DIV ID="up" STYLE="position:absolute; width:19px; height:14px; z-index:11; left: 150px; top: 165px; visibility: visible">
<a href="#" onMouseover="javascript:moveUp('scrollArea','hideArea');" onMouseout="javascript:self.clearTimeout(timer);"><img src="img/arrow_down.gif" width="10" height="6" alt="hover to scroll down" border="0"></A>
</DIV>

<div id="hideArea" style="position:absolute; z-index:10; left:180px; top:150px; width:450px; height:150px; visibility:visible; overflow:hidden;">
<div id="scrollArea" style="position:relative; z-index:9; left:5px; top:5px; width:380px; height:200px; visibility:visible; overflow:visible;">
All text you want to scroll here...
</div>
</div>
<br><br><a href="#" onMouseover="javascript:moveUp('scrollArea','hideArea');" onMouseout="javascript:self.clearTimeout(timer);">Up</a>
<br><br><a href="#" onMouseover="javascript:moveDown('scrollArea','hideArea');" onMouseout="javascript:self.clearTimeout(timer);">Down</a>
</body>
</html>



ACharmedOne
Bipolar (III) Inmate

From: USA
Insane since: Apr 2001

posted posted 06-27-2001 11:26

Thank you so much, It won't be on the next new layout (sorry but like 30 mins b4 i read this I finished a diff layout that didn't require a scroll) but I have to do a layout for season 4 so i'll probably have to use it then

acidbox
Bipolar (III) Inmate

From: purgatory
Insane since: Mar 2001

posted posted 06-27-2001 17:06

If you can't get it to work, there is are good tutorials and samples to download at www.codephobia.com

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 06-27-2001 18:35

Just a small info. CodePhobia's scroller works only in IE.

« BackwardsOnwards »

Show Forum Drop Down Menu