JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 



Go Back   Dev Articles Community ForumsProgrammingJavaScript Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
  #1  
Old September 10th, 2005, 03:06 AM
liljoeyjordison liljoeyjordison is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Sep 2005
Posts: 12 liljoeyjordison User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 47 m 22 sec
Reputation Power: 0
Lightbulb Scroll buttons in Javascript

Ok, first I realise javascript scroll buttons are frowned upon by the web development community, but scroll bars really don't fit into my page design. I want to do something similar to this but without the frames. How do I do this?

Reply With Quote
  #2  
Old September 10th, 2005, 04:49 PM
ChiefWigs1982's Avatar
ChiefWigs1982 ChiefWigs1982 is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jan 2005
Location: I have emerged from the place of spells and fairies
Posts: 97 ChiefWigs1982 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 Days 17 h 35 m 12 sec
Reputation Power: 14
Quote:
Originally Posted by liljoeyjordison
Ok, first I realise javascript scroll buttons are frowned upon by the web development community, but scroll bars really don't fit into my page design. I want to do something similar to this but without the frames. How do I do this?

Have a look at the src and find out they did it.
__________________
Sinthetic - Alternative UK Hiphop: What's the worst that could happen?

"I'm going to become rich and famous when I invent a device that allows you to stab people in the face over the internet"



Reply With Quote
  #3  
Old September 11th, 2005, 03:08 AM
liljoeyjordison liljoeyjordison is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Sep 2005
Posts: 12 liljoeyjordison User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 47 m 22 sec
Reputation Power: 0
Yeah, but i don't want to use frames in my design, and when i tried to modify it for div tags everything fell apart. It's not like i haven't tried...

Reply With Quote
  #4  
Old September 11th, 2005, 08:20 PM
Mittineague's Avatar
Mittineague Mittineague is offline
Contributing User
Dev Articles Novice (500 - 999 posts)
 
Join Date: Jul 2005
Location: West Springfield, Massachusetts
Posts: 552 Mittineague User rank is Private First Class (20 - 50 Reputation Level)Mittineague User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 1 Week 1 Day 9 h 1 m 33 sec
Reputation Power: 14
scoll buttons

The use of overflow: hidden would prevent scrollbars on the divs. Maybe named anchor tags could be placed in the div's contents and "moved to" with javascript controlled by the buttons?

Reply With Quote
  #5  
Old September 12th, 2005, 02:32 AM
liljoeyjordison liljoeyjordison is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Sep 2005
Posts: 12 liljoeyjordison User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 47 m 22 sec
Reputation Power: 0
Quote:
Originally Posted by Mittineague
The use of overflow: hidden would prevent scrollbars on the divs. Maybe named anchor tags could be placed in the div's contents and "moved to" with javascript controlled by the buttons?

Hm, that might be a bit clunky. I'd need new buttons every time the page scrolled. I've found another example. I'll try try and work through that. (I Should've tried to learn javascript years ago)

Reply With Quote
  #6  
Old September 12th, 2005, 05:13 AM
MichaelSoft MichaelSoft is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Aug 2005
Location: The Netherlands
Posts: 120 MichaelSoft User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 h 20 sec
Reputation Power: 14
Your previous example would work with a div without much problems...

See attachment for a working solution.
Attached Files
File Type: zip ScrollButtons.zip (6.3 KB, 2577 views)

Reply With Quote
  #7  
Old September 12th, 2005, 05:33 AM
liljoeyjordison liljoeyjordison is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Sep 2005
Posts: 12 liljoeyjordison User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 47 m 22 sec
Reputation Power: 0
Quote:
Originally Posted by MichaelSoft
Your previous example would work with a div without much problems...

See attachment for a working solution.
Thanks !! That *almost* works perfectly, and even I can fix the problems.

Reply With Quote
  #8  
Old September 12th, 2005, 07:40 AM
MadCowDzz's Avatar
MadCowDzz MadCowDzz is offline
I'm Internet Famous
Dev Articles Frequenter (2500 - 2999 posts)
 
Join Date: Jan 2003
Location: Toronto, Canada
Posts: 2,886 MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Week 16 h 19 m 35 sec
Reputation Power: 18
Look at me! I'm frowning... =(
Good job on the solution MichaelSoft.

I think it's ridiculous to discount a solution because it isn't common... some developers may frown on this, but if it suits your design, by all means do it.
I especially appreciate that you're trying to keep it Standard... no frames, and hopefully more accessible to disabled web users.

Just remember to make sure that anyone without Javascript/CSS can still see the content of your page. Then I won't frown =)

Reply With Quote
  #9  
Old March 6th, 2006, 03:18 PM
Match Matt Match Matt is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Mar 2006
Posts: 2 Match Matt User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 9 m 34 sec
Reputation Power: 0
Hi there
I'm new here, and I'm hoping for some help.

I'm afraid I'm not too swift on Javascript (ok with ActionScript, but while there are similarities I seem to be getting stuck quite a bit), but here goes:-

I've taken the code that MichaelSoft submitted and applied that to a scrolling <div> on this test page.

It works fine on both Firefox and Safari for the Mac, but falls down on Windows, as does the original, which is here.

There seems to be some problem with the event handlers. It works if you click on the buttons once (quickly), but if you press and hold, the script won't run at all.

Any help would be greatly appreciated.

Thanks in advance
Matt

Reply With Quote
  #10  
Old March 7th, 2006, 07:42 AM
MadCowDzz's Avatar
MadCowDzz MadCowDzz is offline
I'm Internet Famous
Dev Articles Frequenter (2500 - 2999 posts)
 
Join Date: Jan 2003
Location: Toronto, Canada
Posts: 2,886 MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Week 16 h 19 m 35 sec
Reputation Power: 18
Hey Matt!
Your test page returned a 404 (Page Not Found), I assume you've taken it down?
The original you've linked to works fine for me in Windows.
I tested it using Firefox 1.5.1 and IE6
__________________
Daryl's Homepage | My Blogroll | My Profile | Firefox supporter!
DevArticles Forum Moderator

"The net is a waste of time, and that's exactly what's right about it." -- William Gibson

Reply With Quote
  #11  
Old March 8th, 2006, 05:50 AM
Match Matt Match Matt is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Mar 2006
Posts: 2 Match Matt User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 9 m 34 sec
Reputation Power: 0
Ooops, sorry about that. I kept meaning to update the link but got distracted.

I've found a solution from dyn-web that's much more user-friendly (it generates a scrollbar for you as well), and only costs about $30, so am gonna just use that. I think I'll try some easier Javascripting first, before I get into the heavy stuff.

M.

Reply With Quote
  #12  
Old March 8th, 2006, 07:26 AM
MadCowDzz's Avatar
MadCowDzz MadCowDzz is offline
I'm Internet Famous
Dev Articles Frequenter (2500 - 2999 posts)
 
Join Date: Jan 2003
Location: Toronto, Canada
Posts: 2,886 MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Week 16 h 19 m 35 sec
Reputation Power: 18
Would you mind posting a link to this other one?
I wouldn't mind seeing a demonstration (if they provide one)

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsProgrammingJavaScript Development > Scroll buttons in Javascript


Developer Shed Advertisers and Affiliates


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap