Javascript questions which don't deserve their own thread.

The Something Awful Forums > Discussion > Serious Hardware/Software Crap > The Cavern of COBOL > Javascript questions which don't deserve their own thread.

noapparentfunction: Apr 27, 2006; spin that 45 funk.

This is my art site:

no apparent function

The gallery consists of a rectangle sliced up into thumbnails, each one showing the full-sized image with LightBox. What I would like to add now are horizontally-scrolling sets of these small galleries to add more content without compromising the layout of the page. One rectangle could consist of artistic images (paintings, etc), and another could be a few graphic design jobs I've done, for example. Small links reading "art" and "design" on the bottom of the grid could trigger the changes.

I'm familiar with JavaScript and how to upload .js files, but this particular one I have no clue how to implement. Here are some templates and examples I found:

http://demos.flesler.com/jquery/localScroll/
http://demos.flesler.com/jquery/serialScroll/
http://www.hotel-oxford.ro/

My questions:

1) How do I create this long horizontal page without adding scrollbars to the frame cell or exploding the page sideways?
2) How can I make the stationary scroll links target the particular cell of grids?

Thanks. If this is the wrong thread, I'll move it to the Web Design/Development one.

noapparentfunction fucked around with this message at 18:42 on May 11, 2009

# ¿ May 11, 2009 18:39

Adbot: ADBOT LOVES YOU

# ¿ May 6, 2024 09:33

noapparentfunction: Apr 27, 2006; spin that 45 funk.

Supervillin posted:

overflow: hidden in your CSS "turns off" scrollbars, then you would use JS to scroll the div to particular coordinates.

Then your script would attach to the links and move stuff accordingly. If you want to go from "top left" to "top right", scroll 200px to the right. "top right" to "bottom right" scroll 100px down.

Edit: Looking at that Hotel Oxford source code, find <div id="contents_wrapper">, that's the container above. All the divs with class "content" are the fixed-size boxes. Not exactly the same implementation, of course, but same concept.

I appreciate the help. I was looking at my code and I realized that I wrote my tables mainly in plain HTML. How do I add overflow: hidden in that case?

# ¿ May 13, 2009 17:20

noapparentfunction: Apr 27, 2006; spin that 45 funk.

I have a relatively simple slider code on this test page I uploaded. It uses jQuery, but my only problem with this premade application is that it uses those rounded browser buttons to operate. Is there a way to convert these to standard links, preferably ones that use images?

http://noapparentfunction.com/test4/

Thanks.

# ¿ May 22, 2009 17:24

noapparentfunction: Apr 27, 2006; spin that 45 funk.

royallthefourth posted:

I think you could use an onClick=function() on pretty much any HTML element instead of checking each of the buttons to see if they're clicked.

Thanks for the suggestion. I just tried creating a second set of links at the bottom using onClick containing the same functions as the buttons. They don't seem to work though. Any other ideas?

# ¿ May 22, 2009 18:33

noapparentfunction: Apr 27, 2006; spin that 45 funk.

Avenging Dentist posted:

Look at the number of quotation marks in this (underlined for emphasis):
pre:
<a href="#" onclick="function() {
                $(".widearea").animate({
                        marginLeft: "0px"
                }, 500">art.</a>
Also, you should be doing the same thing you did with your buttons. Just give them an ID.

Thanks for the help. Should I get rid of those quotation marks or replace them with a different character? I tried removing them and the links did not work. Also, I don't know how to assign an ID to the links like I did the buttons, so if you could help me with that I'd appreciate it.

Here's what it looks like in context. I'm really pleased with the results.

http://www.noapparentfunction.com/experimental/

# ¿ May 22, 2009 19:54

The Something Awful Forums > Discussion > Serious Hardware/Software Crap > The Cavern of COBOL > Javascript questions which don't deserve their own thread.