Facebook Style Dynamic Timeline for Wall Script.
Wall Script
Follow Me:
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.
Was this article helpful?
Thanks! Your feedback helps us to improve 9lessons.info


53 comments:

  1. As usal awesome script

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

    ReplyDelete
  3. Your works are Excellent.Praise your coding skill.

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

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

    ReplyDelete
  6. 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
  7. Nice thank you

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

    ReplyDelete
  9. woow you are a genius !!

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

    ReplyDelete
  11. good job. you can rotate horizontally?

    ReplyDelete
  12. @Ayyappa AV

    Include folder contains in Wall Script 4.0

    ReplyDelete
  13. Congratulations guy. This is awesome

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

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

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

    Is it real time working?

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

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

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

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

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

    ReplyDelete
  22. 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
  23. I see many bugs with this... so until they are fixed im not purchasing.

    ReplyDelete
  24. great. from brazil

    ReplyDelete
  25. 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
  26. great coding...very much useful for my work

    ReplyDelete
  27. 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
  28. Can you do a tutorial regarding creating a Facebook chat box???Thanx..

    ReplyDelete
  29. 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
  30. Looks good. Do you have any plans to index/expand/contract by dates/times?

    ReplyDelete
  31. Below link is not working

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

    ReplyDelete

Make in India