Back To TOP

Bubble Writing Text

1. Choose a Page Element.
2. Add Gadgets.
3. Choose HTML / JavaScript.
4. Copy the code below and paste the widget box
Code:
<script language="JavaScript" type="Text/JavaScript">
var delay = -1;
var Timeout;
var speed = 250;
var YourText = new Array();
YourText[1] = " Put Text Here! ";
YourText[2] = " PUT TEXT HERE! ";
function BubbleWriting()
{
   delay++;
   if(delay == 0)
   {
      document.BubbleWritingText.WritingText.value = YourText[1];
     
   }
   if(delay == 1)
   {
      document.BubbleWritingText.WritingText.value = YourText[2].substring(0, 1) +YourText[1].substring(23, 1);
     
   }
   if(delay > 1)
   {
      YourText[3] = YourText[1].substring(0, delay - 1) + YourText[2].substring(delay - 1,delay) + YourText[1].substring(23, delay);
      document.BubbleWritingText.WritingText.value = YourText[3];
     
   }
   if(delay == YourText[1].length)
   {
      delay = -1;
     
   }
   Timeout    = setTimeout("BubbleWriting()",speed);
  
}
window.onload=BubbleWriting;
</script>
<center>
<form name="BubbleWritingText">
<input maxlength="300" name="WritingText" size="30" style="background-color: #8E8E8E; border: 0px solid rgb(255, 0, 0); color: red;" type="text" /></form>
</center>
5. Save
Note:
* Replace the red text
* Customize your colors, change the text color green
* If you want to give a border, replace the digit 0 (zero) with a number

Related Posts