Facebook Style Dynamic Timeline for Wall Script.
Wall Script
Wall Script
Wednesday, June 06, 2012

Facebook Style Dynamic Timeline for Wall Script.

Few months back I had posted any article about Facebook New Timeline Design HTML version using CSS and Jquery, after that I received many requests from wall script users and readers that asked to me how to convert this into dynamic with PHP and MySQL. This is an update for Wall Script 4.0 users to convert the user updates into timeline data visualization just take a look at the this live demo with multiple actions like scrolling results, commenting, updating, expanding and delete.

Facebook Style Dynamic Timeline for Wall Script.

Download Script     Live Demo

Previous Post: Facebook New Timeline Design HTML version.

The new Wall Script 4.0 Timeline update contains three folders called css,js and images with three PHP files.

css
-- timeline.css
js
-- timeline.js
-- jquery.masonry.min.js
images
-- timeline image files
Files
timeline.php
timeline_load_messages.php
timeline_message_ajax.php
timeline_moreupdates_ajax.php

Note: Above files link up with Wall Script 4.0 includes Wall.9lessons.info.

Download the files and just copy paste into your wall folder. Then execute http://localhost/wall/timeline.php or http://yourwebsite.com/wall/timeline.php

Expand_Url.php
Please modify the iframe width 400 to 310 and height values for better alignement.
<iframe width="310" height="200"...

Note: The new timeline feature and Expand_Url.php included in latest wall.zip for new purchase orders Wall.9lessons.info.
web notification

