Template for dynamic web page view
Posted: 2008-03-12 23:16:39
Hi All,
I started to use the original template made by Twink some time ago and liked the features of it. The approach taken is excellent, however the script did have some quirks and when managing a larger movie database, the script was not as efficient as could be.
Because I am using Firefox as my main browser I wanted to have full support for it, besides Internet Explorer. In this process I begun to modify the original script and addressed the other issues I came across when using it on my own movie database. This resulted in several modifications and speed optimizations.
A next step was the introduction of some new features not available in the original template, but something needed when maintaining a larger database, such as more navigation buttons and a GOTO function.
While working on the layouts, I felt that a simplification of the XML layout syntax was desired to make things more understandable and easier to set up. Specially when more complex layouts are required. Besides new code words to be used, also new helper functions are included to make life easier.
The several layout files I have created represent - I think - a good view of the possibilities, but ofcourse all is adaptable to your own preferences and hopefully the XML syntax is easy enough to modify to your heart's desire.
I can't describe here all changes I have made, but a few visible ones are given below. The "readme" file included in the package has more details.
- Template works well in both Internet Explorer and Mozilla
- Sorting of columns is now persistent in all views and category selections.
- The original "popup" view was modified from a non-movable box to a moving window which follows the mouse while going over the different movie titles.
- New is a thumbnail view with a customizable tooltip function, this shows all movie pictures grouped together and moving the mouse reveals more information.
Cookies are used now to remember one's personal preferences, this allows a user to customize the look-and-feel on-the-fly and keep it that way when re-visiting the page.
The "readme" file also contains instructions on how to create the web page (getting started) and more notes on tweaking the output, including a description of fields and code words for the XML layout file.
For those interested you can download the complete package from here
I have made an example site to show how things look like and it allows you to try out the possibilities, which can be viewed here
I hope you find this a useful update to the original template of Twink.
BonieNL
I started to use the original template made by Twink some time ago and liked the features of it. The approach taken is excellent, however the script did have some quirks and when managing a larger movie database, the script was not as efficient as could be.
Because I am using Firefox as my main browser I wanted to have full support for it, besides Internet Explorer. In this process I begun to modify the original script and addressed the other issues I came across when using it on my own movie database. This resulted in several modifications and speed optimizations.
A next step was the introduction of some new features not available in the original template, but something needed when maintaining a larger database, such as more navigation buttons and a GOTO function.
While working on the layouts, I felt that a simplification of the XML layout syntax was desired to make things more understandable and easier to set up. Specially when more complex layouts are required. Besides new code words to be used, also new helper functions are included to make life easier.
The several layout files I have created represent - I think - a good view of the possibilities, but ofcourse all is adaptable to your own preferences and hopefully the XML syntax is easy enough to modify to your heart's desire.
I can't describe here all changes I have made, but a few visible ones are given below. The "readme" file included in the package has more details.
- Template works well in both Internet Explorer and Mozilla
- Sorting of columns is now persistent in all views and category selections.
- The original "popup" view was modified from a non-movable box to a moving window which follows the mouse while going over the different movie titles.
- New is a thumbnail view with a customizable tooltip function, this shows all movie pictures grouped together and moving the mouse reveals more information.
Cookies are used now to remember one's personal preferences, this allows a user to customize the look-and-feel on-the-fly and keep it that way when re-visiting the page.
The "readme" file also contains instructions on how to create the web page (getting started) and more notes on tweaking the output, including a description of fields and code words for the XML layout file.
For those interested you can download the complete package from here
I have made an example site to show how things look like and it allows you to try out the possibilities, which can be viewed here
I hope you find this a useful update to the original template of Twink.
BonieNL