[Proto-Scripty] ScrollTo function from menu item to iframe at the bottom of the same page
Hi,
I have a menu item at the top of my homepage that opens a specfic
target link in an iframe at the bottom of the same page. I'm now
trying to get the page to scroll down to the iframe when the menu item
is selected. With the code below I can get the menu item to open the
correct target link, but no matter what I try I cannot get the page to
scroll down to the iframe which just happens to be right at the bottom
of my page.
Here's the html snippet I'm using for my three menu items to link to
the iframe and to open the correct targets. Could someone do me a huge
favour and tell me how to add the javacript to make the page scroll
down to the iframe box once the menu's are selected.
head
style type=text/css a:link { color: #99; text-decoration:
none; }
a:hover { color: #339900; text-decoration: none; } a:visited {color:
#99; text-decoration: none; } /style
/head
body style=background: #fff; margin: 0pt;
div style=width:180px;height:18px;font-family: Lucida Grande; font-
size: 12px; color:#33;text-align:center;a href=http://
www.access-supermarkets.co.uk/eVouchers.html target=ExtraVouchers/
a | a href=http://www.access-supermarkets.co.uk/FAQs.html;
target=ExtraFAQ/a| a href=http://www.access-
supermarkets.co.uk/Contact.html target=ExtraContact Us/a
/body
I appreciate any help offered.
Thanks,
Andy
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
[Proto-Scripty] scrollTo
I have a div that I am updating with text as processes complete. How
can I use $(element).scrollTo(); to make sure it is always scrolled to
the bottom?
In my HTML I have this div div id=msgCenterContent/div
In my js I have calls like this to update the user as to what is going
on while they wait.
$('msgCenterContent').update($('msgCenterContent').innerHTML + 'Setting
New Target Sources...br /')
I need to make sure that the div scrolls as text is added. My div will
only show 6 lines but the script will add about 12 - 15 lines to the
div.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
RE: [Proto-Scripty] scrollTo
I figured out I can do it like this.
$('msgCenterContent').scrollTop = $('msgCenterContent').scrollHeight;
From: prototype-scriptaculous@googlegroups.com
[mailto:prototype-scriptacul...@googlegroups.com] On Behalf Of Russell
Keith
Sent: Monday, March 22, 2010 12:25 PM
To: prototype-scriptaculous@googlegroups.com
Subject: [Proto-Scripty] scrollTo
I have a div that I am updating with text as processes complete. How
can I use $(element).scrollTo(); to make sure it is always scrolled to
the bottom?
In my HTML I have this div div id=msgCenterContent/div
In my js I have calls like this to update the user as to what is going
on while they wait.
$('msgCenterContent').update($('msgCenterContent').innerHTML + 'Setting
New Target Sources...br /')
I need to make sure that the div scrolls as text is added. My div will
only show 6 lines but the script will add about 12 - 15 lines to the
div.
--
You received this message because you are subscribed to the Google
Groups Prototype script.aculo.us group.
To post to this group, send email to
prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
[Proto-Scripty] ScrollTo effect
I have managed to get this effect to work on a return to top button, but i'm working on a horizontal layout, and was wondering if there is a way to adapt this effect to work horizontally. example, scroll to a div that is located to the left of the current page position I hope this makes sense thanks for the help! --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] scrollto with margin-top?
hi. i have a position:fixed; menu on top of my page with a height of 175px. i used the code from http://papermashup.com/prototype-page-scrolling/ to implement some nice page scorlling, but the scroll effect puts the chosen container on the top of the page, behind my menu... how can i assign a margin-top: 175px; to the scrollto code, so it shows up underneath the menu div? regards. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] ScrollTo: scriptalicious vs. prototype
In sketching a new project, I observed that the Scriptalicious new Effects.ScrollTo(someElement) was scrolling to an unexpected place, while someElement.scrollTo() did scroll to the place I had expected. The page does have a float (though the element in question is not floated), but it's otherwise fairly straightforward.(I'm very new to scripty and to prototype, and rusty with js in general fwiw) Does thing ring any bells? --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
