Scrolling text vertically, offsetting from dead center

I'm trying to create an effect like what is shown on this page:
http://www.tooltabs.net/
If you scroll down past the first title block you'll see a lot of phrases set in a vertical fashion.
I have the start of what I'm trying to do, but the only option I can see is "center" "left" and "right".
Is there a way to offset the center setting to create the effect shown on my link?
Thanks!

Hi -
I am not sure I completely understand your question, but if you are asking how to get additional horizontal position control over a scroll that you have typed, edit the scroll to the timeline. Double click on the scroll clip on the timeline, and in the viewer, click on the Motion tab. Open the Basic Motion pane, and enter a positive or negative number that represents the distance (in pixels) you want to offset the scroll from center - in the first box next to the word Center. This will reposition horizontally the clip.
An easier way to do this is to make sure Image and Wireframe is turned on in the canvas. Then click on the scroll clip in the timeline and a wireframe "X" will appear in the canvas. You can then click on the image in the canvas and reposition it by holding down the mouse button and dragging it to where you want to place it. To restrict the axis so that it is only moving on the horizontal or vertical axis, hold down the shift key while dragging.
Hope this helps.

Similar Messages

Center text vertically in DIV.

I need to center the text vertically in the div at the bottom
of this page. How do I accomplish this? I searched this forum, but
couldn't find anything on it.
http://www.liquidfirefishing.com/ocmc

It does not. It's specific to table cells, or things with the
table-cell
display style.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"kiusau" <[email protected]> wrote in
message
news:gnesja$osr$[email protected]..
>
quote:
I need to center the text vertically in the div at the bottom
of this
> page.
> How do I accomplish this?
>
> Create a single cell table inside the <div> tag
and apply vertical
> alignment
> to the <tr> tag. I do not know, if vertical
alignment works with the <p>
> tag.
>
> Roddy
>

Center text vertically in 6i

I was wondering if there was a way to center text vertically in a text field in forms 6i.
I have a banner at the top of my form as a text item, and I need the value(s) to be centered horizontally(which I have already done) and vertically which I am wondering how to do. Could someone please tell me how?
TIA
C

It does not. It's specific to table cells, or things with the
table-cell
display style.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"kiusau" <[email protected]> wrote in
message
news:gnesja$osr$[email protected]..
>
quote:
I need to center the text vertically in the div at the bottom
of this
> page.
> How do I accomplish this?
>
> Create a single cell table inside the <div> tag
and apply vertical
> alignment
> to the <tr> tag. I do not know, if vertical
alignment works with the <p>
> tag.
>
> Roddy
>

[svn:osmf:] 14326: ChromeLibrary: fixing hints from appearing at the wrong vertical offset, and preventing scrub bar time remaining calculations to go negative.

Revision: 14326
Revision: 14326
Author:   [email protected]
Date:     2010-02-22 08:10:39 -0800 (Mon, 22 Feb 2010)
Log Message:
ChromeLibrary: fixing hints from appearing at the wrong vertical offset, and preventing scrub bar time remaining calculations to go negative.
Modified Paths:
    osmf/trunk/libs/ChromeLibrary/src/org/osmf/chrome/controlbar/widgets/ScrubBar.as
    osmf/trunk/libs/ChromeLibrary/src/org/osmf/chrome/hint/Hint.as

Can i change the colour of my scrolling texts from FCPX

i have a scrolling texts created at the end of my video clips in FCPX.
in this credit scrolling texts, i want to show the names of singers and their songs.
I also want to display them in different colour.
SINGERS white colour
SONGS red
i highlight the songs' names and changed to red
but what happen in FCP is all the texts after the one i highlighted become red.
just wonder if i want to do such thing.
Do I need Motion5?
Also FCPX seems not able to let me enter any RGB vales.
Can Motion let me do that?
Thanks.

hI gfxzen,
i finally did it.
i needed to double click my title texts in VIEWER to change colour to particular texts.
this's a good new to me.
i know this's not a FCP forum, i posted a question there and post the same question here. I thought maybe i can only do this in Motion.
now i know i can do it. It seems to me I can only do it if i double click my title texts in VIEWER.
i'm still not able to do what i want in TEXT inspector. i can change the colour but this always ends up changing colour for all the texts.
if you don't mind, i have few more questions:
after i double click the text in the VIEWER, a bounding box appears. i can do anything within the text box.
how can i get rid of the bounding box after i've done my edit. i always click on the inspector button to close off anything.
now i can change the colour, can FCPX let me enter any RBG valves.
I can pick a colour in the colour panel, it seems i can't enter any particular vales i want.
don't know if you know the answer or not.
if you do, can you let me know? thanks.

Scrolling text from motion too fast in fcp

Help!
I tried using motion 4 for scrolling text but it scrolls too fast... it scrolls perfect speed in motion but when I open it up in fcp 7.0 it goes faster.
my sequence settings match for fcp and motion 4.
I have tried auto, custom and fixed .
I have played with scroll rate mulitplier
I have shortened and lengthened the timeline
I have gone to some video's on setting this up i.e. vtc.com/products/AppleMotion4/Text/90443 and other videos... nothing I do seems to slow it down,.
Thank you for your assistance
kfcman

