Ai Dreams Forum

Chatbots => A.L.I.C.E (AIML) => Topic started by: KnyteTrypper on February 02, 2006, 10:07:59 am

Title: Pandorabots Custom HTML Page
Post by: KnyteTrypper on February 02, 2006, 10:07:59 am
If you've looked at that plain white page long enough, but don't know HTML , here's a custom HTML page for use with Pandorabots. It's tastefully more colorful than the Pandorabots default page. It will automatically fill in your bot's name in the approrpriate spots. A special script makes it seem as if someone were typing the bot's replies one letter at a time. Copy the code below and either save it as an HTML file and upload it from the "Custom HTML" page of your Pandorabots botmaster panel, or copy it to the "Create a new HTML document" page. Note that the typing speed is adjustable just under the typing script author's notice:

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
  <HEAD>
    <TITLE>
      <template><bot name="name"/></template>
    </TITLE>
<SCRIPT>
<!--
function sf(){document.f.message.focus();}
// -->
</SCRIPT>
  </HEAD>
  <BODY onload="sf()" bgcolor="#C0C0C0">
    <CENTER>
      <FONT face="Astron Boy Wonder" color="#993366" size="7">Pandorabots</FONT>

    </CENTER>
    <CENTER>
      <FONT face="arial" color="#000000" size="1"><B>Instructions</B><BR>
       Please follow these instructions so the bot can understand you:<BR>
       1. Spell words correctly and use good grammar.<BR>
       2. Enter only one complete sentence at a time.<BR>
      </FONT>
      <HR color="#000000" width="400">

      <CENTER>
        <FONT face="arial" color="#000000" size="5"><template><B><bot name="name"/></B></template></FONT>
      </CENTER>
      <CENTER>
        <FORM method="POST" name="f">
          <FONT face="arial" color="#000000" size="2">!CUSTID!</FONT>
          <TABLE border="0" cellspacing="0">
            <TR>
              <TD>

                <INPUT type="TEXT" autocomplete="off" name="message" size="60">
              </TD>
              <TD>
                 
              </TD>
              <TD>
                <INPUT type="SUBMIT" value="Enter">
              </TD>
            </TR>
            <TR>

              <TD align="right" valign="center">
                <FONT size="-1"><I>Powered by <A href="http://www.pandorabots.com" target="_blank">Pandorabots</A>.</I></FONT>
              </TD>
            </TR>
          </TABLE
        <CENTER>
          <FONT face="arial" color="#000000" size="2"><FONT face="arial" color="#000000" size="3">
<span id="typing">
!OUTPUT!

</span>

<script type="text/javascript">

/****************************************************
* Typing Text script- Dy Trey @ Dynamic Drive Forums
* Visit Dynamic Drive for this script and more: http://www.dynamicdrive.com
* This notice MUST stay intact for legal use
****************************************************/

interval = 100; // Interval in milliseconds to wait between characters

if(document.getElementById) {
  t = document.getElementById("typing");
  if(t.innerHTML) {
    typingBuffer = ""; // buffer prevents some browsers stripping spaces
    it = 0;
    mytext = t.innerHTML;
    t.innerHTML = "";
    typeit();
  }
}

function typeit() {
  mytext = mytext.replace(/<([^<])*>/, "");     // Strip HTML from text
  if(it < mytext.length) {
    typingBuffer += mytext.charAt(it);
    t.innerHTML = typingBuffer;
    it++;
    setTimeout("typeit()", interval);
  }
}
</script>
</FORM>
</FONT></FONT>
        </CENTER>
      </CENTER>
    </CENTER>
  </BODY>
</HTML>