Horizontal Scroll Text

I found a cool new font and would like to scroll text like a
news ticker. I have created my dynamic text box, set it up the way
i want the text to look, and set it to scroll. I know how to write
the code for a vertical scroll, how would i set it up to scroll
horizontally?
the text in the text box wants to set itself up as vertical
lines instead of horizontally as well. How can i change that?
Thanks for the help.
Josh

Here's some code for a horizontal text scroller I just threw
together.
horizontal_txt.autoSize = "left";
horizontal_txt.text = "Lorem Ipsum is simply dummy text of
the printing and
typesetting industry. Lorem Ipsum has been the industry's
standard dummy
text ever since the 1500s, when an unknown printer took a
galley of type and
scrambled it to make a type specimen book. It has survived
not only five
centuries, but also the leap into electronic typesetting,
remaining
essentially unchanged.";
var intervalId:Number;
function scrollMe():Void {
horizontal_txt._x -=20;
if (horizontal_txt._x <= -horizontal_txt.textWidth) {
horizontal_txt._x = 550;
intervalId = setInterval(this, "scrollMe", 100);
Basically, I'm just moving the text box -20 pixels in the _x
position each
time the function is called (you can mask it if you'd like).
Once it determines that the inverse of the width of the text
in the textbox
is less than or equal to it's _x position, it resets the
textbox back to the
right edge of the play area.
To test, just make a dynamic, single line textbox named
horizontal_txt and
place it at 550 on the stage.
You could get more sophisticated and have an array of news
that it cycles
through, and have it pause if the mouse of over, etc. I'm
sure you've seen
those things before.
Anyway...let me know if you have any problems implementing.
- Chris

Similar Messages

  • Marquee (horizontal scrolling) Text in Flash CS3 with AS2

    Hello,
    I know there is already some posts talking about marquee text, but none of them really answer my questions.
    First I'll explain my problem and what I'm trying to ahcieve. 
    Currently I'm trying to create a karaoke (the same kind of karaoke that you can find in the popular game: Rock Band) where the text is scrolling from right to left. For this I need to sustain a certain amount of speed if I want to stay in synch with the music, but what I noticed is when I'm going too fast the text begin to flicker and looks blurry, unless if I increase the FPS at 60, so the text begin to be clearer. But I need to make it run at 30 fps .
    More details:
    I'm trying to move my text at 350 pixels / seconds which give me a displacement of 11.6 pixels per frame when going at 30 Fps and when going at 60 fps it give me a displacement of 5.83 pixels per frame.
    What I've tried:
    - I've tried to apply an horizontal blur to my text to reduce in an attempt to reduce the flickering of the text but it didn't worked out.
    - I've tried to convert the text into graphic to see if I could get better results but it didn't help.
    My Questions :
    - Is there a suggested speed that we shouldn't go over if we want the text still be readable on screen while going at 30 Fps ?
    - Also I would like to better understand why it's look better at 60 Fps than 30 Fps.
    - Does anybody have any suggestions about my problem ?

    Thanks again Kglad,
    I really have no preference of Action Script since I don't have any significant experience with either one.
    I'll keep doing searches to see if I can get the information I need.
    Have a great holiday.

  • Help finding Mac screensaver with scrolling text (Windows Marquee-esque)

    I have been searching the internet somewhat intensely for a scrolling text screensaver for my Macbook. I found an Apple download called "message", but that is wayyy too fancy for me. I can barely even see the text with all of the crazy fonts and weird zooming. The emphasis is not on the text for that screensaver.
    Something like the Windows Marquee would be fine, though I am sure somewhere out there is a tricked-out version for Mac. I would just want to be able to read the text clearly, as I intend to use the screensaver to help me to memorize some text.
    Maybe I am overlooking an obvious screensaver already loaded on the Macbook, but I am surprised that Tiger does not come with such a screensaver. Any suggestions and links? Thank you

    I think you should be able to find something that works for you using Quartz Composer. As an example, here is a link to someone else that was working on horizontal scrolling text. I don't know if their project got completed (or if it's currently included in Quartz Composer) but the .qtz file on this page will load in QuickTime so you can see the results as of this posting.
    http://www.mulle-kybernetik.com/weblog/2005/05/towardshorizontal_scrollingi.html
    You get Quartz Composer by downloading the Xcode tools. I'm looking through the example libraries now to see if there's something you could use in the current examples.

  • Horizontal scroll bar on text item

    Hi,
    I have a text item. I have enabled Vertical Scroll Bar. I need to enable Horizontal Scrolling as well on the text item. How is this possible?
    Thanks

    Yes, you have to write a PJC that extends VTextArea, then add the following instruction in the init() method:
    this.setHDisplayPolicy(1);You have also to set the Forms Wrap type property to none.
    Francois

  • Horizontal Scroll bar in messgae window is a pain, can text be wrapped?

    I am new to Thunderbird but so far i am enjoying it compared to Entourage.
    I have one question regarding the horizontal scroll bar i see on some messages... Why on earth is this here? I really do not understand the logic in scrolling right to read an email, surely this text should wrap into the window space available rather than having to keep moving the scroll bar along?
    I have had a play around with the preferences but to no avail, can anyone point me in the right direction as this is becoming frustrating : ( :cry:
    Perhaps someone can develop this as an add on?
    Many thanks for reading this post
    Cheers Tony
    == This happened ==
    Every time Firefox opened
    == Imediately

    Thunderbird support is over here, too.
    [http://www.mozillamessaging.com/en-US/support/]
    or here:
    http://forums.mozillazine.org/viewforum.php?f=39

  • Scrolling Text horizontally (Ticker)

    Hello, I would like to develop a scrolling ticker which scrolls text horizontally from right to left. I also want it to be scrollable (i.e. while the text is scrolling I would like to be able to scroll to the beginning or end of the scrolling text using the horizontal scrollbar, to view the history of trades etc.)
    The scrolling text could be up to 6 lines each like this
    Coffee.......Coffee...........Sugar.........<<<<More Scrolling<<<<
    JAN04........JAN04............SEP04.........<<<<More Scrolling<<<<
    AA...........RFQ..............AA............<<<<More Scrolling<<<<
    30...........50...............100...........<<<<More Scrolling<<<<
    444..........222..............90............<<<<More Scrolling<<<<
    10:00:55.....10:05:00.........10:10:03......<<<<More Scrolling<<<<
    ----------->>>ScrollBar Here<<<-----------------------------------My question is does anyone know what would be the best way to do this? Should I use java.awt.Canvas or is there a swing Class that I can use.
    Thanks, any help would be much appreciated

    Thanks very much dchsw! This will definetley point me in the right direction.
    Here's your 5 duke dollars!
    Phil
    A JTable with a a custom model would probably be best,
    but take a look at this using a JScrollPane over a
    JPanel that JLabels get added to every time a new
    "tick" comes in.
    Obviously there are many problems with using this in
    the real world, but it may give you some ideas.
    Enjoy!
    import java.awt.*;
    import java.awt.event.*;
    import java.text.*;
    import java.util.*;
    import javax.swing.*;
    public class Pharron1
         static class ApplicationPanel
              extends JPanel
              private ScrollingTicker mTicker;
              public ApplicationPanel()
                   mTicker= new ScrollingTicker();
                   setLayout(new BorderLayout());
                   add(mTicker, BorderLayout.CENTER);
    final Runnable task= new Runnable() { public void
    id run() { append(); } };
                   new Thread() {
                        public void run() {
                             while (true) {
    try {
    try {
    sleep((long)((Math.max(0.5,Math.random()*2.0))*1000.0))
                                  catch (InterruptedException e) {}
                                  SwingUtilities.invokeLater(task);
                   }.start();
                   append();
                   append();
                   append();
                   append();
                   append();
    private SimpleDateFormat mFormat= new
    w SimpleDateFormat("HH:mm:ss");
              public void append()
                   mTicker.append(
                        "<html>Coffee<br>" +
                        "<font color=\"0000ff\">Jan04</font><br>" +
                        "<font color=\"ff0000\">RFQ</font><br>" +
                        (int)(Math.random()*50.0) +"<br>222<br>" +
                        "<font color=\"ffff99\">" +
                        mFormat.format(new Date()) +
                        "</font></html>");
         static class ScrollingTicker
              extends JPanel
              private JPanel mPanel;
              private JScrollPane mPane;
              public ScrollingTicker()
                   mPanel= new JPanel();
                   mPanel.setLayout(new FlowLayout(FlowLayout.LEFT));
                   mPane= new JScrollPane(mPanel);
                   mPane.setVerticalScrollBarPolicy(
                        JScrollPane.VERTICAL_SCROLLBAR_NEVER);
                   mPane.setHorizontalScrollBarPolicy(
                        JScrollPane.HORIZONTAL_SCROLLBAR_ALWAYS);
                   setLayout(new BorderLayout());
                   add(mPane);
              public void append(String str)
                   mPanel.add(new JLabel(str));
                   mPanel.getLayout().layoutContainer(mPanel);
                   mPane.getViewport().setViewSize(mPanel.getPreferredS
    ze());
                   mPane.getHorizontalScrollBar().setValue(
                        mPane.getHorizontalScrollBar().getMaximum());
         public static void main(String[] argv)
              JFrame frame= new JFrame("Scrolling Ticker");
              frame.getContentPane().add(new ApplicationPanel());
              frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              frame.pack();
              frame.setResizable(false);
              frame.setVisible(true);

  • How do you disable text cursor movement when scrolling horizontally with a tilt wheel or touchpad; or rather, how do you make these horizontal scrolling actions only scroll horizontally and nothing else?

    Frequently when I use a touchpad or tilt wheel mouse to scroll horizontally, the web page does not scroll at all. Instead, the text cursor moves left or right. If the text box is off-screen, the page will jump to it, losing the spot on the page I was reading. This happens way too often given the sensitivity of touchpads and tilt wheel mice.
    I'd like to just disable the cursor movement function of the horizontal scroll. I don't feel that it is useful and it actually hurts my web browsing experience. I do not want to disable horizontal scrolling though; I just want it to always scroll horizontally and do nothing else.

    You would make this a little easier if you posted a link to the page.
    Most of the jump seems to be some extra padding or margin between the tabs  when you rollover, but I am not able to find it.  Is there any other css that is governing this page? I did remove a couple of <p></p> set of tags you had  and it improved the jump, but it is still there.
    If the page is live, run it through the validator http://validator.w3.org/ , fix whatever errors it finds, if you still have the jump, post a link to the page and the issue might get found.
    Gary

  • How to get the Horizontal Scroll Bar for a Table?

    Hi All,
    As per my requirement, I am displaying several records in a Screen in a Tabular Format. But here I have to show 21 Columns in that table which is too high. I am able to display it but due to it I am getting a Horizontal scroll bar for the whole screen since all the columns are not getting displayed in the normal window screen space. But its looking too odd since once I am scrolling it to right the columns are getting displayed but the above Header Bar and Global buttons are not displaying, they are bound to the normal screen space.
    Is there a way to have a Horizontal scroll bar only for that table instead of the entire screen so that on scrolling that bar only the table rows will beshifted ant got displayed?
    With Thanks
    Kumar Gautam

    try this approach.
    include a raw text item before and table item.
    include the appropriate HTML tags in raw text item to enable horizontal scroll
    --Prasanna                                                                                                                                                                                                                                                                                                                                   

  • How to add a scrolling text to display in a web part?

    Hi,
    I have 3 files in a doc library that is been referenced by a web part xml viewer in a page. I am referring only  the xml file.
    WarningMessage.xml
    <script type="text/javascript" src="http://icare/sites/IT/tst/XmlWebParts/WarningMessage/WarningMessage.js"></script>
    WarningMessage.js
    <script type="text/javascript">
    <
    //set the marquee parameters
    function init() { rtl_marquee.start(); }
    var rtl_marquee_Text = 'JavaScript scrolling text';
    var rtl_marquee_Direction = 'left';
    var rtl_marquee_Contents='<span style="font-family:Comic Sans MS;font-size:12pt;white-space:nowrap;">' + rtl_marquee_Text + '</span>';
    rtl_marquee = new xbMarquee('rtl_marquee', '19px', '90%', 6, 100, rtl_marquee_Direction, 'scroll', rtl_marquee_Contents);
    window.setTimeout( init, 200);
    </script>
    and
    xbMarquee.js
    document.writeln('<style type="text/css">');
    document.writeln(' div.marqueecenter1 { text-align: center; }');
    document.writeln(' div.marqueecenter2 { margin- margin-right: auto; }');
    document.writeln(' div.marqueeleft1 { text-align: left; }');
    document.writeln(' div.marqueeleft2 { margin- margin-right: auto; }');
    document.writeln(' div.marqueeright1 { text-align: right; }');
    document.writeln(' div.marqueeright2 { margin- margin-right: 0; }');
    document.writeln('</style>');
    function xbMarquee(id, height, width, scrollAmount, scrollDelay, direction, behavior, html)
      this.id            = id;
      this.scrollAmount  = scrollAmount ? scrollAmount : 6;
      this.scrollDelay   = scrollDelay ? scrollDelay : 85;
      this.direction     = direction ? direction.toLowerCase() : 'left';  
      this.behavior      = behavior ? behavior.toLowerCase() : 'scroll';  
    //  this.name          = 'xbMarquee_' + (++xbMarquee._name);
      this.name          = id;
      this.runId         = null;
      this.html          = html;
      this.isHorizontal = ('up,down'.indexOf(this.direction) == -1);
      if (typeof(height) == 'number')
        this.height = height;
        this.heightUnit = 'px';
      else if (typeof(height) == 'string')
        this.height = parseInt('0' + height, 10);
        this.heightUnit = height.toLowerCase().replace(/^[0-9]+/, '');
      else
        this.height = 100;
        this.heightUnit = 'px';
      if (typeof(width) == 'number')
        this.width = width;
        this.widthUnit = 'px';
      else if (typeof(width) == 'string')
        this.width = parseInt('0' + width, 10);
        this.widthUnit = width.toLowerCase().replace(/^[0-9]+/, '');
      else
        this.width = 100;
        this.widthUnit = 'px';
      // xbMarquee UI events
      this.onmouseover   = null;
      this.onmouseout    = null;
      this.onclick       = null;
      // xbMarquee state events
      this.onstart       = null;
      this.onbounce      = null;
      var markup = '';
      if (document.layers)
        markup = '<ilayer id="' + this.id + 'container" name="' + this.id + 'container" ' +
                 'height="' + height + '" ' +
                 'width="' + width + '"  ' +
                 'clip="' + width + ', ' + height + '" ' +
                 '>' + 
                 '<\/ilayer>';            
      else if (document.body && typeof(document.body.innerHTML) != 'string')
        markup = '<div id="' + this.id + 'container" name="' + this.id + 'container" ' +
                 'style=" ' + 
                 'height: ' + this.height + this.heightUnit + '; ' +
                 'width: ' + this.width + this.widthUnit + '; ' +
                 'clip: rect(0px, ' + this.width + this.widthUnit + ', ' + this.height + this.heightUnit + ', 0px); ' +
                 '">' + 
                 '<div id="' + this.id + '" style="' + 
                 (this.isHorizontal ? 'width:0px;' : '') + // if we scroll horizontally, make the text container as small as possible
                 '">' +
                 (this.isHorizontal ? '<nobr>' : '') +
                 this.html +
                 (this.isHorizontal ? '<\/nobr>' : '') +
                 '<\/div>' +
                 '<\/div>';             
      else 
        markup = '<div id="' + this.id + 'container" name="' + 
                 this.id + 'container" ' +
                 'style=" overflowY: visible; ' + 
                 'height: ' + this.height + this.heightUnit + '; ' +
                 'width: ' + this.width + this.widthUnit + '; ' +
                 'clip: rect(0px, ' + this.width + this.widthUnit + ', ' + this.height + this.heightUnit + ', 0px); ' +
                '">' + 
                 '<\/div>';             
      document.write(markup);  
      window[this.name] = this;
    // Class Properties/Methods
    xbMarquee._name = -1;
    xbMarquee._getInnerSize = function(elm, propName)
      var val = 0;
      if (document.layers)
        // navigator 4
        val = elm.document[propName];    
      else if (elm.style && typeof(elm.style[propName]) == 'number')
        // opera
        // bug in Opera 6 width/offsetWidth. Use clientWidth
        if (propName == 'width' && typeof(elm.clientWidth) == 'number')
          val = elm.clientWidth;
        else
          val =  elm.style[propName];
      else
        //mozilla and IE
        switch (propName)
        case 'height':
           if (typeof(elm.offsetHeight) == 'number')
             val =  elm.offsetHeight;
           break;
        case 'width':
           if (typeof(elm.offsetWidth) == 'number')
             val = elm.offsetWidth;                  
           break;
      return val;
    xbMarquee.getElm = function(id)
      var elm = null;
      if (document.getElementById)
        elm = document.getElementById(id);
      else
        elm = document.all[id];
      return elm;
    xbMarquee.dispatchUIEvent = function (event, marqueeName, eventName)
      var marquee = window[marqueeName];
      var eventAttr = 'on' + eventName;
      if (!marquee)
        return false;
      if (!event && window.event)
        event = window.event;
      switch (eventName)
      case 'mouseover':
      case 'mouseout':
      case 'click':
        if (marquee[eventAttr])
          return marquee['on' + eventName](event);
      return false;
    xbMarquee.createDispatchEventAttr = function (marqueeName, eventName)
      return 'on' + eventName + '="xbMarquee.dispatchUIEvent(event, \'' + marqueeName + '\', \'' + eventName + '\')" ';
    // Instance properties/methods
    xbMarquee.prototype.start = function ()
      var markup = '';
      this.stop();
      if (!this.dirsign)
        if (!document.layers)
          this.containerDiv = xbMarquee.getElm(this.id + 'container')
          if (typeof(this.containerDiv.innerHTML) != 'string')
            return;
          // adjust the container size before inner div is filled in
          // so IE will not hork the size of percentage units 
          var parentNode    = null;
          if (this.containerDiv.parentNode)
            parentNode = this.containerDiv.parentNode;
          else if (this.containerDiv.parentElement)
            parentNode = this.containerDiv.parentElement;
          if (parentNode && 
              typeof(parentNode.offsetHeight) == 'number' && 
              typeof(parentNode.offsetWidth) == 'number')
            if (this.heightUnit == '%')
              this.containerDiv.style.height = 
              parentNode.offsetHeight * (this.height/100) + 'px';
            if (this.widthUnit == '%')
              this.containerDiv.style.width = 
              parentNode.offsetWidth * (this.width/100) + 'px';
          markup += '<div id="' + this.id + '" name="' + this.id + '" ' +
            'style=" ' +
            //(this.isHorizontal ? 'width:0px;' : '') + // if we scroll horizontally, make the text container as small as possible
            '" ' +
            xbMarquee.createDispatchEventAttr(this.name, 'mouseover') +
            xbMarquee.createDispatchEventAttr(this.name, 'mouseout') +
            xbMarquee.createDispatchEventAttr(this.name, 'click') +
            '>' +
            (this.isHorizontal ? '<nobr>' : '') +
            this.html +
            (this.isHorizontal ? '<\/nobr>' : '') +
            '<\/div>';
          this.containerDiv.innerHTML = markup;
          this.div                    = xbMarquee.getElm(this.id);
          this.styleObj     = this.div.style;      
        else /* if (document.layers) */
          this.containerDiv = document.layers[this.id + 'container'];
          markup = 
            '<layer id="' + this.id + '" name="' + this.id + '" top="0" left="0" ' +
            xbMarquee.createDispatchEventAttr(this.name, 'mouseover') +
            xbMarquee.createDispatchEventAttr(this.name, 'mouseout') +
            xbMarquee.createDispatchEventAttr(this.name, 'click') +
            '>' +
            (this.isHorizontal ? '<nobr>' : '') + 
            this.html +
            (this.isHorizontal ? '<\/nobr>' : '') +
            '<\/layer>';
          this.containerDiv.document.write(markup);
          this.containerDiv.document.close();
          this.div          = this.containerDiv.document.layers[this.id];
          this.styleObj     = this.div;
        if (this.isHorizontal && this.height < xbMarquee._getInnerSize(this.div, 'height') )
          this.height = xbMarquee._getInnerSize(this.div, 'height')
          this.containerDiv.style.height = this.height + this.heightUnit;
          this.containerDiv.style.clip = 'rect(0px, ' + this.width + this.widthUnit + ', ' + this.height + this.heightUnit + ', 0px)';
        // Start must not run until the page load event has fired
        // due to Internet Explorer not setting the height and width of 
        // the dynamically written content until then
        switch (this.direction)
        case 'down':
          this.dirsign = 1;
          this.startAt = -xbMarquee._getInnerSize(this.div, 'height');
          this._setTop(this.startAt);
          if (this.heightUnit == '%')
            this.stopAt = this.height * xbMarquee._getInnerSize(this.containerDiv, 'height') / 100;
          else
            this.stopAt  = this.height;
          break;
        case 'up':
          this.dirsign = -1;
          if (this.heightUnit == '%')
            this.startAt = this.height * xbMarquee._getInnerSize(this.containerDiv, 'height') / 100;
          else     
            this.startAt = this.height;
          this._setTop(this.startAt);
          this.stopAt  = -xbMarquee._getInnerSize(this.div, 'height');      
          break;
        case 'right':
          this.dirsign = 1;
          this.startAt = -xbMarquee._getInnerSize(this.div, 'width');
          this._setLeft(this.startAt);
          if (this.widthUnit == '%')
            this.stopAt = this.width * xbMarquee._getInnerSize(this.containerDiv, 'width') / 100;
          else    
            this.stopAt  = this.width;
          break;
        case 'left':
        default:
          this.dirsign = -1;
    if (this.widthUnit == '%')
    this.startAt = this.width * xbMarquee._getInnerSize(this.containerDiv, 'width') / 100;
    else  
    this.startAt = this.width        
    this._setLeft(this.startAt);
    // this.stopAt  = -xbMarquee._getInnerSize(this.div,'width')*2;
    // this method does not work very well with FireFox.  offsetWidth property used in this function returns the absolute width of the div container
    // instead of the new offsetWidth when innerHTML is added or when the div becomes wider. To overcome this a new span element is added to 
    // the document body to measure the new offsetwidth and then it is removed.
    var temp_span = document.createElement('span');     
    temp_span.id = 'span_' + this.div.id;
    temp_span.innerHTML = this.html;
    document.body.appendChild(temp_span);                
    this.stopAt = - temp_span.firstChild.firstChild.offsetWidth;
    document.body.removeChild(temp_span);            
          break;
        this.newPosition          = this.startAt;
        this.styleObj.visibility = 'visible'; 
      this.newPosition += this.dirsign * this.scrollAmount;
      if ( (this.dirsign == 1  && this.newPosition > this.stopAt) ||
           (this.dirsign == -1 && this.newPosition < this.stopAt) )
        if (this.behavior == 'alternate')
          if (this.onbounce)
            // fire bounce when alternate changes directions
            this.onbounce();
          this.dirsign = -this.dirsign;
          var temp     = this.stopAt;
          this.stopAt  = this.startAt;
          this.startAt = temp;
        else
          // fire start when position is a start
          if (this.onstart)
            this.onstart();
          this.newPosition = this.startAt;
      switch(this.direction)
        case 'up': 
        case 'down':
          this._setTop(this.newPosition);
          break;
        case 'left': 
        case 'right':
        default:
          this._setLeft(this.newPosition);
          break;
      this.runId = setTimeout(this.name + '.start()', this.scrollDelay);
    xbMarquee.prototype.stop = function ()
      if (this.runId)
        clearTimeout(this.runId);
      this.runId = null;
    xbMarquee.prototype.setInnerHTML = function (html)
      if (typeof(this.div.innerHTML) != 'string')
        return;
      var running = false;
      if (this.runId)
        running = true;
        this.stop();
      this.html = html;
      this.dirsign = null;
      if (running)
        this.start();
    // fixes standards mode in gecko
    // since units are required
    if (document.layers)
      xbMarquee.prototype._setLeft = function (left)
        this.styleObj.left = left;    
      xbMarquee.prototype._setTop = function (top)
        this.styleObj.top = top;    
    else
      xbMarquee.prototype._setLeft = function (left)
        this.styleObj.left = left + 'px';    
      xbMarquee.prototype._setTop = function (top)
        this.styleObj.top = top + 'px';    
    I have nothing displaying in the web-part. How can I make this to work?

    This is how i was able to do it. Edit html source.
    <div align="center"><marquee id='scroll_news4' bgcolor=#ff9966 "><font color="#000000" size="+1" ><strong>Outlook is down! IT is working on it! </strong></font></marquee></div>
    <input type='Button' value='Stop' id ='b1' onClick='button_click()';>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    function button_click()
    if(document.getElementById('b1').value=="Start"){
    document.getElementById('b1').value="Stop";
    document.getElementById('scroll_news4').start();
    }else{
    document.getElementById('b1').value="Start";
    document.getElementById('scroll_news4').stop();
    // End -->
    </script>

  • Expand horizontal scroll panel on both sides for a zoom in effect

    Hi,
    I'm creating an interactive timeline with Flash Catalyst. It is set up as a long horizontal scroll panel which contains buttons that link to states with photos and text about historic events. One feature I would like to include is a zoom feature, like the one found on the bbc British history timeline (http://www.bbc.co.uk/history/interactive/timelines/british/index_embed.shtml ). E.g., when you click on a colored section of the horizontal scroll panel it will zoom in to view that timeframe in more detail.
    The problem I'm running into is that I can't expand the scroll panel to the left. So, I can go into edit mode for the scrolling content, create a second state, and enlarge the scrolling content in that second state to create a zoom in effect. However, because the scrolling content will only expand to the right, I can't line up the interaction correctly.
    Is there a workaround for this in Flash Catalyst?

    have a peek at this:
    on the left, the corner radius (the red line) is enough to create a curve on the inside of the stroke. on the right, it isn't large enough.

  • Horizontal Scroll Bar

    I have this site that I'm practicing on called
    Massattack Studios,
    it's been a work in progress for a while experimenting with Flash
    and Dreamweaver 8.
    In internet explorer my scroll bar situation works fine, in
    Fire Fox the unwanted horizontal scroll bar appears. At least at
    the moment I'm not concerned with other browsers. Can anybody tell
    me how to get rid of that little guy?
    I'm looking at the Validator and it is very overwealming to
    me as a beginner with the code.
    Any help would be great, i can post anything you may need to
    figure it out, thank you very much!
    This is my main index page...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    <title>Massattack Studios</title>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1" />
    </head>
    <frameset cols="*,650,*" border="0">
    <frame src="left.htm" name="left" marginwidth="0"
    marginheight="0" scrolling=no>
    <frameset rows="100,*,25" border="0">
    <frame src="head.htm" name="head" marginwidth="0"
    marginheight="0" scrolling=no noresize>
    <frame src="home.htm" name="MainFrame" scrolling="yes"
    noresize="noresize" marginwidth="0" marginheight="0"
    id="MainFrame">
    <frame src="footer.htm" name="footer" marginwidth="0"
    marginheight="0" scrolling=no noresize>
    </frameset>
    <frame src="right.htm" name="right" marginwidth="0"
    marginheight="0" scrolling=no noresize>
    </frameset>
    <noframes><body>
    </body></noframes>
    </html>

    In the home.htm file that loads into your main frame, change
    the DOCTYPE.
    CHANGE:
    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"
    TO THIS:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN">BTW:
    "Bumbing" has no effect in the NNTP forums where most of the
    answers come
    from and it's just annoying to the web form user who are
    patiently waiting
    for a response.

  • Left Aligning an Anchor object in a horizontal scroll

    I'm sure the answer to this is going to be so simple I'll be forced to learn how to kick myself.
    I have a website that contains a static header section and a table row that contains a number of pictures in a horizontal scroll.  The rest of the page does not scroll, just this one table row.
    I want to be able to designate some of the pictures as the starting point for a new section.   So I created an reference link at the top of the page,
    <a href="#portraits">PORTRAITS</a>
    and then designated one of the pictures to be the target
    Start of table row
    <table><tr>
    <td>...........pictures
    <td><a name="portraits">
    <img src="gallery/5a.gif" alt="" class="transparent5" /></a>
    <p class="notes">PORTRAITS</p>
    <p class="title">&rarr; </p></td>
    <td>
    ........continues on,
    So the question is, once a user clicks the reference how can I ensure the target aligns on the left side of the page?    currently what is happening is it is just being brought into view on the right hand side.     This isn't the estetic the site owner wants.
    Thanks for looking.

    Hi Nancy, (or anyone else with input )
    I can't seem to invoke the horizontal scroll for the site.  It may be because I have the scrolling in a single table within the body and the script seems to be calling out the full <body> tag for the target.
    my feeble attempt is here - http://www.lightmonkey.ca/indexjs.html
    The button list looks like this,
    <ul id="nav" class="scroll"  >
        <a href="#portraits">PORTRAITS   </a>
        <a href="#performance">PERFORMANCE     </a>
        <a href="#editorial">LIFESTYLE + EDITORIAL      </a>
        <a href="#industrial">INDUSTRIAL      </a>
        <span class="style6"><a href="http://lightmonkeyphotography.wordpress.com/" target="_blank">BLOG  </a></span>
        <a href="#contact">CONTACT </a></ul></td>
    So I think the JS function will call 'ul.scroll'  according to the syntax from the tutorial site, (bold in snippet at bottom)
    The start of the scrolling table looks like this,
    <div id="main"><div id="gallery">
    <table><tr>
    <td><a name="portraits">
    <img src="gallery/5.gif" alt="" class="transparent5" /></a>
    <p class="notes">PORTRAITS</p>
    <p class="title">&rarr; </p></td>
    <td>
    etc
    so what would be the function target?  (target, my term, also in bold in the snippet below)
    <!-- The JavaScript -->
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>       
            <script type="text/javascript" src="reffile/easing.js"></script>
            <script type="text/javascript">
                $(function() {
                    $('ul.scroll a').bind('click',function(event){
                        var $anchor = $(this);
                        if you want to use one of the easing effects:
                        $('html, body').stop().animate({
                            scrollLeft: $($anchor.attr('href')).offset().left
                        }, 1500,'easeInOutExpo');
                        $('html, main').stop().animate({
                            scrollLeft: $($anchor.attr('href')).offset().left
                        }, 1000);
                        event.preventDefault();
            </script>
    Any suggestions on this?
    Thanks again!  tried to just figure it out but 3 dozen combinations have not worked out....

  • Problem with Horizontal Scroll on java.awt.List

    I use the same code for a General Application as a CDC Application.
    I have no problem at all with the General Application but on the CDC I can't scroll to the right (horizontal).
    Why do I get this problem on the CDC application and not on a regular application?
    I use the PP-1.0 Profile for the CDC application. Does it not support horizontal scroll on java.awt.List?
    This is the code:
    * Main.java
    * Created on den 22 augusti 2007, 10:52
    package cdcapplication6;
    * @author  Erik Rothman
    public class Main extends java.awt.Frame {
        /** Creates new form Main */
        public Main() {
            initComponents();
              for (int i = 0; i < 10; i++) {
                   list1.add("Short text");
                   list1.add("Some very long text indeed. Some very long text indeed.");
        /** This method is called from within the constructor to
         * initialize the form.
         * WARNING: Do NOT modify this code. The content of this method is
         * always regenerated by the Form Editor.
        // <editor-fold defaultstate="collapsed" desc=" Generated Code ">                         
        private void initComponents() {
            list1 = new java.awt.List();
            addWindowListener(new java.awt.event.WindowAdapter() {
                public void windowClosing(java.awt.event.WindowEvent evt) {
                    exitForm(evt);
            add(list1, java.awt.BorderLayout.CENTER);
            pack();
        }// </editor-fold>                       
        /** Exit the Application */
        private void exitForm(java.awt.event.WindowEvent evt) {                         
            System.exit(0);
         * @param args the command line arguments
        public static void main(String args[]) {
            java.awt.EventQueue.invokeLater(new Runnable() {
                public void run() {
                    new Main().setVisible(true);
        // Variables declaration - do not modify                    
        private java.awt.List list1;
        // End of variables declaration                  
    }

    I use the same code for a General Application as a CDC Application.
    I have no problem at all with the General Application but on the CDC I can't scroll to the right (horizontal).
    Why do I get this problem on the CDC application and not on a regular application?
    I use the PP-1.0 Profile for the CDC application. Does it not support horizontal scroll on java.awt.List?
    This is the code:
    * Main.java
    * Created on den 22 augusti 2007, 10:52
    package cdcapplication6;
    * @author  Erik Rothman
    public class Main extends java.awt.Frame {
        /** Creates new form Main */
        public Main() {
            initComponents();
              for (int i = 0; i < 10; i++) {
                   list1.add("Short text");
                   list1.add("Some very long text indeed. Some very long text indeed.");
        /** This method is called from within the constructor to
         * initialize the form.
         * WARNING: Do NOT modify this code. The content of this method is
         * always regenerated by the Form Editor.
        // <editor-fold defaultstate="collapsed" desc=" Generated Code ">                         
        private void initComponents() {
            list1 = new java.awt.List();
            addWindowListener(new java.awt.event.WindowAdapter() {
                public void windowClosing(java.awt.event.WindowEvent evt) {
                    exitForm(evt);
            add(list1, java.awt.BorderLayout.CENTER);
            pack();
        }// </editor-fold>                       
        /** Exit the Application */
        private void exitForm(java.awt.event.WindowEvent evt) {                         
            System.exit(0);
         * @param args the command line arguments
        public static void main(String args[]) {
            java.awt.EventQueue.invokeLater(new Runnable() {
                public void run() {
                    new Main().setVisible(true);
        // Variables declaration - do not modify                    
        private java.awt.List list1;
        // End of variables declaration                  
    }

  • Horizontal scroll bar problem in Portal????

    Hi Guys,
    I am facing some problem when i open any thread. Horizontal scrollong bar is coming at the end of the thread.
    eg: If i have some text in the thread which is more than width of the screen and has some 10 replies to that thread, Then i should be able to scrool at that position itself. But now i have to scroll down till end of all the replies and then i have to scroll the horizontal bar to right/left and scroll up to particular reply to see what is there.
    Is there any enhancement going on in portal or it is specific to my system? Please do let me know.
    Thanks,
    Vinod.

    I too am facing this problem with the horizontal scroll bar. 
    There are many other bugs, but I am reluctant to spend my time reporting them as last time I reported a problem here, I got a rude response.
    Al Lal

  • Horizontal Scroll Bar Disappeared in Web Report(BW 7)

    Hi All,
    We have just upgraded one of our Developement BW system from 3.5 to Netweaver 2004s, with support pack 7.
    After running our query in Web, we have found that all our reports has no horizontal scroll bar to display the query column. This  in turn pushes the corresponding Chart to theleft extreme of the viewing area.  
    I have tried to reset the web item properities of the table , but no help.                                                 I have compared the web item properities for the  table in the system where upgrade has not been applied yet. It is same.Scoll bar does appear in BW system where there is no upgrade.
    I have searched the OSS for answer, but did not find any answer.
    Did anybody face this issue after upgrade to BIW 7 ?
    Our WAD is ver. 3.5 Final release.
    Your response is highly appreciated .

    Here is the code
    Classes for paging area *******/      
    .SAPBEXScrollVert     {
         font-family:Arial,sans-serif;
         background-color:#ffffff;
         color:#000000;
         font-style:normal;
         font-weight:normal;
         font-size:71%;               
         text-align:left;
         margin:0 1px 0 1px;
         padding:1px 3px 1px 3px;
    .SAPBEXScrollHor     {
         font-family:Arial,sans-serif;
         background-color:#ffffff;
         color:#000000;
         font-style:normal;
         font-weight:normal;
         font-size:71%;               
         text-align:right;
         margin:0 1px 0 1px;
         padding:1px 3px 1px 3px;

Maybe you are looking for

  • How do I play embedded mp3 files?

    Hello, Is Adobe Reader for iPad capable of opening my embedded mp3 files? If not, then how can I  get the audio to play inside the document?  The original document was created in Publisher 2012...converted to pdf where I embedded the mp3. Thank you f

  • Error creating process instance dynamically

    I'm creating a proces instance dynamically using the next statement: ProcessInstance.create That statement is invoked by an automatic task that is polling a queue for a message. once the message is retrieved the process is created. this process is fa

  • Shall i update my N96 to V30?

    Hey People Shall i update? as all im after is the audio theme? Help

  • ASA Licensing!

    I have 2 questions: 1.I have 2xASA firewalls with different licenses. Licensed features for this platform: Maximum Physical Interfaces : Unlimited Maximum VLANs : 150 Inside Hosts : Unlimited Failover : Active/Active VPN-DES : Enabled VPN-3DES-AES :

  • SERC content package and service package

    Hi, This is regarding regulatory content provider. I came across an SAP presentation on Product Safety and Dangerous goods, which talks about twp options: 1. Going for an on-premise approach using SERC - content package 2. Going for a service approac