Back To TOP

Browse: > > Typing Text (Text flows like a water) v.1

Typing Text (Text flows like a water) v.1

1. Choose a Page Element.
2. Add Gadgets.
3. Choose HTML / JavaScript.
4. Copy the code below and paste the widget box
Code:
<form name= "testform" action=" ">
    <input type="text" name="msgbox" size="100" />
  <script>
  <!-- Hide from old browsers
MsgSeperator = '#';
CharacterPos=0;
MsgBuffer         = "";
var TypeDelay = 50;
var NxtMsgDelay   = 1500;
MsgIndex=0;
var MsgArray = Array("Welcome to Kode JavaScript.com! #","Create your words here!#","And also here..#")
   function StartTyping(CharacterPos) {
   if (MsgArray[MsgIndex].charAt(CharacterPos) != MsgSeperator) {
      MsgBuffer    = MsgBuffer + MsgArray[MsgIndex].charAt(CharacterPos)
     self.document.forms[0].elements[0].value=MsgBuffer
     delay=TypeDelay
    }
    else {
       delay=NxtMsgDelay
       MsgBuffer   = ""
     CharacterPos=-1
if (MsgIndex!=MsgArray.length-1){
      MsgIndex++
}
else {MsgIndex=0 }
    }
    CharacterPos++
    setTimeout("StartTyping('"+CharacterPos+"')",delay)
  }
//-->
StartTyping(0)
</script>
</form>
Note:
* Replace all the text is red, adjust!
5. Save

Related Posts