51 comments:

  1. AnonymousJune 6, 2012 at 3:59 AM

    As usal awesome script

    ReplyDelete
  2. Bharat ChowdaryJune 6, 2012 at 4:06 AM

    This is more than what I have expected, simply rocks.

    ReplyDelete
  3. UnknownJune 6, 2012 at 4:29 AM

    Your works are Excellent.Praise your coding skill.

    ReplyDelete
  4. Mohit BumbJune 6, 2012 at 8:23 AM

    did you call it timeline ???
    I mean if you update before any status still it posted as recent status...

    ReplyDelete
  5. vp of engineeringJune 6, 2012 at 8:24 AM

    cool~~~

    ReplyDelete
  6. UnknownJune 6, 2012 at 8:27 AM

    this code is not working...
    includes folder not given

    ReplyDelete
  7. AnonymousJune 6, 2012 at 8:49 AM

    Nice but why we can't see bigger pictures in the timelime ? Maybe a lightbox for pictures/and/or videos will be nice in the WallScript 4.0

    ReplyDelete
  8. zoltanvrrgJune 6, 2012 at 8:54 AM

    This is realy nice :)

    ReplyDelete
  9. AnonymousJune 6, 2012 at 8:57 AM

    Nice thank you

    ReplyDelete
  10. Hari Kumar ValluruJune 6, 2012 at 9:25 AM

    Wow nice tut

    ReplyDelete
  11. moin ahmedJune 6, 2012 at 9:41 AM

    Ur a genius...

    ReplyDelete
  12. UnknownJune 6, 2012 at 10:12 AM

    looks cool, will give it a try.
    i noticed some blank windows on the demo, some known bug?

    ReplyDelete
  13. AnonymousJune 6, 2012 at 10:15 AM

    woow you are a genius !!

    ReplyDelete
  14. Arslan QamarJune 6, 2012 at 10:31 AM

    Thank you so so much..

    ReplyDelete
  15. AnonymousJune 6, 2012 at 10:45 AM

    good job!!!

    ReplyDelete
  16. UnknownJune 6, 2012 at 11:08 AM

    Hi, i am struct with custom javascript features same like masonry jquery plugin. I am looking your next tutorial might something like this.

    ReplyDelete
  17. UnknownJune 6, 2012 at 11:39 AM

    good job. you can rotate horizontally?

    ReplyDelete
  18. Srinivas TamadaJune 6, 2012 at 11:58 AM

    @Ayyappa AV

    Include folder contains in Wall Script 4.0

    ReplyDelete
  19. Black4rtJune 6, 2012 at 12:00 PM

    wow..

    nice..

    ReplyDelete
  20. Raphael NunesJune 6, 2012 at 12:50 PM

    Congratulations guy. This is awesome

    ReplyDelete
  21. UnknownJune 6, 2012 at 1:30 PM

    Great

    ReplyDelete
  22. AnonymousJune 6, 2012 at 2:02 PM

    The message should be placed in the middle if we add message in the middle, thats timeline stands for

    ReplyDelete
  23. caryJune 6, 2012 at 9:29 PM

    doesn't seem to insert the new items in the proper place within the timeline. it always puts them at the very top.

    ReplyDelete
  24. Shujaat AliJune 7, 2012 at 1:20 AM

    Great !!!!! Love you dude <3

    ReplyDelete
  25. AnonymousJune 7, 2012 at 9:29 AM

    i have a question. I sent you a email. but you don't response me.

    Is it real time working?

    ReplyDelete
  26. AnonymousJune 7, 2012 at 11:54 AM

    good

    ReplyDelete
  27. JohnJune 7, 2012 at 6:28 PM

    This is very nice!

    ReplyDelete
  28. AnonymousJune 8, 2012 at 1:52 PM

    you can add fadeOut in order to make it fancier, tutorial is very good.

    ReplyDelete
  29. riazuddinJune 8, 2012 at 10:21 PM

    amazing bos

    ReplyDelete
  30. riazuddinJune 8, 2012 at 10:25 PM

    nice and amizing

    ReplyDelete
  31. UnknownJune 9, 2012 at 3:02 PM

    thankyou So much Buddy ... u dont know how mch ur posts were helpful for me ...thnx

    ReplyDelete
  32. AnonymousJune 9, 2012 at 3:03 PM

    hey thnx buddy .. u dont knw how mch ur posts have been helpfull.. thnx

    ReplyDelete
  33. PierreJune 14, 2012 at 5:39 AM

    Many thanks!

    ReplyDelete
  34. Facebook App DevelopmentJune 18, 2012 at 2:03 AM

    Wow this site is amazing and great to me, i am thankful for this site and it's amazing to me.

    ReplyDelete
  35. Speaky MagJune 21, 2012 at 1:17 AM

    Really , Amazing skills you have , and we really appreciate your work , Srinivas

    ReplyDelete
  36. phphungerJune 22, 2012 at 6:08 AM

    Thanks for the tutorial but its not working for me i have uploaded in my Facebook_wallscript3.0 folder..and i called the url like this http://localhost/Facebook_wallscript3.0/timeline.p hp .. but its not working..Could you please suggest me how to solve this issue..

    ReplyDelete
  37. AnonymousJune 23, 2012 at 10:42 PM

    I see many bugs with this... so until they are fixed im not purchasing.

    ReplyDelete
  38. AnonymousJune 24, 2012 at 12:59 AM

    great. from brazil

    ReplyDelete
  39. AnonymousJune 26, 2012 at 5:19 AM

    Hi, Great script just what I have been looking for, but I cant get the 'friends' functionality to work with it. All help will be greatly appreciated

    ReplyDelete
  40. ChetanJuly 5, 2012 at 2:37 PM

    great coding...very much useful for my work

    ReplyDelete
  41. AnonymousJuly 12, 2012 at 9:56 AM

    Hy this si greate stuff finally find it cna you thel me please how i can addd ID of my facebook that will be showing my posts? Thnak you for this free script! Simon

    ReplyDelete
  42. AnonymousJuly 23, 2012 at 7:10 AM

    nice..

    ReplyDelete
  43. AnonymousAugust 4, 2012 at 12:40 AM

    nice one

    ReplyDelete
  44. dinh viAugust 13, 2012 at 6:06 AM

    Very cool.

    ReplyDelete
  45. AnonymousAugust 29, 2012 at 7:12 AM

    Can you do a tutorial regarding creating a Facebook chat box???Thanx..

    ReplyDelete
  46. geek_nationSeptember 24, 2012 at 8:03 AM

    i am having a hard time getting the includes folder files from the previous post, why dont you just paste a link to that post that has the files?

    ReplyDelete
  47. CityArchitectNovember 9, 2012 at 4:59 AM

    Looks good. Do you have any plans to index/expand/contract by dates/times?

    ReplyDelete
  48. AnonymousJuly 15, 2013 at 4:18 PM

    good ;)

    ReplyDelete
  49. Ipsita DebJune 17, 2014 at 1:39 AM

    Below link is not working

    http://demos.9lessons.info/wall/index.php

    ReplyDelete
  50. UnknownJune 17, 2014 at 6:54 AM

    Very nice..

    ReplyDelete
  51. AnonymousAugust 11, 2014 at 3:56 PM

    Awesome Dude!

    ReplyDelete

Most Popular Posts

mailxengine Youtueb channel
Facebook and Google Login
Make in India
X