Probleem met de chatbox achtergronden
Note: Het gaat over de chatbox achtergronden die telkens uitschakelen
wanneer je op de submit knop klikt als je klaar bent met het intippen
van je bericht.
Ik ben nog nieuw in de webdesign, maar zelf heb ik er wel aardig
wat kunnen leren op school, en hellaas moet ik hierbij jullie hulp
vragen om het probleem te kunnen oplossen. Bovenaan staat de probleem
al vermeld, en graag dat als iemand weet hoe de probleem opgelost
kan worden, plaats dan een bericht met daarin de oplossing voor mij
zodat niet alleen ik, maar ook de anderen het misschien voor in de
toekomst ook kunnen gebruiken.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<?php
session_start();
session_register('typbox');
session_register('tijd');
?>
<?php
if (isset($bg1)){
$expire=time()+60*60*24*30;
setcookie($_GET['bgimg1'], "Background Image1", $expire);
echo $_COOKIE["user"];
}
?>
<html>
<head>
<title>Chatbox</title>
<style type="text/css">
body
{
overflow: hidden;
}
#bg_image {
background-image: url(image/bg.jpg);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
position:absolute;
z-index:1;
left: 300px;
top: 100px;
}
</style>
<script language="javascript" type="text/javascript">
function changeDivImage()
{
document.getElementById("bg_image").style.backgroundImage = "url(image/bg4.jpg)";
}
function changeDivImage2()
{
document.getElementById("bg_image").style.backgroundImage = "url(image/bg.jpg)";
}
function changeDivImage3()
{
document.getElementById("bg_image").style.backgroundImage = "url(image/bg1.jpg)";
}
function changeDivImage4()
{
document.getElementById("bg_image").style.backgroundImage = "url(image/bg2.jpg)";
}
</script>
</head>
<body scroll="no">
<div id="bg_image">
</div>
<div id="contents">
<form method="POST" action="">
<center>
<fieldset style="border-color: black;width: 300px; height: 340px;">
<table border="1" bgcolor="silver">
<tr><td>
<input type="button" value="BG Image 1" name="bgimg1" onclick="changeDivImage()" />
<input type="button" value="BG Image 2" name="bgimg2" onclick="changeDivImage2()" />
<input type="button" value="BG Image 3" name="bgimg3" onclick="changeDivImage3()" />
<input type="button" value="BG Image 4" name="bgimg4" onclick="changeDivImage4()" />
</td><tr>
<tr><td style="width: 450 px; height: 250 px; border-color: black">
<div id ="viewbox" style="overflow: auto; height: 250px; width: 450px; background-color: white;">
<?php
if ($_POST['submit'])
{
if (empty($_POST['typbox']))
{
echo '<font color="red">' . "Je hebt nog niets ingevuld!" . '</font>';
}
else
{
$it = $_SESSION['typbox'];
$it [] = $_POST['typbox'];
$time = $_SESSION["tijd"];
$time [] = date("H:i:s");
echo "<table>";
for ($i = count($it)-1; $i > -1; $i--){
echo "<tr><td>" . '<font color="green">{</font>' . $time[$i] . '<font color="red">}</font>' ."</td><td>" . $it[$i] . "</td></tr>";
}
echo "</table>";
}
}
$_SESSION['typbox'] = $it;
$_SESSION["tijd"] = $time;
?>
</div>
</td></tr>
</table>
<table>
<tr><td><br>
</td></tr><tr><td>
<textarea name="typbox" rows"5" cols="40"></textarea></td><td>
<input type="submit" name="submit" value="verzenden" style="width:110px;height:37;">
</td></tr>
</table>
</fieldset>
</center>
</form>
</div>
</body>
</html>
session_start();
session_register('typbox');
session_register('tijd');
?>
<?php
if (isset($bg1)){
$expire=time()+60*60*24*30;
setcookie($_GET['bgimg1'], "Background Image1", $expire);
echo $_COOKIE["user"];
}
?>
<html>
<head>
<title>Chatbox</title>
<style type="text/css">
body
{
overflow: hidden;
}
#bg_image {
background-image: url(image/bg.jpg);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
position:absolute;
z-index:1;
left: 300px;
top: 100px;
}
</style>
<script language="javascript" type="text/javascript">
function changeDivImage()
{
document.getElementById("bg_image").style.backgroundImage = "url(image/bg4.jpg)";
}
function changeDivImage2()
{
document.getElementById("bg_image").style.backgroundImage = "url(image/bg.jpg)";
}
function changeDivImage3()
{
document.getElementById("bg_image").style.backgroundImage = "url(image/bg1.jpg)";
}
function changeDivImage4()
{
document.getElementById("bg_image").style.backgroundImage = "url(image/bg2.jpg)";
}
</script>
</head>
<body scroll="no">
<div id="bg_image">
</div>
<div id="contents">
<form method="POST" action="">
<center>
<fieldset style="border-color: black;width: 300px; height: 340px;">
<table border="1" bgcolor="silver">
<tr><td>
<input type="button" value="BG Image 1" name="bgimg1" onclick="changeDivImage()" />
<input type="button" value="BG Image 2" name="bgimg2" onclick="changeDivImage2()" />
<input type="button" value="BG Image 3" name="bgimg3" onclick="changeDivImage3()" />
<input type="button" value="BG Image 4" name="bgimg4" onclick="changeDivImage4()" />
</td><tr>
<tr><td style="width: 450 px; height: 250 px; border-color: black">
<div id ="viewbox" style="overflow: auto; height: 250px; width: 450px; background-color: white;">
<?php
if ($_POST['submit'])
{
if (empty($_POST['typbox']))
{
echo '<font color="red">' . "Je hebt nog niets ingevuld!" . '</font>';
}
else
{
$it = $_SESSION['typbox'];
$it [] = $_POST['typbox'];
$time = $_SESSION["tijd"];
$time [] = date("H:i:s");
echo "<table>";
for ($i = count($it)-1; $i > -1; $i--){
echo "<tr><td>" . '<font color="green">{</font>' . $time[$i] . '<font color="red">}</font>' ."</td><td>" . $it[$i] . "</td></tr>";
}
echo "</table>";
}
}
$_SESSION['typbox'] = $it;
$_SESSION["tijd"] = $time;
?>
</div>
</td></tr>
</table>
<table>
<tr><td><br>
</td></tr><tr><td>
<textarea name="typbox" rows"5" cols="40"></textarea></td><td>
<input type="submit" name="submit" value="verzenden" style="width:110px;height:37;">
</td></tr>
</table>
</fieldset>
</center>
</form>
</div>
</body>
</html>
Gewijzigd op 01/01/1970 01:00:00 door Tolga
Gewijzigd op 01/01/1970 01:00:00 door Tolga
je kunt toch ook de chat inhoud en een soort frame proppen of alles in een database trekken en zo de chat laten zien
dus ff een php + mysql maken