This is the real login (i have it in iframe middle of page)
[IMG]
I have made this on my web page (Front Page top left corner)
[IMG]
I got the login on top to work
[URL=”http://mercdesigns.info/sbtv/Untitled-1.html”]http://mercdesigns.info/sbtv/Untitled-1.html
so now how do i get it to show flashchat.php in the middle of the page after login. (After you press login the chat opens in a big window)
Added index.tpl into html page
[code=php]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>Space Box Tv</title>
<link href=”login.css” rel=”stylesheet” type=”text/css” />
<script type=’text/javascript’>
<!–
function formIsValid() {
// check to make sure a valid username has been entered
if ( document.login.username.value == ” ) {
alert(‘Please input a username.’);
return false;
}
return true;
}
// a small poupup window to show who’s in the chat at the current time
function showInfo() {
// the size of the popup window
var width = 400;
var height = 300;
// the x,y position of the popup window
// NOTE: this formula will auto-center the popup on the screen
var y = (screen.height – height) / 2;
var x = (screen.width – width) / 2;
var url = ‘info.php’;
var options = ‘width=’ + width + ‘,height=’ + height + ‘,top=’ + y + ‘,left=’ + x + ‘,resizable’;
// open the info window as a popup, instead of embedded in webpage
window.open( url, ‘info’, options );
}
function basicLogin() {
if (formIsValid()) {
document.login.submit();
}
}
function popupLogin() {
// check to make sure a valid username has been entered
if (!formIsValid()) return;
var username = document.login.username.value;
var password = document.login.password.value;
var lang = document.login.lang.value;
// the size of the popup window
var width = 800;
var height = 600;
// the x,y position of the popup window
// NOTE: this formula will auto-center the popup on the screen
var y = (screen.height – height) / 2;
var x = (screen.width – width) / 2;
var url = ‘flashchat.php?username=’ + username + ‘&password=’ + password + ‘&lang=’ + lang;
var options = ‘width=’ + width + ‘,height=’ + height + ‘,top=’ + y + ‘,left=’ + x + ‘,resizable’;
// open the chat window as a popup, instead of embedded in webpage
window.open( url, ‘chat’, options );
}
//–>
</script>
</head>
<body>
<div align=”center”>
<table width=”600″ border=”0″ cellpadding=”0″ cellspacing=”0″>
<td align=”right” valign=”baseline”>
<form action=”./sl/flashchat.php” method=”post” name=”login”>
user: vstyle01 pass: farrah7 Username: <input type=”text” name=”username”>
Password: <input type=”password” name=”password”>
<input name=”button” type=”button” onClick=”javascript:basicLogin();” value=”Login >>”>
<br />
<a href=”http://mercdesigns.info/sbtv/sl/profile.php?register=true” class=”style2″>register</a> |
<a href=”http://mercdesigns.info/sbtv/sl/profile.php?newpassword=true” class=”style2″>new password</a> |
<a href=”http://mercdesigns.info/sbtv/sl/profile.php?oldpassword=true” class=”style2″>current password</a>
</form>
</td>
<tr>
<td><img src=”../My Documents/test/g.png” width=”300″ height=”132″ hspace=”5″> </td>
</tr>
<tr>
<td>
<table width=”125″ border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td><img src=”../My Documents/test/images/menu.jpg” width=”169″ height=”551″ hspace=”5″></td>
<td>
<table width=”520″ border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td><p align=”top”><p>After login flashchat.php shows here!</p>
</iframe></p></td>
</tr>
<tr>
<td><a href=”http://mercdesigns.info/sbtv/nl/newsletter.php” class=”style1″>Subscribe to Our Newsletter</a></td>
</tr>
</table> </td>
</tr>
</table> </td>
</tr>
</table>
</div>
</body>
</html>