Hey Michael,
Yes frame rates are the same.

How to align text vertically?

This seems like it should be really easy: On a simple text slide, how do I align multiple lines of text vertically? Do I have to eyeball it, or is there a way to fix it exactly in the center, top to bottom?

Hi -
There is no automatic way, but there is a way to make it slightly easier.
After you enter your text, grab the clip of type and move it to a portion of the timeline where there are no other clips.
In the Canvas click on the button on the top right and select Checkerboard:
!http:/www.spotsbeforeyoureyes.com/CanvasCheckerboardBG.jpg!
This will make the background a checkerboard so you can count the squares to verify the top and bottom line are equidistant from the TV Safe Guidelines:
!http://www.spotsbeforeyoureyes.com/CanvasCheckerBoardExample.jpg!
When you are done positioning the type, grab the clip and place it above the clip you originally wanted it to appear over.
You can either leave the Canvas set to display a checkerboard when there is no video present, or switch it back to Black.
Hope this helps.

How to add text vertically into a Word margin with C# (using namespace: Microsoft.Office.Interop.Word)

I need to add text vertically in a word document outside the margins. How can I do this with Microsoft.Office.Interop.Word and C#?
Leonard Swarczinski Software Developer Postal Center International

Hi Leonard,
According to your description, do you want to add text vertically into Page Header/Footer? I wrote a sample for you.
using Microsoft.Office.Core;
using Microsoft.Office.Interop.Word;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace AddTextToWord
class Program
static void Main(string[] args)
CreateNewDocument();
Console.ReadLine();
private static void CreateNewDocument()
Object oMissing = System.Reflection.Missing.Value;
Microsoft.Office.Interop.Word.Application oWord;
Microsoft.Office.Interop.Word.Document oDoc;
oWord = new Microsoft.Office.Interop.Word.Application();
oWord.Visible = true;
oDoc = oWord.Documents.Add(ref oMissing, ref oMissing, ref oMissing, ref oMissing);
String HeaderText = "Hello everyone!";
WdParagraphAlignment wdAlign = WdParagraphAlignment.wdAlignParagraphCenter;
AddHeader1(oWord, HeaderText, wdAlign);
private static void AddHeader1(Application WordApp, string HeaderText, WdParagraphAlignment wdAlign)
Object oMissing = System.Reflection.Missing.Value;
WordApp.ActiveWindow.View.Type = WdViewType.wdOutlineView;
WordApp.ActiveWindow.View.SeekView = WdSeekView.wdSeekPrimaryHeader;
Microsoft.Office.Interop.Word.Shape textBox = WordApp.ActiveDocument.Shapes.AddTextbox(MsoTextOrientation.msoTextOrientationVertical, 150, 10, 40, 40);
textBox.TextFrame.TextRange.Text = HeaderText;
WordApp.ActiveWindow.View.SeekView = WdSeekView.wdSeekMainDocument;
If I misunderstood or anything wrong, please let me know and you can get more information from below articles.
Office development in Visual Studio
http://msdn.microsoft.com/en-us/office/hh133430.aspx
Abhout: AddTextbox Method
http://msdn.microsoft.com/en-us/library/office/aa171543(v=office.11).aspx
How to: Programmatically Insert Text into Word Documents
http://msdn.microsoft.com/en-us/library/vstudio/6b9478cs.aspx

Aligning text vertically

I know how to center text horizontally within the text box in CS5 Extended (just click the same "center" icon you would click if you were using Microsoft Word or any other program), but how can I center it vertically (have it placed equidistant from the top and bottom of the text box)? I know there must be a way.
Thanks!

