channonyarrow: (the circus is in town // rentboy_icons)
channonyarrow ([personal profile] channonyarrow) wrote2009-03-10 04:06 pm

Query

Anyone on my flist who can identify Java in the wild? I have a webpage that uses a menu effect I want to copy. I can't read javascript as relative to this (from view source) and the view source is fairly insistent that I'm wrong, no way man, it's all just CSS, man, what kind of girl do I take the webpage to be?

I know it's not Flash because I can view source.

Anyone willing to take a look and tell me what the fuck I'm looking at? I seriously just need to know if it's Java or CSS.

[identity profile] active-apathy.livejournal.com 2009-03-11 08:09 am (UTC)(link)
I might be able to. Where is this website with the menu effect?

[identity profile] channonyarrow.livejournal.com 2009-03-11 02:48 pm (UTC)(link)
Cool, thanks!

The website is http://youlove.us; click on "about us" at the top and it'll scroll down to the appropriate section. The part I'm interested in is the highlight tab and scrolling menu, not the overall page scroll; if you click on Spencer Lavery, for example, the in-page content box scrolls, and that's what I'm curious about. The page uses a lot of Java elsewhere, but I just don't recognise it well. I'm assuming because it scrolls, in fact, it's Java, but I can't confirm.

[identity profile] jkivela.livejournal.com 2009-03-11 01:57 pm (UTC)(link)
I can give it a try...

[identity profile] channonyarrow.livejournal.com 2009-03-11 03:14 pm (UTC)(link)
Awesome, thanks!

The website is http://youlove.us; click on "about us" at the top and it'll scroll down to the appropriate section. The part I'm interested in is the highlight tab and scrolling menu, not the overall page scroll; if you click on Spencer Lavery, for example, the in-page content box scrolls, and that's what I'm curious about. The page uses a lot of Java elsewhere, but I just don't recognise it well. I'm assuming because it scrolls, in fact, that it's Java, but I can't confirm.

[identity profile] jkivela.livejournal.com 2009-03-11 03:30 pm (UTC)(link)
I'm pretty sure it is driven by JavaScript. Looking at the source and then tracing the scripts that it is calling, I think the two useful bits are:
http://youlove.us/js/FancyZoomHTML.js
http://youlove.us/js/FancyZoom.js

The first seems to create the objects (the box, image, text) and then the second places it. I think. The CSS is just used to tag the <div>s so that the js can find them, I think.

Granted, I don't know js at all, just a few bits from poking around and the few and limited programing classes I've taken. But that's my take on it.
Edited 2009-03-11 15:31 (UTC)

[identity profile] channonyarrow.livejournal.com 2009-03-11 05:21 pm (UTC)(link)
Okay, I was thinking that fancyzoom was the thing that did the scrolling, but that makes sense.

I don't know js at all, like, AT ALL, so I can't ident it in the wild - thanks for taking a look. I'm gonna decide whether I want to use the very-expensive JS book I bought yesterday (the problem is, I'm going to be learning js in class, so I'll have to buy a textbook for that, but this one I know will work well for me. I assume it's not the one the school uses. *g*) or return it and figure out a different sort of zoom to use.

Thanks for looking!

[identity profile] jkivela.livejournal.com 2009-03-11 05:49 pm (UTC)(link)
There was another ps thing for scrolling, I think.

NP, I know enough to spot it, but thats about it. There's no reason you can't use the new book in class as a reference.

[identity profile] channonyarrow.livejournal.com 2009-03-11 08:16 pm (UTC)(link)
I think I'm going to do that - I know I can understand this book (I am so in love with the Head First series; it works exactly right for me) and I don't trust that I can understand any other textbook, so I'll keep this one for backup and later reference.