Oops, sorry forgot to post my code
Code:
<?php
session_start();
require "settings.php";
if(!isset($_SESSION['uniqueid'])) {
?>
<html>
<head>
<style type="text/css">
#fldrChatWindow {
width:<?php echo $fldr_CW_width; ?>;
height:<?php echo $fldr_CW_height; ?>;
background-color:<?php echo $fldr_CW_bgcolor; ?>;
border-top:<?php echo $fldr_CW_border_top; ?>;
border-right:<?php echo $fldr_CW_border_right; ?>;
border-left:<?php echo $fldr_CW_border_left; ?>;
border-bottom:<?php echo $fldr_CW_border_bottom; ?>;
overflow:auto;
word-wrap:break-word;
}
#fldrChatWindowInput {
width:<?php echo $fldr_CWI_width; ?>;
height:<?php echo $fldr_CWI_height; ?>;
background-color:<?php echo $fldr_CWI_bgcolor; ?>;
border-top:<?php echo $fldr_CWI_border_top; ?>;
border-right:<?php echo $fldr_CWI_border_right; ?>;
border-left:<?php echo $fldr_CWI_border_left; ?>;
border-bottom:<?php echo $fldr_CWI_border_bottom; ?>;
overflow:auto;
word-wrap:break-word;
}
#fldrChatWindow p {
margin: 0;
}
#fldrChatWindowInput p {
margin: 0;
}
</style>
<?php
if(!isset($_POST['fldrNameInput'])) {
?>
<form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post">
Name:<input type="text" name="fldrNameInput">
<input type="submit">
</form>
<?php
} else {
$fldrName = $_POST['fldrNameInput'];
$fldrName = mysql_real_escape_string($fldrName);
$_SESSION['$fldrName'] = $fldrName;
?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
jQuery(function($){
var field1 = $('#fldrChatWindowInput'),
field2 = "";
$('#send').click(function(){
if(!field1.html()){
alert("Please enter a value");
field1.focus();
return;
}
jQuery.ajax({
url: 'process.php',
type: 'post',
data: 'field1value=' + field1.html() + '&field2value=' + field2.value,
success: function(results){
alert(results);
}
});
});
});
</script>
</head>
<body>
<div id="fldrChatWindow"></div>
<div id="fldrChatWindowInput" contenteditable></div>
<input type="button" value="Submit" id="send">
<head>
</head>
<body>
</body>
</html>
<?php
}
} else {
?>
<?php
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ----
?>
<html>
<head>
<style type="text/css">
#fldrChatWindow {
width:<?php echo $fldr_CW_width; ?>;
height:<?php echo $fldr_CW_height; ?>;
background-color:<?php echo $fldr_CW_bgcolor; ?>;
border-top:<?php echo $fldr_CW_border_top; ?>;
border-right:<?php echo $fldr_CW_border_right; ?>;
border-left:<?php echo $fldr_CW_border_left; ?>;
border-bottom:<?php echo $fldr_CW_border_bottom; ?>;
overflow:auto;
word-wrap:break-word;
}
#fldrChatWindowInput {
width:<?php echo $fldr_CWI_width; ?>;
height:<?php echo $fldr_CWI_height; ?>;
background-color:<?php echo $fldr_CWI_bgcolor; ?>;
border-top:<?php echo $fldr_CWI_border_top; ?>;
border-right:<?php echo $fldr_CWI_border_right; ?>;
border-left:<?php echo $fldr_CWI_border_left; ?>;
border-bottom:<?php echo $fldr_CWI_border_bottom; ?>;
overflow:auto;
word-wrap:break-word;
}
#fldrChatWindow p {
margin: 0;
}
#fldrChatWindowInput p {
margin: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
jQuery(function($){
var field1 = $('#fldrChatWindowInput'),
field2 = "";
$('#send').click(function(){
if(!field1.html()){
alert("Please enter a value");
field1.focus();
return;
}
jQuery.ajax({
url: 'process.php',
type: 'post',
data: 'field1value=' + field1.html() + '&field2value=' + field2.value,
success: function(results){
alert(results);
}
});
});
});
</script>
</head>
<body>
<div id="fldrChatWindow"></div>
<div id="fldrChatWindowInput" contenteditable></div>
<input type="button" value="Submit" id="send">
<head>
</head>
<body>
</body>
</html>
<?php
}
?>
by div windows I mean this bit
Code:
<div id="fldrChatWindow"></div>
<div id="fldrChatWindowInput" contenteditable></div>
Hope this makes it more clear.
Keyboard1333
Bookmarks