The Timeline module implements a nice interactive script developed originally by the SIMILE project at MIT. The project “graduated” in 2008, to become its own stand-alone open source project, hosted at Google Code.
cd home/DRUPALACCOUNT/public_html/sites/all/modules
wget http://ftp.drupal.org/files/projects/timeline-5.x-1.0.tar.gz
tar xvf timeline-5.x-1.0.tar.gz
cd timeline/
wgethttp://www.miccolis.net/random/timeline-1-2.tar.gz
tar xvf timeline-1-2.tar.gz
mv timeline-1-2 api
If present | If not present | |
First field | Date or Event determines location on the timeline | Defaults to Node Created Time |
Second Field | Title, with clickable link | Node’s default title is used |
Third Field | Description | Teaser, if available. (CCK Date fields do not have timeline) |
Additional Fields | Additional fields are not used by Timeline. |
Move the cursor around the timeline. Click on the events to see the associated pop-up box. Click and drag to the left to go forward in time. Click and drag works in both the upper and lower timeline bands.
With controls enabled, the user will have the opportunity to filter, or highlight the timeline based on text either in the title or the description.
Regular expressions will also work when filtering or highlighting timeline items.
Cooking|Recipes | Find items that contain either Cooking or Recipes in the title or description |
^L | Find titles that start with L |
asagna | Find Lasagna-partial words work fine. |
hea[rl]t | Find Health or Heart |
The searches are case-insensitive.
The Views Popup module displays a list of up to three fields and then, upon mouseover, displays additional fields in a pop-up box. This is not a date-specific module, but we’ll use it to display a workshop description when you move the mouse over the date. We’ll also take a look at the views_style_plugins hook, which in this article enabled the Date Browser, Timeline, Calendar, and now List View as Popup View Types.
The first two of these fields will display. The third will be hidden by default.
function views_popup_views_style_plugins() {
return array(
'list_hint' => array(
'name' => t('List View as Popup, Show 1 field'),
'theme' => 'views_view_list_hint_popup1',
'validate' => 'views_ui_plugin_validate_list',
'needs_fields' => true,
'weight' => -10,
),
'list_hint2' => array(
'name' => t('List View as Popup, Show 2 fields'),
'theme' => 'views_view_list_hint_popup2',
'validate' => 'views_ui_plugin_validate_list',
'needs_fields' => true,
'weight' => -10,
),
'list_hint3' => array(
'name' => t('List View as Popup, Show 3 fields'),
'theme' => 'views_view_list_hint_popup3',
'validate' => 'views_ui_plugin_validate_list',
'needs_fields' => true,
'weight' => -10,
)
);
The critical elements in this array are the name and the specified theme callback function. The function appears below in the same file and does the actual work of producing the output, in this case, creating a pop-up.
I remember deciding to pursue my first IT certification, the CompTIA A+. I had signed…
Key takeaways The transformer architecture has proved to be revolutionary in outperforming the classical RNN…
Once we learn how to deploy an Ubuntu server, how to manage users, and how…
Key-takeaways: Clean code isn’t just a nice thing to have or a luxury in software projects; it's a necessity. If we…
While developing a web application, or setting dynamic pages and meta tags we need to deal with…
Software architecture is one of the most discussed topics in the software industry today, and…