Contens :

  • What's New
  • Customizing the script
  • Changing the Fonts
  • Positioning the Display
  • Adding links in Textanimator
  • Frequently Asked Questions

    What's New :

    Version 5.1
    Version 5.0
    Version 4.0

    Version 3.0
    Version 2.1


    Version 2.0


    How to customize the Script :

    First lets begin with your own messages.
    To add your own messages just replace the existing ones with yours. If you want less just delete a line if you want more just add.
    What you should notice is that all messages must be declared by :
    message[x]='here goes your message'
    where x is a number. In your first message x has the value of 0
    In the second x=1
    In the third x=2 etc...
    You must be carefull when you enter your own message
    You have to put the symbol ' at the beginning and the end of your message.
    Also if you want to use the symbol ' in your message (e.g. you want to type don't) you must use a backslash before the symbol
    Example : message[0]='I don\'t like this'
    You can choose the color of the font by putting a hexademical value at the line :
    var color="#0000FF"
    Just replace the 0000FF with your hexademical value.
    To set the fade color replace in the line var bgcolor="#FFFFFF" the FFFFFF with your pages background color

    Changing the font Size and style

    All font settings are done with the use of Cascading Style Sheets
    All you need to know (and change if you want) are those lines :
    P.main {
	font-family : Comic Sans Ms;
	font-size : 16pt;
	font-weight : bold;
}
    So if you want to change the font-family, just replace the Comic Sans MS with your preffered font Face
    To change the size of the font just change the value of 16pt to any value you want
    If you don't want your font to be bold, just remove the line
    font-weight: bold;
    If you want your text do be in italics just add this line:
    font-style : italic;
    Please be carefull when you change the fonts :
    Be sure there is always a semicolon ( ; ) after each line (or simpler if you just change the values in the script, be sure NOT to delete the semicolons)

    Positioning the Display

    By changing the values of left and top in the Layer Tag (Div tag for Internet Explorer) you can move the display screen horizontally and vertically.
    Please notice, that you can't move the display more left or top that it is set by default
    Still you can move it to the right and to the bottom
    For example, lets say that I want the display to be not at top, but 300 pixels from top and 200 pixels to the right (of the center of the screen) :
    I go to both Layer and Div Tags and change the values of left and top
    So at the end my tags would look like this :
    <Div id="textanim" style="position: absolute; left: 200; top: 300" onclick="breakf()":>
</Div>
<Layer name="textanim" left=200 top=300>
</Layer>
    Remember to change both the DIV and Layer values, because not everyone uses the same browser...


    How to add links in Textanimator :
    Well the procedure is rather simple
    When you want to use a link, you just type in your message, the HTML code needed for producing a link (This means an Anchor Tag)
    BUT :
    You need to add these things to the Anchor tag :
    id="textanimlink" class="textanimlink"
    To understand what I say lets give an example :
    I want to make a link to JavaScript Central (which is by the way my new Domain) and I want to have it on the 3rd message
    I go to the script and in the messages I replace message[2] with my message :
    message[2]='<A href="http://www.jscentral.com" id="textanimlink" class="textanimlink">Visit JavaScript Central<A>'
    Got it ?
    And off course you can use targets in the links

    Frequently Asked Questions

    Q: I copied your script but when I pasted it in my page I get this error :
    document.layers['textanim'] has no properties (Netscape users) or line x : textanim is undefined (Internet Explorer users).
    What is wrong ?

    A: Well you forgot to copy and paste the DIV and LAYER tags :
    <Div id="textanim" style="position: absolute; left: 0; top: 80" onclick="breakf()":>
</Div>
<Layer name="textanim" left=0 top=80>
</Layer>
    Q: Why doesn't your script work in Netscape 3 or Internet Explorer 3, allthough it works fine in Netscape 4 and Internet Explorer 4 ?

    A: Simple. TextAnimator uses Dynamic HTML wich is only supported by Netscape 4 and Internet Explorer 4. It can't be run in Netscape 3 or Internet Explorer 3

    Q: How can I move the display so it isn't at the top of the page ?

    A: Read here How to move the display

    Q: Can the scroll speed change ?

    A: Nope

    Q: Can the display's vertical scroll size be changed or configured ?

    A: Nope (possible addition in the upcoming 6.0 version)

    Q: Can the display just fade in and out without scrolling ?

    A: Nope (possible addition in the upcoming 6.0 version)


    Enjoy !     1