How To Create A Pop-up Chat Room

By default your chat room works as soon as you paste your code onto your web page. If you would like to have your chat room treated as a pop-up chat room, there are 2 ways to do it.

 

Option #1 - Enable Auto Float on Log-in via the Service Administration Pages.

 

Option #2 - Add code to your page to create a HTML pop-up room page.

To create a new HTML page for your pop-up room will require some advanced knowledge of HTML coding. Below is sample code for your pop-up room. Please download and customize this document for implementation on your web site.

 

 

<HTML>

<HEAD>

<TITLE>Auto-Login Pop-up Room Code Example</TITLE>

<!-- Instructions For Usage -->

<!--  1. Change the codebase URL to refelct the URL for your chat service -->

<!--  2. Update Net.Room value to reflect the room name value -->

<!--  3. Update Net.Site value to reflect your site ID value -->

<SCRIPT LANGUAGE = "Javascript">

function trypopup(loginname) {

     if ( loginname == "") {

 alert("Parachat Error Message: You Must Enter A Name To Login");

 return;

     }

var passwd = "";

var pagetext;

pagetext="<Title>Chat Room</Title>" +

  "\n<body  marginwidth='0' marginheight='0' leftmargin='0' topmargin='0' >" +

  "\n<applet codebase='http://host7.parachat.com/pchat/applet'" +

  "\n code='pclient.main.ChatClient.class' archive='papplet.jar' width='600' height='400'>" +

  "\n<param name='cabbase' value='pchat.cab'>" +

  "\n<PARAM NAME='Net.User' VALUE='" +

  loginname + "'>" +

  "\n<PARAM NAME='Net.UserPass' VALUE='" +

  passwd + "'>" +

  "\n<param name='Ctrl.AutoLogin' value='TRUE'>" +

  "\n<param name=Net.Room value='Lobby'>" +

  "\n<param name=Net.Site value='Demo'>" +

  "\n</applet>";

chatwin = window.open("", "popwin", "toolbar=No,menubar=No,location=No,scrollbars=No,resizable=No,width=600,height=400");

  chatwin.document.open();

  chatwin.document.clear();

  chatwin.document.write( pagetext );

}

</SCRIPT>

</head>

<center>

<p>

<p>

<table border="1" cellspacing="2" cellpadding="6" bordercolor="#336699" bgcolor="#FFFFFF">

<tr> <td align="center">

<form Name="login">

<b><font face="Arial,Helvetica"><font size=-1>Name:</font></font></b>

<input type="text" size="20" name="username"><br>

<INPUT TYPE="button" onClick="trypopup(form.username.value);" VALUE="Connect" >

</form>

 </td>

 </tr>

 </table>

</body>

</html>