Berichtenbalk
Ik ben bezich met een website.
En ik zok nog een berichten balk
Heeft of weet iemand waar ik een berichten balk van daan kan halen?
Groetjes,
1) maak een formulier waar mensen hun bericht in kunnen zetten
2) trap die info in een DB
3) loop met php de laatste X berichten en echo die in de html tag <marquee></marguee>
4) klaar ;)
-edit-
Hier wat voorbeeld code(is wel in combinatie met jquery en smarty)
Je html:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<a href="#" class="add_bericht" onclick="$('#dialog-message').dialog('open');"> Plaats bericht</a>
<div id="dialog-message" title="Laat een bericht achter">
<p class="validateTips">All form fields are required.</p>
<form id="comment" method="post">
<div>
<label for="naam">Naam:</label><input type="text" name="naam" class="text ui-widget-content ui-corner-all" /><br />
<label for="bericht">Bericht:</label><input type="text" name="bericht" class="text ui-widget-content ui-corner-all" /><br />
</div>
</form>
</div>
<div id="dialog-message" title="Laat een bericht achter">
<p class="validateTips">All form fields are required.</p>
<form id="comment" method="post">
<div>
<label for="naam">Naam:</label><input type="text" name="naam" class="text ui-widget-content ui-corner-all" /><br />
<label for="bericht">Bericht:</label><input type="text" name="bericht" class="text ui-widget-content ui-corner-all" /><br />
</div>
</form>
</div>
de js:
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script type="text/javascript">
$(function() {
$("#dialog-message").dialog({
autoOpen: false,
resizable: false,
height: 325,
width:450,
modal: true,
draggable: false,
buttons: {
"Post Bericht": function() {
$(this).dialog("close");
$.post('../../../../../../../../../add_bericht.php', $("#comment").serialize(), function(data) {
$('#melding').html(data);
$('#melding').fadeIn(1000);
$('#melding').delay(1500);
$('#melding').fadeOut(1000);
});
}
},
close: function() {
}
});
});
</script>
$(function() {
$("#dialog-message").dialog({
autoOpen: false,
resizable: false,
height: 325,
width:450,
modal: true,
draggable: false,
buttons: {
"Post Bericht": function() {
$(this).dialog("close");
$.post('../../../../../../../../../add_bericht.php', $("#comment").serialize(), function(data) {
$('#melding').html(data);
$('#melding').fadeIn(1000);
$('#melding').delay(1500);
$('#melding').fadeOut(1000);
});
}
},
close: function() {
}
});
});
</script>
php code die het bericht opvangt:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
$naam = toDatabase($_POST['naam']);
$bericht = toDatabase($_POST['bericht']);
$ip = $_SERVER["REMOTE_ADDR"];
$sql = 'INSERT INTO `berichtenbalk` (`naam`, `bericht`, `ip`) VALUES ("'.$naam.'", "'.$bericht.'", "'.$ip.'");';
if(!mysql_query($sql)){
ReportSQLError(mysql_error);
echo "<h2>Melding:</h2><br />
U berict kon niet worden toegevoegd";
}
else {
echo "<h2>Melding:</h2><br />
U berict is succesvol toegevoegd";
}
$bericht = toDatabase($_POST['bericht']);
$ip = $_SERVER["REMOTE_ADDR"];
$sql = 'INSERT INTO `berichtenbalk` (`naam`, `bericht`, `ip`) VALUES ("'.$naam.'", "'.$bericht.'", "'.$ip.'");';
if(!mysql_query($sql)){
ReportSQLError(mysql_error);
echo "<h2>Melding:</h2><br />
U berict kon niet worden toegevoegd";
}
else {
echo "<h2>Melding:</h2><br />
U berict is succesvol toegevoegd";
}
en nog wat php code om de boel te laten zien:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
function getBerichtenbalk($max = 25){
$sql = "SELECT * FROM berichtenbalk ORDER BY `datum` DESC LIMIT 0,".$max;
$result = mysql_query($sql);
$berichtenbalk = array();
while($tmp = mysql_fetch_assoc($result)){
$berichtenbalk[] = $tmp;
}
return $berichtenbalk;
}
$smarty->assign("berichtenbalk", getBerichtenbalk());
$sql = "SELECT * FROM berichtenbalk ORDER BY `datum` DESC LIMIT 0,".$max;
$result = mysql_query($sql);
$berichtenbalk = array();
while($tmp = mysql_fetch_assoc($result)){
$berichtenbalk[] = $tmp;
}
return $berichtenbalk;
}
$smarty->assign("berichtenbalk", getBerichtenbalk());
en de balk zelf:
Code (php)
1
2
3
4
5
2
3
4
5
<marquee style="width:700px; color:#FFF" onmouseover="this.stop();" onmouseout="this.start();">
{section name=i loop=$berichtenbalk}
<b>{$berichtenbalk[i].naam}:</b> {$berichtenbalk[i].bericht} ||
{/section}
</marquee>
{section name=i loop=$berichtenbalk}
<b>{$berichtenbalk[i].naam}:</b> {$berichtenbalk[i].bericht} ||
{/section}
</marquee>
Heb dit ooit is gemaakt, hoop dat je er wat aan hebt.
Gewijzigd op 12/11/2010 17:44:57 door jasper hoi
2: insert het in de db
3: select from id order by datum
4: zet het in marquee voor het te laten scrollen
Toevoeging op 12/11/2010 18:02:33:
Dit had ik ooit gebruikt maar had het weggegeven
shoutbox.felixcattenstart.nl/view.php
(heb het snel bekeken)
ps.: misschien kan je met wat meer respect praten tegen mensen die je helpen (zie post hierboven)
Gewijzigd op 12/11/2010 18:34:00 door Jasper DS
ik denk dat vincent en PHP jasper je graag willen helpen, het is een forum en iedereen mag daarop reageren als hij of zijn dat wil.
De code die ik heb gegeven kan je niet copy-pasten en het werkt.
Het is niet voor niets een voorbeeld van hoe je het zou kunnen doen.
Ik weet niet hoe je nu dingen maakt, maar ik zou het volgens een structuur als dit doen(als ik geen framework gebruik):
1) je maakt een pagina aan waar mensen een bericht achter kunnen laten(eerste deel van me code)
2)je maakt een php pagina aan die de tekst opvangt die iemand verstuurt heeft. en je trapt de data in een DB.
3)je maakt een pagina aan die de DB uitleest en je propt de data tussen <marquee> en </marquee>
De code die ik hierboven heb gepost is van een uit project wat nooit echt wat is geworden, en is misschien handig om als VOORBEELD code te gebruiken.