Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15

Thread: cool scrollbar?

  1. #1
    New Coder
    Join Date
    Jun 2004
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts

    cool scrollbar?

    how do i make a scrollbar like this for an iframe? http://www.petyasb.com.ru/news/

  • #2
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    • Using non-offical mark-up created by Microsoft
    • Mark-up which doesn't work in standard complainant browsers

  • #3
    Regular Coder
    Join Date
    Jul 2004
    Location
    engoku no anime
    Posts
    354
    Thanks
    0
    Thanked 0 Times in 0 Posts
    But it does work, Error 404. It requires heavy use of JavaScript. That is an example of a bad Web page. You should never rely on JavaScript for anything like that.
    Last edited by gohankid77; 10-11-2004 at 08:41 PM.

  • #4
    New Coder
    Join Date
    Jun 2004
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yeah but how would i add this code:

    PHP Code:
    <table align="center" width="20" height="250" cellspacing="0" cellpadding="0" border="0"><tr>
    <
    td align="center" valign="top"><a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="http://www.geocities.com/bratzmania/up.jpg" alt="" border="0"></a></td></tr><tr><td align="center" valign="bottom"><a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="http://www.geocities.com/bratzmania/down.jpg" alt="" border="0"></a></td></tr></table
    as a scrollbar in an iframe?

  • #5
    New Coder
    Join Date
    Jun 2004
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts
    or is there a code to do something like this? have a picture be a scrollbar?!

  • #6
    Regular Coder
    Join Date
    Jul 2004
    Location
    engoku no anime
    Posts
    354
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You could ask the author of that site.

  • #7
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Quote Originally Posted by gohankid77
    But it does work, Error404. It requires heavy use of JavaScript. That is an example of a bad Web page. You should never rely on JavaScript for anything like that.
    Well, it didn't work for me... Safari always uses the blue gel OS X scroll bars and there's a space in my name (Error 404)

  • #8
    Regular Coder
    Join Date
    Jul 2004
    Location
    engoku no anime
    Posts
    354
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Heh... Sorry about your name. I'm not good with names (can you tell?)

    In Firefox and IE (Windows) it works.

    There are too many browsers (not including text browsers):
    Windows: IE, Firefox, Mozilla, Netscape, Opera
    Mac: Safari, IE, Firefox, Mozilla, Netscape, Camino, Opera
    Linux: Firefox, Mozilla, Netscape, Opera, Konqueror

    That's probably just the tip of the iceberg!

  • #9
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I see it in my Mac browsers just fine -- I think he means the pink little arrow bars, right? You should send them an email and ask them, other than lifting their code. Or search DynamicDrive.com or other script websites for javascript that will do that.

    Just a note, that sites ugly, and I want to shout it from Mt. Everest
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #10
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Quote Originally Posted by bradyj
    Just a note, that sites ugly, and I want to shout it from Mt. Everest
    Looks vile in Safari, not tried other browsers... I think I'll shout from K-2

  • #11
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The javascript method used would be frame.scrollBy () I believe. Using this, you can bind the up () and down () methods to the onmouseover event handlers of the two respective images and have yourself scrollbuttons.

    I despise them myself, as you can't control speed enough. I'm also at 1600x1200, and there's nothing worse than having 600px of space below a site and having to scroll its 300px-tall content frame...

  • #12
    New Coder
    Join Date
    Jun 2004
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts
    so whats the code?

  • #13
    Senior Coder Mhtml's Avatar
    Join Date
    Jun 2002
    Location
    Sydney, Australia
    Posts
    3,531
    Thanks
    0
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Error 404
    • Using non-offical mark-up created by Microsoft
    • Mark-up which doesn't work in standard complainant browsers
    There was a warning about this sort of behaviour! Please do not do it in the future. And seeing as you were wrong that's even more of a reason not to do it.

    But back the topic at hand.
    This was done using javascript. Perhaps you should check out www.dynamicdrive.com, I believe they have a few scripts like this. If you cannot find one there, you should search or ask in the javascript forum, there is bound to be someone in there who knows where to find a good one.
    Last edited by Mhtml; 10-12-2004 at 06:45 AM.
    Omnis mico antequam dominus Spookster!

  • #14
    Regular Coder ArcticFox's Avatar
    Join Date
    Jan 2004
    Location
    Vostok Station, AQ
    Posts
    602
    Thanks
    35
    Thanked 3 Times in 3 Posts
    Looks like an iFrame scroller.

    Going through the code, it's an iLayer scroller.

    Some links for you:
    Page Scroller
    Manual Scroller - can use onMouseOver/Out/Up/Down events

    My Site - two seperate menu iFrame scrollers with onMouseOver/Out/Up/Down events on links (IE only; link position problems in Moz/FFox, but still scrolls in those browsers)
    <div> - putting your mind in a box since 1997

  • #15
    New Coder
    Join Date
    Jun 2004
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thank you!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •