Preserved Topic: clip:rect() in Opera? (Page 1 of 1)

Hmm, I *know* this is not supported, but it seems to me that I remember seeing a hack mr.maX had done for this for a scrolling example, something to do with including the height in a style call inside the <div> maybe. Was I hallucinating? Does anyone know of any hacks to force soemthing like this, or must I resort to floating a layer over my page to hide the stuff that should be hidden? Any comments appreciated.

Your pal, -doc-

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

I?ll only say one word ? inheritance...

The rest can be found here: http://www.max.co.yu/ozone/opera_scroll.html

nice work max!

That was exactly the example I was looking for maX, thanks! I'm going to make a point to share this with some friends of mine who are working on streaming video set-top boxes for TV, they control everything using a built-in version of Opera. These are high-level geeks, really proud of their abilities, and they've *assured* me that clipping in Opera simply cannot be! I'll let them know who came up with this one, and surely, your fame will grow!

Thanks again, truly.

Your pal, -doc-

Hey! That's what I'm working on!

But My Set-Top box is running a browser called Device Mosaic. Hey Doc do you know what box are they using with what middleware?

I'm actually building right now a Virtual Channel for TechTV that will be on the Cablevision system in the tri-state area. We're gonna be showcasing a 2-3 minute Video on Demand clips.

It's the future man! God this stuff is rolled out so much better in Europe it's not fair.



:[ Computers let you make more mistakes faster than any other invention in human history, with the possible exceptions of handguns and tequila. ]:

I don't know too much about it, only that they are building the entire thing, client box to server solutions, in-house. See http://www.i3micro.com/ - this is one cool company. The set-top box even has a cool design to it, they got the new chief designer for the new Ericsson phones to make the cases for them. (ooh! Swoopy.) They've got about 50-60 full-time hardcore Unix geeks who've been working on nothing but developement for the last two years, and they plan on another year before they start a big marketting push. My friend just loves these guys, and from the few I've met, I don't blame 'em, cool people. (I met one guy who was one of the frist beta-testers for Photoshop 1.0, he's gonna get me a copy, how cool is that?)


Your pal, -doc-

mr.maX: I suspect I'm missing some vital piece of information but your script works well in IE and Opera but I thought that getElementById would also work for NS6:
http://developer.apple.com/internet/javascript/nn6dhtml.html

but I've tried it in NS6.1 and it didn't work. I'm just curious about where my understanding of this issue fails.

Emps

That's not actualy real clipping though is it. It's just using overflow:hidden to mask out the rest of the layer. Which is how I first approached scrolling.

I attempted to code my own scrolling box recently complete with scroll bar and dragabul tab which worked in nn4+ ie4+ and op6 but I gave up when trying to get the event capturing to work correctly cross browser... I was also having all sorts of problems in opera and netscape when I resized the page doing things this way. Still, I learnt a hell of a lot trying to get it right, I just lost paitence.

Emps, I don't this NN6 supports *.pixelTop, try just using *.top instead. Although I seem to remember NN6 being rather picky about how you treat and set it's top values....

I'd show you what I had gotten up to on my scroller box but I lost it all when my hard drive recently fell down and went boom. Since it wasn't working out I'm not about to re-code it.

Dracusis: Thanks for the tip - I was wondering if it was something along those lines. I'll dig deeper.

Emps

Dracusis, I know that it isn't real clipping. Most people use clipping when implementing scrollers, since in that way they don't have to use multiple layers, and that's why practically nobody thought about using layer inheritance (like in my example). And that's why all those scrollers don't work in Opera...

Emperor, that script is written only for Opera (because it's just an example), it can work in Mozilla, you just need to modify a few properties like Dracusis said above...

mr.maX: Thanks for that now I know where to look I shouldn't have a problem getting it working in NS6 (famous last words!!).

[like here: www.jwweb.com/20010824.html
which explains the problem]

Emps

[This message has been edited by Emperor (edited 03-05-2002).]

I've got the script working in NS6 (thanks for the pointers) but I was wondering if it would work in NS4.x? I've tried all sorts of variations along the following lines:

else if (document.layers) { // NS4.x

  	if (parseInt(document.scroller_baseLayer.document.scroller_scrollLayer.document.top) == 0) return;

	document.scroller_baseLayer.document.scroller_scrollLayer.document.top = parseInt(document.scroller_baseLayer.document.scroller_scrollLayer.document.top) +2;

but nothing seems to work. Am I barking up the wrong tree or will a small tweak somewhere fix it? I've got to the point where I can't think of another way to attack the problem so I thought I'd throw the it back in here.

Thanks again,

Emps

You were very close...

scrollUp:

if (document.layers)
{
if (document.layers["scroller_baseLayer"].document.layers["scroller_scrollLayer"].top <= document.layers["scroller_baseLayer"].document.layers["scroller_scrollLayer"].height) return;
document.layers["scroller_baseLayer"].document.layers["scroller_scrollLayer"].top = document.layers["scroller_baseLayer"].document.layers["scroller_scrollLayer"].top - 2;
}

scrollDown:

if (document.layers)
{
if (document.layers["scroller_baseLayer"].document.layers["scroller_scrollLayer"].top == 0) return;
document.layers["scroller_baseLayer"].document.layers["scroller_scrollLayer"].top = document.layers["scroller_baseLayer"].document.layers["scroller_scrollLayer"].top + 2;
}

mr.maX: So near and yet so far!! Thanks

Emps