I think the question has to do with text arranged vertically, rather than text that is centered on a vertical line dividing the cell.
The example in column A is available in cells in Pages Tables. But of a kludge, though, as its achieved by inserting a return (option-return if you're typing it in the cell) after each character in the string.
The example in column B is made by entering the text into a text box, then rotating the box using the Metrics Inspector, aand placing it in front of the cell where it is to appear.
The example in column C has been horizontally centered in the cell using the alignment button on the format bar. There is also an alignment button in that bar to center the text vertically in the cell, but I hadn't used it before capturing the screen shot. This text also has an option return inserted after each of the first two words.
Regards,
Barry

Centering text vertically in text box

When you open a text box how do you center the text in the middle from top to bottom(vertically), not left to right. The text starts immediately in the top left corner. I need it in the center of a predefined text box size, so that if you drew a line across the center of the box from left to right, the top half of the letters would be above the line and the bottom half would be below the center line. In other words there should be the same distance above the words to the top edge of the text box, as to the bottom of the text box, from the center.

Thanks for the reply. Let me start by saying I am definitely a newbie with Photoshop. So if you could explain what I should do in PS that would help. I'm using CS6 Extended. I really don't know the difference between Paragraph text and Point text, and not sure what you mean when you ask is this for an Action.
I selected the "T" Horizontal type tool, and drew a box. Then I started typing. It looks like my selections are left align, center align, and right align. But it does not Center it in the middle of the box. The text is still at the top of the box. I have to have the box a certain size because of the project I'm working on. I'm assuming the text I'm selecting is what you are calling Paragraph Text. How do you use Point Text.
It's basically the spine on a book cover. You place the Title and the Authors name there, but you have to make sure it fits within the spine width, and is centered in that area. Like if you were looking at the side of a book, the title/author should be centered along that spine from top to bottom.
Thanks!

XML and scrolling text

Hi,
My flash movie contains a text field and a scrollbar, when i
simply write the text in the text field and then publish the movie
the scrollbar works fine. However i need to read in the text
through XML but when i do this the scrollbar does not work. Is
there code that i need to implement to make the scrollbar
automatically scroll....
All help is appreciated,
Thanks

Okay found this:
[Dynamic Text Box Name].autoSize = "center";
[Dynamic Text Box Name].wordWrap = true;
however, the height really doesn't adjust when the copy does.
If I start
off with the dynamic text box at 50 pixels high, it remains
that way
when calculated in ActionScript using the [MovieClip]._height
even
though it is much taller than 50 pixels with the copy in
there.
So I'm back to the drawing board. I want to have an XML file
with
Headline, BodyCopy, and disclaimer copy. I want to call the
nodes into
Flash and stylize them.
I DO NOT want to use CSS since I am using funky fonts that
will not be
available on all machines. Want those fonts embedded in Flash
so it
shows the same on any computer.
-Kirk
W. Kirk Lutz wrote:
> I am brand new to XML and pulling in text to Flash from
it. So far so
> good. The text shows. The only thing I'm having trouble
with is the
> height of the text box the imported text sits in. I want
it to
> dynamically expand if the text is long.
>
> How can I go about importing text into a text Dynamic
text box and have
> the box expand if the text is too long for the manual
setting?
>
> -Kirk

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);

Scrolling text is jumpy/pulsing when compressed

I'm making end credits using the scroll up text animation behavior in Motion 2.1.2. Whenever I compress it for DVD Studio Pro and insert it the text looks terrible. It is pulsing in and out and is hardly readable. I found a few other people who have had this problem, but no solutions that have helped.
I have done credits using the scrolling text in Final Cut without much problem, but for this project I need motion in order to use text of different sizes.
Here are my specs:
Project Properties - NTSC DV; 720x480; Pixel Aspect Ratio: NTSC D1/DV - 0.90; Field Order: Lower First (Even); Frame Rate: 29.97; Background color is black (0%)
Render Settings - Motion Blur Samples: 8; Shutter Angle: 360; Output Antialiasing Method: Best
I used Export using Compressor: DVD Best Quality 90 minutes 4:3; I tried using the Color+Alpha and just Color in the Output options. Premultiply alpha and Use field render are both checked. Use motion blur is not checked.
Most of the text is Geneva Regular 14 pt font. I have tried completely white as well as setting the RGB sliders all at 235 with no difference. I also tried using a black outline with no difference. The scroll up behavior has a rate of 52.
Please help! It took me forever to put these credits together and I don't want to start from scratch with another program. Making the text bigger helps a little bit but I would really like to keep it the same size for timing and format sake. However, I can't keep it like this because it looks terrible both on an Apple Cinema display and on a tv after burned to DVD.
Thanks!

My first guess would be the font itself. Geneva is a pretty thin font and it's not likely to look good interlaced and on a TV. Can you try a thicker font?
I'd also turn off Field Rendering. It looked much worse with it on than off. Keep Frame Blending though.
Andy

How do I get text to flow from one page to the next in Pages 5?

How do I get text to flow from one page to the next in Pages 5 with the Maverick system?

What may be overlooked in Pages v5 is the notion of combining Text Boxes via the Menu > View > Show Arrange Tools. When you select two Text Boxes, an extra panel unfolds at the bottom of the Arrange Tools window. Uncheck one Text Box and this panel abruptly disappears.
One can achieve text flow effects between Text Boxes differently based on how one positions the Text Box overlap, and choice of effect above. Though not the accustomed flow found in Pages ’09 v4.3, flow does occur. Consider the possibilities of combining a Shape and a Text box to cut an irregular Text box.
If I create two Text Boxes and position them side by side with outline touching and choose Unite, this creates one larger Text Box and text flows across and down. On the otherhand, if I overlap the upper left corner of a lower Text Box over one above and to the left, then choose Union, pasted text fills the first Text Box and then flows across and down into the other box. Here is a Union example:
Intersect will leave a small Text Box where the two overlap, so not much value there. Subtract will cut a chunk out of one Text Box that is the size of the overlapping piece of the second Text Box:
And Intersect will leave an island in the center where the two Text Box overlap, with flow jumping over this bridge.
Clearly, this is not what we were accustomed to in the past, but with imagination, style, and layout tuning, it does offer alternative Text Box creativity and layout. Of course, there is the option of simply returning to the previous Pages version for true Text Box linking that most will want to use.

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">

</script>

Scrolling text vertically, offsetting from dead center

Similar Messages

Maybe you are looking for