Move a scroller with code

I have a tabBar that i have put in a scroller, now i want to put two buttons
outside the scroller so that if the tabBar becomes too big then the user can press the buttons to
scroll the tabBar across. i don't know how to move the position of the scroller though
so on the click of the button i need to to see a property of the scroller or its scroll bars ?
        <s:HGroup>
        <s:Scroller id="sd" width="200" horizontalScrollPolicy="off" >
            <s:HGroup>
                <s:TabBar id="tabs" left="8" y="2" dataProvider="{vs}"/>
            </s:HGroup>
        </s:Scroller>
        <s:Button label="< />
        <s:Button label=">"/>
        </s:HGroup>

just found it , thanks
<s:Button label="<" click="sd.horizontalScrollBar.value += 10"/>
found at
http://blog.flexexamples.com/2010/02/18/programmatically-scrolling-the-spark-textarea-cont rol-in-flex-4/
That guys a legend

Similar Messages

How to make a movie clip scroll with mouse position

Hello again. I asked a question about parallax scrolling and I think it was the wrong question. I am looking to control a website with similar controls as this example:
http://www.sectionseven.com/index2.html
I want to use this but also with both x and y axis. Any ideas as to where to find a tutorial as to where to do this? It should be fairly simple, but I am having trouble. Any help or code is greatly appreciated. Thanks!

