Comments on: Advanced Event Timeline With PHP, CSS & jQuery

By: Razan

Razan — Fri, 16 Mar 2012 21:13:49 +0000

Thanks a lot, it works and it looks very nice :)
See you from Belgium

By: Makrus

Makrus — Wed, 29 Feb 2012 07:20:03 +0000

Great tutorial,

just changed it for showing events per month, not per year. But one question:

I will show it within some content (so, I don't have screenWidth for max. place, just 500 px.

Is there a way to change the script therefore?

By: Jorge Luis Lopez

Jorge Luis Lopez — Thu, 02 Feb 2012 14:24:50 +0000

Hi.

I have many events within a year and that causes the scrollbar is very down and out of place. I wonder if I can group the events by MONTH - YEAR.

This tutorial is GREAT !

Thanks !

By: EliteH4x0rz

EliteH4x0rz — Sun, 18 Dec 2011 19:10:57 +0000

Excellent work!

Thank you so much, I really appreciate it.

Your tutorials and demo's help a lot of people,

Keep up the good work.

By: Syma

Syma — Sun, 11 Dec 2011 16:11:27 +0000

really nice tutorial and work i love jquery and thanks to jquery and guys like you who are making developer’s life easy.

By: Kiko

Kiko — Fri, 25 Nov 2011 18:10:01 +0000

Exactly what i was looking for, if only we could zoom in and out it will be perfect. Thanks for the good share of knowledge

By: lukpon

lukpon — Tue, 20 Sep 2011 20:53:14 +0000

Well, found the solution on my own. If there is somone interested in it: setlocale(LC_TIME, 'de_DE.UTF-8'); '.strftime('%d.%B %Y',strtotime($event['date_event'])).'

By: lukpon

lukpon — Tue, 20 Sep 2011 12:27:32 +0000

Very good article!

But how to display the date in German? For example: 04.März 1989.

By: Thomas

Thomas — Tue, 03 May 2011 11:34:04 +0000

The addition of $(window).scrollLeft() and $(window).scrollTop() will help keep the window centered during scrolling.

By: Thomas

Thomas — Tue, 03 May 2011 11:32:45 +0000

Very nice tutorial, only thing that I would add would be the following to the window .css jquery

$('#windowBox').css({
width:500,
height:350,
left: ($(window).width() - 500)/2 + $(window).scrollLeft(),
top: ($(window).height() - 350)/2 + $(window).scrollTop()
});