Google Wave like history slider
Tutorialzine going to show us how to create a Google Wave-like history slider. Using it, we will enable our visitors to go back and forth in time to view the changes that take place on a comment thread.
The technologies that using in this tutorial include PHP as a back-end, MySQL as data storage, jQuery, CSS and XHTML for the front-end with AJAX in between. The slider itself is a component created with jQuery UI.
Demo: http://demo.tutorialzine.com/2009/10/google-wave-history-slider-jquery/demo.php
View tutorials: http://tutorialzine.com/2009/10/google-wave-history-slider-jquery/
0
510
2 Comments
MdqrideR
12.12.2009
Good, very nice, Buy be careful with the characters validation. You should use the php function (for example) addslashes ($ text). Someone can create a XSS attack. e.g:
‘?>location.href=”http://www.torrento.com.ar”
Thanks for sharing.
Greetings
MdqrideR
12.13.2009
Sorry, do not use PHP code since the problem is not the end but in the front.
You should use regular expressions from the front side, for example:
The solution is to strip the tags on the front end with JS, using a regular expression. You can put the following code in line 92 of the second part of script.js:
text.replace(\\u,”);
Just mention it in case someone uses it in a production environment.
Again, thanks for sharing.
A healthy and happy Christmas and prosperous new year to all
PD: Thanks Martin
There are no trackbacks to display at this time.