Gastenboek met AJAX
Door Jorn Engelbart, 21 jaar geleden, 8.135x bekeken
Gastenboek met AJAX. Je kunt schrijven, door de pagina's bladeren en lezen zonder de pagina te vernieuwen. De Smilies zijn van een script hier (ik weet niet meer precies welke, sorry). Het loading image kun je hier maken: http://www.ajaxload.info/ (opslaan als loading.gif)
Hier is de code te downloaden.
Hier zijn de smilies apart te downloaden.
Edit:
Je kunt nu maar 1 keer in 5 minuten schrijven in het gastenboek.
SQL injection er uit gehaald
wat dingetjes veranderd in database
Domme fout er uit gehaald nu doet hij het wel SORRY!
Er zit nu een fade effect op (LET OP: dit fade script heb ik niet zelf gemaakt het komt van: hier
Je kunt nu maar 1 keer in 5 minuten schrijven in het gastenboek.
SQL injection er uit gehaald
wat dingetjes veranderd in database
Domme fout er uit gehaald nu doet hij het wel SORRY!
Er zit nu een fade effect op (LET OP: dit fade script heb ik niet zelf gemaakt het komt van: hier
Voorbeeld: http://meschat.gethost.nl/mesbook/
Gesponsorde koppelingen
PHP script bestanden
Er zijn 38 reacties op 'Gastenboek met ajax'
0 
-0 
-0
Mooi script, heb je code niet bekeken, maar het werkt wel leuk. Maar een spam beveiliging misschien? Dat je niet meerdere berichten achter elkaar kun posten of een validatie code.
0 -0
-0
nu gebruik je wel ajax dat kan een voordeel zijn, MAAR je gebruikt een div met een scrollbar... Nu denken de mensen dat het gewoon een iFrame is en dat daar gewoon een pagina zit die herlaadt...
Je hebt er dus niets indrukwekkends mee gemaakt.
Tip: haal die scrollbar weg van je DIV
Tip: als de berichten tevoorschijn komen, doe dat met een effectje ofzo.
Je hebt er dus niets indrukwekkends mee gemaakt.
Tip: haal die scrollbar weg van je DIV
Tip: als de berichten tevoorschijn komen, doe dat met een effectje ofzo.
0 -0
-0
En we hebben een SQL-injection-mogelijkheid, en een HTML-injection-mogelijkheid, en ik kan googelen met Javascript. Echt veilig is het niet.
1 voordeel is wel dat hoe dan ook, de inhoud van het gastenboek zal niet worden meegenomen door Google, want die kan er niet bij :)
1 voordeel is wel dat hoe dan ook, de inhoud van het gastenboek zal niet worden meegenomen door Google, want die kan er niet bij :)
0 -0
-0
@Jelmer ik heb volgens mij de SQL injections er uit gehaald maaar wat bedoel je met HTML-injection-mogelijkheid??? en wat is er verder nog slecht beveiligd aan?
0 -0
-0
Quote:
Datum in een varchar? Time in een int(20)? WAUW! Je hoort tijd en datum samen te doen in een DATETIME of TIMESTAMP. Wat jij doet is traag en uiterst onhandig. Overigens betekent een int(20) niet dat het 20 karakters mag hebben maar dat het 20 bytes is (al is MySQL daar niet helemaal consequent in). Dus hier kun je een getal van 50 karakters van maken ofzo.CREATE TABLE `gastenboek` (
`id` int(11) NOT NULL auto_increment,
`ip` varchar(100) NOT NULL,
`naam` varchar(100) NOT NULL,
`email` varchar(100) NOT NULL,
`bericht` text NOT NULL,
`datum` varchar(100) NOT NULL,
`website` varchar(200) NOT NULL,
`time` int(20) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM;
`id` int(11) NOT NULL auto_increment,
`ip` varchar(100) NOT NULL,
`naam` varchar(100) NOT NULL,
`email` varchar(100) NOT NULL,
`bericht` text NOT NULL,
`datum` varchar(100) NOT NULL,
`website` varchar(200) NOT NULL,
`time` int(20) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM;
edit:
Quote:
Mag je dat ook niet meer zeggen tegenwoordig? Ik heb er positieve associaties bij.$bericht = str_replace ("neuken","****",$bericht);
0 -0
-0
Beste Jorn,
Probeer wat overzichterlijker te coderen, vind het erg onoverzichtelijk.
** Edit **
Ik krijg hem niet werkende, hij verstuurd wel maar bij functie book gaat er iets fout waardoor het bericht niet in de database komt.
Mvg,
Jeroen
Probeer wat overzichterlijker te coderen, vind het erg onoverzichtelijk.
** Edit **
Ik krijg hem niet werkende, hij verstuurd wel maar bij functie book gaat er iets fout waardoor het bericht niet in de database komt.
Mvg,
Jeroen
0 -0
-0
@Jeroen Bedankt voor je reactie doordat ik een beveiliging had gemaakt dat je maar 1 keer in de 5 minuten kan posten was ik vergeten om te maken voor als een ip nog helemaal niet had gepost :S
0 -0
-0
Je ziet meteen wat je geschreven, de pagina hoef je niet de hele tijd te vernieuwen als je door de pagina's bladert.
0 -0
-0
Wat ik heb geschreven kan ik toch ook gewoon lezen in het boxje waarin ik heb ingetypt. Daarnaast zeg jij dat niet heel de pagina moet herladen, daar heb je gelijk in, nu zal ongeveer 80% van de pagina herladen moeten worden - waarom die andere 20% er dan ook niet gewoon bij laden.
0 -0
-0
Oke je hebt gelijkt maar wat bedoel je precies met
Quote:
???nu zal ongeveer 80% van de pagina herladen moeten worden
0 -0
-0
Het laden van een paar kb's html kost nauwelijks tijd, daarvoor gebruik je geen ajax. De css en js haal uit uiteraard buiten de html, dan kan de browser dit cachen. Dát zijn punten om een site te versnellen, een beetje html kost niks.
En vergeet niet dat een user bepaalde verwachtingen heeft bij het gebruik van een browser. Een pagina herladen na een update is normaal, daarvan afwijken kan zorgen voor onduidelijkheid. Wil je echt ajax gebruiken, zorg dan wel voor een duidelijke melding dat de update is geslaagd.
En vergeet niet dat een user bepaalde verwachtingen heeft bij het gebruik van een browser. Een pagina herladen na een update is normaal, daarvan afwijken kan zorgen voor onduidelijkheid. Wil je echt ajax gebruiken, zorg dan wel voor een duidelijke melding dat de update is geslaagd.
0 -0
-0
Zoals pgFrank al zei Jorn; het laden van een beetje html kost nauwlijks tijd.
Dus die 20% van de pagina (menu, header) die je nu niet steeds inlaad is zo klein dat je 'AJAX stukje' eigenlijk overbodig is.
Dus die 20% van de pagina (menu, header) die je nu niet steeds inlaad is zo klein dat je 'AJAX stukje' eigenlijk overbodig is.
0 -0
-0
Dat klopt en daar ben ik het helemaal mee eens maar ik gebruik dit script ook bij een site die heel vol is (met plaatjes, flash) maar daar is dit script eigenlijk ook voor bedoeld voor websites die vol zijn met een iets langere wachttijd. Maar dat is in het voorbeeld niet goed te zien.
0 -0
-0
Dank je wel voor het delen van dit gastenboek.
Naar mijn smaak mooi gemaakt en als ik tijd heb ga ik het testen.
Vind ik wat kom ik er bij je op terug!
Naar mijn smaak mooi gemaakt en als ik tijd heb ga ik het testen.
Vind ik wat kom ik er bij je op terug!
0 -0
-0
Quote:
Plaatjes en flash-objecten worden ook in de cache van de browser gezet, die hoef je dus niet nogmaals te downloaden bij een refresh.maar ik gebruik dit script ook bij een site die heel vol is (met plaatjes, flash)
Cache is king!
0 -0
-0
Hoe vaak de browser bestanden cached valt nog vies tegen! Wil je het echt goed doen, werk dan met ETags en 304 Not Modified responses. Voor meer informatie: http://www.sitepoint.com/article/web-site-optimization-steps
En download ook de YSlow utility van Yahoo voor de FireBug extensie van FireFox! Heel erg handig als je bezig bent met het optimaliseren van de performance van je website.
En download ook de YSlow utility van Yahoo voor de FireBug extensie van FireFox! Heel erg handig als je bezig bent met het optimaliseren van de performance van je website.
0 -0
-0
Ik vind het anti-AJAX hier een beetje gezeur. Als ik dit scriptje test vind ik het best handig werken. En één record inladen of de hele pagina opnieuw dat kan bij veel berichten best wat schelen. Daarnaast zijn de meeste programmeurs niet intelligent genoeg om zelf de pagina's te cachen waardoor je anders ook weer alles uit de database moet selecteren bij een refresh. Kortom dit (ajax) is efficiënter (mits goed geprogrammeerd, ik heb niet goed gekeken) en het werkt wel lekker toch? Youtube doet het ook, dus de verwachtingen tegenwoordig zijn er wel op afgestemd.
Met andere woorden: ik vind dat hier weer veel mieren geneukt worden.
Met andere woorden: ik vind dat hier weer veel mieren geneukt worden.
0 -0
-0
leuk script!
alleen ik druk op verzenden, hij zegt van hij is verzonden maar ik zie mijn bericht nergens.. dan moet ik ook de pagina refreshen om weer een bericht te plaatsen (ook dan is mijn bericht nergens te bekennen)
gr. leroy
alleen ik druk op verzenden, hij zegt van hij is verzonden maar ik zie mijn bericht nergens.. dan moet ik ook de pagina refreshen om weer een bericht te plaatsen (ook dan is mijn bericht nergens te bekennen)
gr. leroy
0 -0
-0
@Leroy bij mij doet hij het nog steeds gewoon goed. Welk browser gebruik je?
0 -0
-0
Grappig scriptje, alleen het AJAX verhaal kan nog wel wat efficienter:
- Bij het refreshen zou je eigenlijk alleen de nieuwe berichten moeten ophalen, niet elke keer alle berichten.
- Jij stuurt je data met alle html tags, vooral bij het aanpassen van layout wordt dit lastiger omda tje dan ook je php pagina moet gaan aanpassen.. beter zou geweest zijn als je je data met xml of json verstuurde..
maar voorderest leuke toepassing van AJAX
- Bij het refreshen zou je eigenlijk alleen de nieuwe berichten moeten ophalen, niet elke keer alle berichten.
- Jij stuurt je data met alle html tags, vooral bij het aanpassen van layout wordt dit lastiger omda tje dan ook je php pagina moet gaan aanpassen.. beter zou geweest zijn als je je data met xml of json verstuurde..
maar voorderest leuke toepassing van AJAX
0 -0
-0
hallo,
ik ben niet zo heel goed in dit soort dingen maar hoe installeer ik de gastenboek op mijn site, het moet in de sql, heeft iemand een php bestandje ofzo voor mij,
alvast bedankt, hier mijn test site, http://hyperdex.funpic.de/test/
ik denk zelf dat ik het in phpmyadmin moet inzetten, weet niet of het klopt,alstublieft help u mij.
oke ben wat verder, maar ik schrijf het bericht,maar dan gebruikt hij de linkere deel (waar de text moet stan enz.) msql not connectet , maar heb alles goed ingevullt,want de rechter doet het wel ,(zelfde gegevens ingevoerd)
ik ben niet zo heel goed in dit soort dingen maar hoe installeer ik de gastenboek op mijn site, het moet in de sql, heeft iemand een php bestandje ofzo voor mij,
alvast bedankt, hier mijn test site, http://hyperdex.funpic.de/test/
ik denk zelf dat ik het in phpmyadmin moet inzetten, weet niet of het klopt,alstublieft help u mij.
oke ben wat verder, maar ik schrijf het bericht,maar dan gebruikt hij de linkere deel (waar de text moet stan enz.) msql not connectet , maar heb alles goed ingevullt,want de rechter doet het wel ,(zelfde gegevens ingevoerd)
0 -0
-0
@robin Heb je in de config.php de gegevens van de connectie wel aangepast???
0 -0
-0
Ziet er mooi uit, maar wat ik misschien nog mis is dat je niet kunt zien op welke bladzijde je nou zit. Je moet aan de hand van de datum en tijd kijken op welke pagina je ongeveer zit.
Zou je dit door iets makkelijks kunnen aanpassen?
Zou je dit door iets makkelijks kunnen aanpassen?
0 -0
-0
hij doet t niet.
ik heb gepost, hij zegt van:
je hebt een bericht geplaatst,
maar hij staat er niet.
ook geeft hij de afzender niet weer.
ik heb gepost, hij zegt van:
je hebt een bericht geplaatst,
maar hij staat er niet.
ook geeft hij de afzender niet weer.
0 -0
-0
volgens mij kun je beter dit gebruiken :
hij laat de berichten niet zien!!!
hij laat de berichten niet zien!!!
0 -0
-0
gewoon dit in de index.php plaatsen :
zet dan in je body :
<div id="book">
</div>
en nu laat je gastenboek berichten zien op de plaats in het vak
zet dan in je body :
<div id="book">
</div>
en nu laat je gastenboek berichten zien op de plaats in het vak
0 -0
-0
volgens mij kan je in css niet include
maar in je div moet je dan doen
maar in je div moet je dan doen
0 -0
-0
ik heb het even geprobeerd en dat doet het ook dusss.....
bijde manieren werken
ik heb niet zoveel verstand van php maar als ie het doet dan doet ie het :D
bijde manieren werken
ik heb niet zoveel verstand van php maar als ie het doet dan doet ie het :D
0 -0
-0
@jeroen Je moet in je config.php nog even de functie parseubb() kopieren :)
0 -0
-0
Je moet in je config.php of bovenin je book.php even dit zetten:
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
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
<?php
function parseubb($bericht){
$bericht = str_replace(":)"," <img src=\"images/smilies/smile.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("8["," <img src=\"images/smilies/huh.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":o"," <img src=\"images/smilies/ohmy.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(";)"," <img src=\"images/smilies/wink.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":P"," <img src=\"images/smilies/tongue.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":p"," <img src=\"images/smilies/tongue.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":D"," <img src=\"images/smilies/biggrin.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("8)"," <img src=\"images/smilies/cool.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("*-)"," <img src=\"images/smilies/rolleyes.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":?"," <img src=\"images/smilies/dry.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":@"," <img src=\"images/smilies/mad.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":("," <img src=\"images/smilies/sad.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("8-)"," <img src=\"images/smilies/unsure.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":["," <img src=\"images/smilies/blink.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("[:-]"," <img src=\"images/smilies/ph34r.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(";/"," <img src=\"images/smilies/happy.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("[-)"," <img src=\"images/smilies/sleep.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("(l)"," <img src=\"images/smilies/wub.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":s"," <img src=\"images/smilies/wacko.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":S"," <img src=\"images/smilies/wacko.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace ("kut","****",$bericht);
$bericht = str_replace ("fuck","****",$bericht);
$bericht = str_replace ("fucking","****",$bericht);
$bericht = str_replace ("facking","****",$bericht);
$bericht = str_replace ("focking","****",$bericht);
$bericht = str_replace ("fack","****",$bericht);
$bericht = str_replace ("fock","****",$bericht);
$bericht = str_replace ("hoer","****",$bericht);
$bericht = str_replace ("porno","****",$bericht);
$bericht = str_replace ("lul","****",$bericht);
$bericht = str_replace ("neuken","****",$bericht);
$bericht = str_replace ("verneuk","****",$bericht);
$bericht = str_replace ("slet","****",$bericht);
$bericht = str_replace ("teef","****",$bericht);
$bericht = str_replace ("kanker","****",$bericht);
$bericht = str_replace ("tering","****",$bericht);
return $bericht;
}
?>
function parseubb($bericht){
$bericht = str_replace(":)"," <img src=\"images/smilies/smile.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("8["," <img src=\"images/smilies/huh.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":o"," <img src=\"images/smilies/ohmy.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(";)"," <img src=\"images/smilies/wink.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":P"," <img src=\"images/smilies/tongue.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":p"," <img src=\"images/smilies/tongue.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":D"," <img src=\"images/smilies/biggrin.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("8)"," <img src=\"images/smilies/cool.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("*-)"," <img src=\"images/smilies/rolleyes.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":?"," <img src=\"images/smilies/dry.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":@"," <img src=\"images/smilies/mad.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":("," <img src=\"images/smilies/sad.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("8-)"," <img src=\"images/smilies/unsure.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":["," <img src=\"images/smilies/blink.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("[:-]"," <img src=\"images/smilies/ph34r.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(";/"," <img src=\"images/smilies/happy.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("[-)"," <img src=\"images/smilies/sleep.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace("(l)"," <img src=\"images/smilies/wub.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":s"," <img src=\"images/smilies/wacko.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace(":S"," <img src=\"images/smilies/wacko.gif\" alt=\"Smilie\" />",$bericht);
$bericht = str_replace ("kut","****",$bericht);
$bericht = str_replace ("fuck","****",$bericht);
$bericht = str_replace ("fucking","****",$bericht);
$bericht = str_replace ("facking","****",$bericht);
$bericht = str_replace ("focking","****",$bericht);
$bericht = str_replace ("fack","****",$bericht);
$bericht = str_replace ("fock","****",$bericht);
$bericht = str_replace ("hoer","****",$bericht);
$bericht = str_replace ("porno","****",$bericht);
$bericht = str_replace ("lul","****",$bericht);
$bericht = str_replace ("neuken","****",$bericht);
$bericht = str_replace ("verneuk","****",$bericht);
$bericht = str_replace ("slet","****",$bericht);
$bericht = str_replace ("teef","****",$bericht);
$bericht = str_replace ("kanker","****",$bericht);
$bericht = str_replace ("tering","****",$bericht);
return $bericht;
}
?>
0 -0
-0
Zou het misschien mogelijk zijn om de smilies te kunnen verkrijgen aub ... De downloads werken niet meer.. :$
0 -0
-0
Smilies komen van dit script: http://www.phphulp.nl/php/scripts/6/251/
0 -0
-0
Hoi, beetje laat om hierop te reageren... maar misschien krijgt mijn vraag toch antwoord:
Heb dit na wat aanpassingen en errors (door eigen schuld) goed kunnen gebruiken... alleen het loadimage gaat wel heel snel voorbij, had ik liever wat trager gehad (omdat ik zo'n leuke heb), maar heb geen zin om dat erbij uit te zoeken - zal heus wel te progammeren zijn.
Complimenten en bedankjes voor Jeroen !
Mijn grote vraag is:
in de output (book) van de sql worden de teksten slecht gerendered, die zijn iritant vaag, waardoor het gastenboek met reacties er nogal onprofessioneel uitziet.
Weet iemand hier een oplossing voor ?
thnx !
Heb dit na wat aanpassingen en errors (door eigen schuld) goed kunnen gebruiken... alleen het loadimage gaat wel heel snel voorbij, had ik liever wat trager gehad (omdat ik zo'n leuke heb), maar heb geen zin om dat erbij uit te zoeken - zal heus wel te progammeren zijn.
Complimenten en bedankjes voor Jeroen !
Mijn grote vraag is:
in de output (book) van de sql worden de teksten slecht gerendered, die zijn iritant vaag, waardoor het gastenboek met reacties er nogal onprofessioneel uitziet.
Weet iemand hier een oplossing voor ?
thnx !
Om te reageren heb je een account nodig en je moet ingelogd zijn.
PHP hulp
0 seconden vanaf nu