Yeah, I figured it out. simply change 0.04 to -0.04
addEventListener(Event.ENTER_FRAME,scrollmc1 );
function scrollmc1(event:Event):void
     if(mc.x < 911 && (mouseX > 369)) {
        mc.x += (mouseX - mc.x) * -0.04;
     if(mc.x > 369 && (mouseX < 911)) {
        mc.x += (mouseX - mc.x) * -0.04
Here is the actual code I used on my site:
stage.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
stage.align = StageAlign.TOP_LEFT;
function enterFrameHandler(e:Event):void
          if((sliderWorkspace.x < 911 && (mouseX > 1100)) || (sliderWorkspace.x > 369 && (mouseX < 90))) {
              var newLocation:Number = sliderWorkspace.x + ((mouseX - sliderWorkspace.x) * -0.04);
                    newLocation = Math.min(910, newLocation);
        newLocation = Math.max(370, newLocation);
        sliderWorkspace.x = newLocation;
Let me know if this works for you

Just purchased blue ray movie from store with a redemption code but will not download with out inserting disc I have a macbook air

just purchased blue ray movie from store with a redemption code but will not download with out inserting disc I have a macbook air

I am experiencing the same thing. I have many books that I used to read on my iPad.
Now on iBooks in Mavericks all my books downloaded correctly apart from two which I really want to work (The Lean Startup and Communicating The User Experience).
When I download both using the cloud icon just when it reaches 100% I get this message:
[Insert Book Name] failed to download
To try again, select Check for Available Downloads from the Store menu.
When I check for available downloads it says I have already downloaded all my books.
Anyone know how to fix this.
I do realise that this is only v1 of iBooks so I hope Apple sorts it out soon.
Thanks!!!

Track pad stoped working properly it moves and scrolls but doesnt click, its not a hardware issue. h bjjbow can i start an update download with the keyboard shortcuts ?

T track pad stoped working properly it moves and scrolls but doesnt click, its

Do you mean that the trackpad will not physically click? Or does not register the click.
Which model Macbook/trackpad do you have?

Discover New Parallax Scrolling with Adobe Muse CC | Creative Cloud for Design | Adobe TV

Terry White, Adobe worldwide evangelist, shows how Adobe Muse CC lets you create stunning effects with just a few clicks. Make images and elements move in different directions at different speeds when scrolling — all without writing code.
http://adobe.ly/12yzGv0

There has to be a way to create a Re: Discover New Parallax Scrolling with Adobe Muse CC | Creative Cloud for Design | Adobe TV slideshow that fills browser width. It's not a problem for desktop, but it is a problem for laptops/tablets/phones.
How did the site in the tutorial do it? Terry said it was created in Muse.
Here is a test site that I've been working on - I would love to make it responsive w/o having to create separate tablet/phone sites:
http://mandm.businesscatalyst.com
Any suggestions?

How do I move a symbol from code?

I'm actually trying to centre and scale a symbol, while maintaining aspect ratio, such that the width fills the stage, but that only seems to be possible for background images (width:100%, height:auto).
I created a symbol (with about 6 divs (rectangles and text) in it) on the stage and names it 'content'. The stage is 100% wide and 100% high. On window.resize, I set content scale thus -
var stageWidth = $(window).width();
var contentWidth = sym.getSymbol("content").getSymbolElement().width();
var m = stageWidth / contentWidth;
sym.getSymbol("content").getSymbolElement().css("-webkit-transform", "scale(" + m + ", " + m + ")");
It scales fine, but it scales about a weird point making the symbol appear to move as the window resizes. I want it to remain at the left hand side (filling the viewport). I couldn't work out how to make it do that in the interface, so I started to attack it with code
console.log("before: " + sym.getSymbol("content").getSymbolElement().position().left);
sym.getSymbol("content").getSymbolElement().css("position", "relative");
sym.getSymbol("content").getSymbolElement().css("top", "0px");//actually needs to be -(half of (content height - stage height))
sym.getSymbol("content").getSymbolElement().css("left", "0px");
console.log("after: " + sym.getSymbol("content").getSymbolElement().position().left);
But that isn't having any effect at all (other than filling my javascript console). How can I move this thing to the correct position?

Thanks Tim, but changing the width and the height of my_symbol just doesn't reproduce what I'm trying to acheive, or the problems I'm having as a result of that. I need to scale the symbol, not resize it.
I just tried you code anyway. my_symbol does stay top left, but actually it stays left if I use your code without the bottom two lines. You need
sym.getSymbol("content").getSymbolElement().css("-webkit-transform", "scale(" + m + ", " + m + ")");
to cause the wierd positioning issue.
Here's a result you might find interesting. I tried this code -
var stageWidth = $(window).width();
var contentWidth = sym.getSymbol("content").getSymbolElement().width();
var m = stageWidth / contentWidth;
sym.getSymbol("content").getSymbolElement().css("-webkit-transform", "scale(" + m + ", " + m + ")");
sym.$("content").css('left', 0);
sym.$("content").css('top', 0);
console.log("left: " + sym.getSymbol("content").getSymbolElement().position().left);
Then I resized the browser a bit and got this trace
left: 45
left: 45
left: 37
left: 37
left: 27
left: 27
left: 20
left: 20
left: 8
left: 8
left: 4
left: 4
left: -2
left: -2
left: -8
left: -8
left: -9
left: -9
So it looks like content's left isn't getting set to 0 at all. Oh dear. -ve numbers are from browser widths greater than 720, which is the width of 'content' before I've filddled with it.
I can't even work which point it's scaling about! If I could make that the middle left then I wouldn't have a problem.

Creation of new movement type and transaction code

Hi
As per my business requirement i want to create new movement type 911 in 1M and how to assign to transaction code MIGO and if possible can some body can guide me with configuration.
With regards
G Narendra kumar

Hi Narendra,
1 . To copy a movement type,
select the field Movement type and choose Continue. The dialog box
Define work area appears.
2. In the dialog box Define work area, enter the movement type you want
to copy in the From: field. In the To: field, enter the name of the
new movement type you want to create. To go to the overview of the
selected movement types, choose Continue .
3. Select the movement type you want to copy, and choose Edit -> Copy
as.
Overwrite the selected movement type with the new movement type
(beginning with 9, X, Y, or Z) and copy all dependent entries.
The system copies all control indicators from the reference movement
type to the new movement type.
4. Copy the reversal movement type and enter it in the view
Reversal/follow-on movement types.
5. In SE38, execute the program RDDKOR54 and then give the entry T156 as table name and again execute. Check if the entries 9,Y, and Z* are available in the namespace.
Thanks
Dipak

JTextPane: scroll with wheel when using addMouseWheelListener()

Hello! I have JTextPane with code (code editor) with busy mouseWheelListener() which is used to increase/decrease font size when Ctrl key is hold. I think I overwrite default wheelListener behavior, so it is impossible to scroll text with a wheel. How can I do that?
My code is below:
JTextPane editor = new JTextPane();
editor.addMouseWheelListener(new MouseWheelListener() {
            public void mouseWheelMoved(MouseWheelEvent e) {
                if (e.getModifiers() == InputEvent.CTRL_MASK) {
                    int notches = e.getWheelRotation();
                    Component originator = e.getComponent();
                    float prevFontSize = originator.getFont().getSize();
                    if (notches < 0) {   //if UP then descrease font size
                        if (prevFontSize > 12.0f)
                        originator.setFont(originator.getFont().deriveFont(prevFontSize - 2));
                    else { //if DOWN increase
                        originator.setFont(originator.getFont().deriveFont(prevFontSize + 2));
JScrollPane editorWithScrolls = new JScrollPane(editor);
//...nothing happens when I scroll mouse wheel...
How can I scroll text with mouse wheel in my case?
P.S. May be anybody knows how to scroll and set caret to given line(word)?
Thank you.

the textpane processes the event before it gets to the scrollpane.
you need to "pass it on"
                    else { //if DOWN increase
                        p.setFont(originator.getFont().deriveFont(prevFontSize + 2));
                [scrollpane].dispatchEvent(e);//<--------------------------
        });

My touchpad will not scroll with the current version of foxfire.

The screen in foxfire will not scroll with the sliding of my finger on right side of the touchpad on my lenovo thinkpad or the navigation button. It does work with all other programs including windows explorer and google chrome.

OK, this is the original poster again. The trackpad scrolling problem has been sporadic. Now I have realized that I have this problem (in Firefox 7.0 and 7.01) WHEN THERE IS A PDF DOCUMENT OPEN IN ONE OF THE TABS. When there is a .pdf open, trackpad scrolling works fine in *that* tab but not in any of the other Firefox tabs that are open. When I close or move away from the .pdf file, then the scrolling function returns in the other tabs. Is there something about the Acrobat plug-in (ver. 9.4.5) that isn't working correctly in Firefox 7.x?

[F8] How to move a MovieClip with Ease In/Out tween using Actionscript

In Flash 8, I need to move a MovieClip from point A to point
B when a user clicks a button.
I currently have a function which I pass three arguments:
TargetX, TargetY, and the Duration (in frames). I have it working
to move the clip linearly, however, I would really like to be able
to ease in/out on the tween.
I'm really stuck on the math of it all and need someone to
give me the formula.
Here's my function:
Code:
// Function which is called when user clicks button to move
the mc
_global.fMoveTheMovieClip = function(iTargetX, iTargetY,
iDuration){
// Calculate the distance to the Target position
iTotalDistance = iTargetX - MoveThisClip_mc._x;
// Mover function
MoveThisClip_mc.onEnterFrame = function(){
// If the movie clip has gotten close enough to the target
if((Map_mc._x > iTargetX && Map_mc._x <
(iTargetX + 1)) || (Map_mc._x < iTargetX && Map_mc._x
> (iTargetX - 1))){
// Snap the movie clip to the target x
MoveThisClip_mc._x = iTargetX
// And stop this function
delete this.onEnterFrame;
// Else, if the mc has NOT reached the target zone
}else{
// Move the clip
// This is where I would like a formula to ease out then in
based on the duration
// Right now I have this to move the mc at a constant speed
MoveThisClip_mc._x += (iTotalDistance / iDuration);
Also, everything needs to be AS2 compatible.
AND, I can't use the "tween" or "transitions" classes.
So, please don't post anything with code similar to this:
Code:
import mx.transitions.Tween
import mx.transitions.easing.*;
If I need to add a "power" or "strength" argument to my
function, that's fine.
Thanks!!!!

I'm thinking what I want isnt possible...
Here is what I get.
Its perfect for landscape.
But when I use the same settings on a portrait, I get this
The entire canvas should be portrait. If I flip it, then the watermark is under the image instead of on the right hand side going up like on the landscape one.
The portrait one should end up looking like this
I know this is being picky, but I'm taking over running photo and reviews for a media, and we have 4-5 photographers (myself including) covering shows. So I'm looking for a one click to export and bam everything is fine type of thing.
So it's like the canvas would need to be portrait for portrait photos and landscape for landscape photos, and keep the name on the lower right regardless. I'm thinking LR isnt that smart just yet to say "add 1 inch and put logo down here on all images" lol
But I totally appreciate your input.

FM with code to send a simple text mail to external ID

Hi All,
I need a FM with code if possible to send a simple text mail to an external e-mail id or distribution list. I tried using the FM SO_NEW_DOCUMENT_ATT_SEND_API1 and was successfull in sending mail. But it requires attachment.
I need help to send mail without attachment with code.
All configurations done at my end.
Thanks
Anirban Bhattacharjee

Hi Anirban,
Please check this sample code.
* Email ITAB structure
DATA: BEGIN OF EMAIL_ITAB OCCURS 10.
        INCLUDE STRUCTURE SOLI.
DATA: END OF EMAIL_ITAB.
DATA: T_EMAIL LIKE SOOS1-RECEXTNAM. "EMail distribution list
CONSTANTS: C_EMAIL_DISTRIBUTION LIKE SOOS1-RECEXTNAM VALUE
           [email protected],[email protected].
* Initialization
REFRESH EMAIL_ITAB.
* Populate data
EMAIL_ITAB-LINE = Email body text 1.
APPEND EMAIL_ITAB.
EMAIL_ITAB-LINE = Email body text 2.
APPEND EMAIL_ITAB.
T_EMAIL = C_EMAIL_DISTRIBUTION.
* --- EMAIL FUNCTION ---------------------------------------------------
* REQUIRMENTS:
* 1) The user running the program needs a valid email address in their
*    address portion of tx SU01 under external comms -> SMTP -> internet
*    address.
* 2) A job called SAP_EMAIL is running with the following parameters:
*    Program: RSCONN01 Variant: INT   User: XXX
*    This program moves mail from the outbox to the mail server using
*    RFC destination: SAP_INTERNET_GATEWAY_SERVER
* INTERFACE:
* 1) APPLICATION: Anything
* 2) EMAILTITLE: EMail subject
* 3) RECEXTNAM:   EMail distribution lists separated by commas
* 4) TEXTTAB:     Internal table for lines of the email message
* EXCEPTIONS:
* Send OK = 0 otherwise there was a problem with the send.
    CALL FUNCTION 'Z_SEND_EMAIL_ITAB'
         EXPORTING
              APPLICATION = 'EMAIL'
              EMAILTITLE = 'Email Subject'
              RECEXTNAM   = T_EMAIL
         TABLES
              TEXTTAB     = EMAIL_ITAB
         EXCEPTIONS
              OTHERS      = 1.
Function Z_SEND_EMAIL_ITAB
*"*"Local interface:
*"       IMPORTING
*"             VALUE(APPLICATION) LIKE SOOD1-OBJNAM
*"             VALUE(EMAILTITLE) LIKE SOOD1-OBJDES
*"             VALUE(RECEXTNAM) LIKE SOOS1-RECEXTNAM
*"       TABLES
*"              TEXTTAB STRUCTURE SOLI
*- local data declaration
DATA: OHD    LIKE SOOD1,
        OID    LIKE SOODK,
        TO_ALL LIKE SONV-FLAG,
        OKEY   LIKE SWOTOBJID-OBJKEY.
DATA: BEGIN OF RECEIVERS OCCURS 0.
          INCLUDE STRUCTURE SOOS1.
DATA: END OF RECEIVERS.
*- fill odh
CLEAR OHD.
OHD-OBJLA    = SY-LANGU.
OHD-OBJNAM   = APPLICATION.
OHD-OBJDES   = EMAILTITLE.
OHD-OBJPRI   = 3.
OHD-OBJSNS   = 'F'.
OHD-OWNNAM   = SY-UNAME.
*- send Email
CONDENSE RECEXTNAM NO-GAPS.
CHECK RECEXTNAM <> SPACE AND RECEXTNAM CS '@'.
*- for every individual recipient send an Email
* (see OSS message 0120050409/0000362105/1999)
WHILE RECEXTNAM CS ','.
    PERFORM INIT_REC TABLES RECEIVERS.
    READ TABLE RECEIVERS INDEX 1.
    RECEIVERS-RECEXTNAM = RECEXTNAM+0(SY-FDPOS).
    ADD 1 TO SY-FDPOS.
    SHIFT RECEXTNAM LEFT BY SY-FDPOS PLACES.
    MODIFY RECEIVERS INDEX 1.
    PERFORM SO_OBJECT_SEND_REC
     TABLES TEXTTAB RECEIVERS
      USING OHD.
ENDWHILE.
*- check last recipient in recipient list
IF RECEXTNAM <> SPACE.
    PERFORM INIT_REC TABLES RECEIVERS.
    READ TABLE RECEIVERS INDEX 1.
    RECEIVERS-RECEXTNAM = RECEXTNAM.
    MODIFY RECEIVERS INDEX 1.
    PERFORM SO_OBJECT_SEND_REC
     TABLES TEXTTAB RECEIVERS
      USING OHD.
ENDIF.
ENDFUNCTION.
*       FORM SO_OBJECT_SEND_REC                                       *
FORM SO_OBJECT_SEND_REC
TABLES OBJCONT      STRUCTURE SOLI
        RECEIVERS    STRUCTURE SOOS1
USING   OBJECT_HD    STRUCTURE SOOD1.
DATA:   OID     LIKE SOODK,
          TO_ALL LIKE SONV-FLAG,
          OKEY    LIKE SWOTOBJID-OBJKEY.
CALL FUNCTION 'SO_OBJECT_SEND'
       EXPORTING
            EXTERN_ADDRESS             = 'X'
            OBJECT_HD_CHANGE           = OBJECT_HD
            OBJECT_TYPE                = 'RAW'
            OUTBOX_FLAG                = 'X'
            SENDER                     = SY-UNAME
       IMPORTING
            OBJECT_ID_NEW              = OID
            SENT_TO_ALL                = TO_ALL
            OFFICE_OBJECT_KEY          = OKEY
       TABLES
            OBJCONT                    = OBJCONT
            RECEIVERS                  = RECEIVERS
       EXCEPTIONS
            ACTIVE_USER_NOT_EXIST      = 1
            COMMUNICATION_FAILURE      = 2
            COMPONENT_NOT_AVAILABLE    = 3
            FOLDER_NOT_EXIST           = 4
            FOLDER_NO_AUTHORIZATION    = 5
            FORWARDER_NOT_EXIST        = 6
            NOTE_NOT_EXIST             = 7
            OBJECT_NOT_EXIST           = 8
            OBJECT_NOT_SENT            = 9
            OBJECT_NO_AUTHORIZATION    = 10
            OBJECT_TYPE_NOT_EXIST      = 11
            OPERATION_NO_AUTHORIZATION = 12
            OWNER_NOT_EXIST            = 13
            PARAMETER_ERROR            = 14
            SUBSTITUTE_NOT_ACTIVE      = 15
            SUBSTITUTE_NOT_DEFINED     = 16
            SYSTEM_FAILURE             = 17
            TOO_MUCH_RECEIVERS         = 18
            USER_NOT_EXIST             = 19
            X_ERROR                    = 20
            OTHERS                     = 21.
IF SY-SUBRC <> 0.
    RAISE OTHERS.
ENDIF.
ENDFORM.
*       FORM INIT_REC                                                 *
FORM INIT_REC TABLES RECEIVERS STRUCTURE SOOS1.
CLEAR RECEIVERS.
REFRESH RECEIVERS.
MOVE SY-DATUM TO RECEIVERS-RCDAT .
MOVE SY-UZEIT TO RECEIVERS-RCTIM.
MOVE '1'       TO RECEIVERS-SNDPRI.
MOVE 'X'       TO RECEIVERS-SNDEX.
MOVE 'U-'      TO RECEIVERS-RECNAM.
MOVE 'U'       TO RECEIVERS-RECESC.
MOVE 'INT'     TO RECEIVERS-SNDART.
MOVE '5'       TO RECEIVERS-SORTCLASS.
APPEND RECEIVERS.
ENDFORM.
Hope this will help.
Regards,
Ferry Lianto

Horizontal scrolling with mouse wheel?

I have built a website for a client that scrolls only horizontally. Is it possible to scroll with the mouse wheel horizontally?
Is there certain HTML I need to add?
Thank you

Hi,
There is no out of the box solution to force horizontal scrolling with mouse wheel. However, you can add your own code to your Muse site after exporting it. These docs should be helpful :
http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/
http://stackoverflow.com/questions/2346958/how-to-do-a-horizontal-scroll-on-mouse-wheel-sc roll
Regards,
Aish

Horizontal scrolling with mousewheel

I was wondering if anyone knew how to create horizontal scrolling with the mousewheel in Adobe Muse.
So that instead of the page moving up/down when the mousewheel is used, it moves left to right so that the user dosen't have to manually scroll.
Is there any HTML I can insert that will allow me to do this?

My apple mouse that came with my iMac G5 started sticking which was causing problems when I tried to double-click. I bought a Logitech Optical Mouse which works fine on my iMac even if it was intended to be used with a PC. I can even right-click to bring up the options you would get by ccontrol-click an apple mouse. Also the Logitech mouse is cheap compared with an apple mouse.
http://www.amazon.com/gp/product/B0001LTT64/ref=dpcp_ob_title0/104-2556526-6719156

How do I make my Spry Accordion menu scroll *with* my webpage?

Afternoon,
I'm a newbie designer, just helping a friend build a website that will incorporate her blog and other stuff, but what I'm trying to do is set up my Spry Menu (set as a vertical accordion style) to scroll with the page.
I want it to scroll within the confines on my div class="contentright"
CSS for div class:
.contentright {
    padding-top: 410px;
    float: left;
    width: 210px;
HTML of same div class:
<div class="contentright">
                            <div id="SpryAccordion1" class="Accordion" tabindex="0">
                            <div class="AccordionPanel">
                                <div class="AccordionPanelTab tabTop">
My webpage has a set width and is set to expand based on what I have in my main content area. I'm just not sure what to code and where to code it (in my HTML or in the CSS), to set my Spry to scroll. I'm assuming it's something with a .float functionality, maybe? I just need it to stay beneath my top padding so that it doesn't get overlapped by my main header logo that I had to set to position: absolute;
Any ideas?

Here is my HTML Coding
<html>
    <head>
        <title>BetsyMarvin.com</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="description" content="" />
        <link rel="stylesheet" type="text/css" href="stylesheet.css" />
        <script type="text/javascript" src="SpryAssets/SpryAccordion.js"></script>
        <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
    <body>
        <div class="container">
            <div class="bannerArea">
                <div class="bannernav"><a href="#" >Privacy Policy</a> | <a href="mailto:[email protected]" >Contact Us</a> | <a href="#" >Site Map</a></div>
                <span class="toplogo"></span>
                <div class="toplogo"><a href="#"><img src="images/3 Words Buildup without BG.png" width="550" height="565" align="right" /></a></div>
            </div>
            <div class="contentArea">
                <ul class="leftnavigation">
                    <li><a href="theme_02_design.html">Home Page</a></li>
                    <li><a href="blog_design.html">Blog</a></li>
                    <li><a href="lessons_design.html">Lessons</a></li>
                </ul>
                <div class="content">
                    <div class="contentleft">
                        <h1>Welcome to my Website</h1>
                        <img class="imageright" src="images/faith reason.jpg" border="0" />
                        <p>text</p>
                    </div>
                    <div class="contentright">
<div id="SpryAccordion1" class="Accordion" tabindex="0">
                            <div class="AccordionPanel">
                                <div class="AccordionPanelTab tabTop">
                                    <div class="accordion_340_tab">CONTACT ME</div>
                                </div>
                                <div class="AccordionPanelContent">
                                    <div class="acontent">
                                      <p> <a href "mailto:[email protected]"> Email</a></p>
                                      <p> <a href="http://www.cornerstonemi.org">Church Website</a></p>
                                      <p> <a href="http://www.facebook.com/betsy.marvin.32">Facebook</a></p>
                                      <p> <a href "www.twitter.com/betsymarvin"> Twitter</a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="AccordionPanel">
                                <div class="AccordionPanelTab middleTab">
                                    <div class="accordion_340_tab">ABOUT ME</div>
                                </div>
                                <div class="AccordionPanelContent">
                                    <div class="acontent">
                                        <p>text</p>
                                    </div>
                                </div>
                            </div>
                            <div class="AccordionPanel">
                                <div class="AccordionPanelTab middleTab">
                                    <div class="accordion_340_tab">PASSIONS</div>
                                </div>
                                <div class="AccordionPanelContent">
                                    <div class="acontent">
                                        <img class ="imageright" src="images/love.jpg" width="130" height="64" />
                                             <p>text</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="AccordionBottom"></div>
                    </div>
                    <div style="clear:both;"></div>
                </div>
                <div style="clear:both;"></div>
            </div>
            <div class="footerArea">
                <div class="copyright">© 2013 Betsymarvin.com | All rights reserved.</div>
            </div>
        </div>
<script type="text/javascript">

        </script>
    </body>
CSS Style Sheet
body {
    margin: 0px;
    color: #666;
    font-size: 12px;
    font-family: Arial;
    font-family: Arial, Verdana, Univers;
    background-color: #545454;
    background-image: url(images/page_bkgd.jpg);
    background-repeat: repeat-x;
h1 {
    color: #4F6179;
    font-size: 24px;
    font-weight: normal;
    margin: 3px 0px 25px 0px;
h2 { color: #333333; font-size: 14px; font-weight: normal; margin: 0px 0px 15px 0px; }
a          { color: #ba7007; }
a:visited { color: #ba7007; }
a:hover    { color: black; }
.container {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/content_bkgd_tile.jpg);
    background-repeat: repeat-y;
/* BANNER AREA */
.bannerArea {
    width: 980px;height: 145px;
    background-color: #4971a2;
    background-image: url(images/banner_bkgd.jpg);
    background-repeat: no-repeat;
.bannernav {
    padding-top: 10px;
    padding-left: 10px;
    float: left;
    color: white;
    font-size: 10px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
.bannernav a {
    color: white;
    text-decoration: none;
.bannernav a:visited {
    color: white;
.bannernav a:hover {
    color: #ECBB7B;
.toplogo {
    position: absolute;
    z-index: 100;
    padding-right: 0px;
    float: right; margin-left: 675px;
    padding-top: 10px;
.content {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 10px;
    background-image: url(images/content_bkgd.jpg);
    background-repeat: no-repeat;
    z-index: 100;
/* LEFT NAVIGATION */
.leftnavigation {
    width: 192px;
    margin: 70px 0px 0px 0px;
    padding-left: 8px;
    float: left;
    list-style-type: none;
.leftnavigation a{
    margin-left: 0px;
    width: 156px;
    padding-left: 15px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    float: left;
    color: #CCA72F;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    background-image: url(images/nav_normal.jpg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    border-bottom: 1px solid #999;
.leftnavigation a:visited{
    color: #5C4C17;
.leftnavigation a:hover{
    color: #ffffff;
    background-image: url(images/nav_down.jpg);
/* CONTENT AREA */
.contentleft {
    width: 400px;
    padding-left: 30px;
    padding-right: 20px;
    float: left;
.contentright {
    padding-top: 410px;
    float: left;
    width: 210px;
.imageright {
    margin-top: 10px;
    margin-left: 10px;
    float: right;
.imageleft {
    margin-right: 10px;
    float: left;
/* FOOTER AREA */
.footerArea {
    width: 980px;height: 88px;
    background-color: #cfcfcf;
    background-image: url(images/footer_bkgd.jpg);
    background-repeat: no-repeat;
.copyright {
    border-top: solid;
    border-color: #737a90;
    border-width: 2px;
    margin-left: 240px;
    margin-right: 30px;
    padding-top: 12px;
    color: #666666;
    font-size: 10px;
    font-family: Verdana,Arial, Helvetica, sans-serif;
CSS for the SPRY Accordion
.Accordion {
    overflow: hidden;
    width: 255px;
.AccordionPanel {
    margin: 0px;
    padding: 0px;
.AccordionPanelTab {
    color: #CCA72F;
    margin: 0px;
    cursor: pointer;
    padding: 10px 30px 10px 20px;
    font-weight: bold;
    -moz-user-select: none;
    -khtml-user-select: none;
    background-repeat: no-repeat;
    background-image: url(../images/accordion_255_tab_normal.gif);
.AccordionPanelContent {
    overflow: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(../images/accordion_255_tile.gif);
.AccordionPanelOpen .AccordionPanelTab {
    color: #d88a37;
    background-image: url(../images/accordion_255_tab_down.gif);
.AccordionPanelTabHover {
    background-image: url(../images/accordion_255_tab_over.gif);
.AccordionFocused .AccordionPanelTab {
    background-color: #000000;
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    background-color: #000000;
/* Custom AUC classes */
#accordion_255 {
    background-image: url(../images/accordion_255_tile.gif);
    background-repeat: repeat-y;
    background-position: 0px 0px;
.tabTop {
    background-position: 0px 0px;
    padding-top: 15px;
.middleTab {
    background-position: 0px -151px;
.accordion_255_tab {
    margin: 0px;
    font-weight: bold;
.acontent {
    height:200px;
    width:220px;
    overflow: auto;
    padding: 5px 10px 10px 20px;
    useFixedPanelHeights = null;
.AccordionBottom {
    width: 255px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: 0px bottom;
    background-image: url(../images/accordion_255_bottom.gif);

Why can I no longer scroll with the mouse when using Pages?

A few days ago, I realized that I am unable to scroll within a Pages document with the mouse. The scroll bar is not there. The scroll feature works fine, and after trying to figure this out myself with no success, I thought I'd ask here. I have Pages '09 and I'm using OS X 10.9.5.

Thanks. That's not the problem. Scrolling works in everything else except Pages. I used to be able to scroll just by using my finger up or down on the mouse. Now, I can't do that. I tried setting the scroll bars to "Always", but then I have to physically click on the scroll bar and move it up and down. Not like it's that much hassle, lol, but I got used to just scrolling with my finger on the mouse.

Move a scroller with code

Similar Messages

Maybe you are looking for