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. 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. looks cool, will give it a try.
    i noticed some blank windows on the demo, some known bug?

    ReplyDelete
  8. woow you are a genius !!

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

    ReplyDelete
  10. good job. you can rotate horizontally?

    ReplyDelete
  11. @Ayyappa AV

    Include folder contains in Wall Script 4.0

    ReplyDelete
  12. Congratulations guy. This is awesome

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

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

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

    Is it real time working?

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

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

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

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

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

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

    ReplyDelete
  23. great. from brazil

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

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

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

    ReplyDelete
  30. Below link is not working

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

    ReplyDelete

mailxengine Youtueb channel
Make in India
X