Template for dynamic web page view version 2.0

[bonienl]

I have made several changes to the template which I can now share with you. This is called version 2 because of file incompatabilities with the earlier versions. In other words if you have made modifications you will need to redo them in this version.

I have not updated the file help so for the moment changes and descriptions are given here.

New in this version:

1. Language translations moved to a single file 'locale.xml'
2. Improved 'png' images working better with available styles
3. Image folder structure has changed consequently
3. Support for Chrome browser (next to Internet Explorer and Firefox)
4. Make search function directly available from screen
5. Search function uses phonetic comparisons (deal with general spelling mistakes)
6. Moved menu's to the header area. Information does not scroll-off from the screen anymore
7. New video and audio helper functions for the XML layout (sorry no explanation yet)
8. Language and country names in the table header can be displayed as flags instead (option in XML layout file)


Removed from this version:

1. Goto Menu no longer available (use buttons at the bottom)
2. Field selection in search function (search will always look in all fields specified in the XML file)


How to install:

Installation has not changed and the following steps are required to get things working:

- Unzip the zip file to your export folder
- Export or "save as" your AMC movie database in XML format to the same export folder
- Click on or redirect your browser to the "index.html" file to make the information visible

A demonstration page is available to show you the possibilities.

In the future I will introduce some new layout files which use the new helper function together with an explanation.

BonieNL

[ajwconsult]

Hello BonieNL,

Had a nosey at this new design...
Looks alright at a glympse...

It would be ideal if the Column Headers and Catagory filter links did not dissappear when you schroll the movie has a few mentioned.

This bit:
# Title Genre Rating Year Length Country Languages Subtitles Medium Date
[All Titles] [My favorites] # A B C D E F G H I J K L M N O P R S T U V W X
Action Adventure Comedy Crime Drama Epic Fantasy Horror Mystery Science Fiction Spy Film Thriller War Western

Suppose that is a task though.

AJW

[Dedej]

I made french translation of the template with some modifications for flags video and audio formats (I use the Movie Cat 4.0.6 mod, see layouts 1 to 6 for fields DVD region code and MPAA rating).

You can find here http://joel.desseaux.free.fr/. To see it here.



Voilà la traduction en français du template avec quelques modifications pour traduction et listes vidéo et audio. (modifié pour utilisation avec Movie cat 4.0.6, voir les Layouts 1 à 6 pour les champs zone DVD et avis CSA).

Récupération ici http://joel.desseaux.free.fr/. Page demo ici.

Bon catalog.

[sylvio2000]

Hello. I am new to AMC and found your nice template. But nevertheless I cant get it to work.

For now I have only a small test database of 20 Movies.

I export this db as .xml into a new folder. Then I copy the content of your .zip file into the same folder. Then I start the index.html.
Now I only see the button "loading movie database, please wait..." and nothing happens (no matter how long I wait).

What have I done wrong?

[axbl]

Hi,
I want to translate it to german. How do I ?
Axel

[axbl]

Hi,
this template is great ! Thank you !

I want to have my moviedatabase in a subdir.

So I changed some files:

In movies.js the System files:

//SYSTEM FILES
var databasepath="AMC/"; //Movie database
var databasefile="ABMovies.xml"; //Movie database
var database=databasepath+databasefile

In all layout?.xml files the src for the image:

img src="databasepath + movie.getAttribute('Picture')"

Regards,
Axel

[bonienl]

What have I done wrong?

Try to open first your XML file directly in the browser (CTRL-O). If something is wrong with the XML file then your browser will report this and you need to make the necessary corrections (usually a unrecognized character).

When saving your database to XML format also make sure that picture file names are created as <db-name>+<seq.no> and not original title of the movie, this to avoid 'strange' characters in the file name itself.

[bonienl]

Hi,
I want to translate it to german. How do I ?
Axel

Most translations you need to do in the file "locale.xml". Some text is 'hardcoded' in the html files - see header.html and movies.html.

The XML layout files contain text too which needs translation.

[bonienl]

Suppose that is a task though.

I know exactly what you mean but still cracking my brains on it... and too little time at the moment

To be honest: I was working on this but still some kinks to overcome. Anyway the demo page shows the latest and greatest, but not downloadable yet.

Have a look and you may report any errors!

[sylvio2000]

@ bonienl

1. When I open the .xml file in Firefox I cant see an error (I have no experience in html). There is only a popup saying:"It seems that there are no style-information linked with this xml-file. Therefor the tree-view of the document wil be shown" (this is only my english translation)

2. I think that the picture file names have the correct names. My .xml file is test.xml and the pictures are test_x.jpg
I have uploaded my .xml file for you. Maybe you can see whats wrong
http://www.box.net/shared/hd1osdy6lj

[bonienl]

@sylvio2000
Your XML file is okay.

Do you have all necessary files? In other words did the unpacking of the zip file went okay?

Can you load this in Internet Explorer, if there is an error it is indicated by a yellow triangle at the bottom left. Click on it and let me know the detailed info.

[sylvio2000]

The unpacking went fine without errors. I think I have all files.

In IE8 there is no yellow triangle. Everything seems OK.

Here is how my Folder looks like:
http://www.box.net/shared/ji8y9yovk0

----------------------------------------------------------------------------------
edit:
I thought you mean that I have to test the .xml file in IE8
If I open the index.html wit IE8 I see a yellow triangle and an error report

Error report:

"Details zum Fehler auf der Webseite

Benutzer-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322)
Zeitstempel: Wed, 14 Oct 2009 07:54:28 UTC


Meldung: Zugriff verweigert

Zeile: 441
Zeichen: 5
Code: 0
URI: file:///C:/Dokumente%20und%20Einstellungen/Besitzer/Desktop/Downloads/amc_full/Catalogs/movies.js"

-----------------------------------------------------------------------------------
edit2:
Here is a picture of line 441 in movie.js:
http://www.box.net/shared/lj07rtxxr1
But I dont know what to do.

[bonienl]

@sylvio2000

This sounds more like an access problem. The scripts tries to read the XML file but access is denied. Can you check your folder properties?

[sylvio2000]

I checked the properties of this folder to see if I have write access. Everything is fine.
Btw. I am logged in as admin, so there should be no problem.

I copied the folder to C:\ and started index.html (in case the path is too long) but nothing changed.

Very mysterious

[bonienl]

For those who like to have a fixed header you can download an update just containing the modified files. This update has the following new features:

- Fixed header rows in film table
- Extra field in search function to define search scope
- Phonetic search only on film titles and names
- Some display corrections

I have issued a new version 2.1 with considerable more changes than this initial update. Please go to the appropriate new topic and download from there!

[ajwconsult]

Nice one m8.

I don't know if it is me and a couple of others, has the sorting of list been removed in the email compilation.

Can you please advise on where i can change the colour of the header
EMAIL SETTINGS INFORMATION ABOUT

As the colour WHITE is a little hard to see.

Cheers as usual for all your hard and continued work on this template.

For those who like to have a fixed header you can download an update just containing the modified files. This update has the following new features:

- Fixed header rows in film table
- Extra field in search function to define search scope
- Phonetic search only on film titles and names
- Some display corrections

[bonienl]

@ajwconsult

The sorting part in the email hasn't changed. There is an existing limitation though that titles with accents (e.g. Brüno) may cause an empty list in the email client. The easiest fix is to not use accents in the movie titles.

To change the colour of the header text you need to edit the file "header.html" and look for

#header p a{color:#eee;}

To get a yellow colour for example change the above color value into #ffff00

[Dedej]

If the problem was not solved.

2. I think that the picture file names have the correct names. My .xml file is test.xml and the pictures are test_x.jpg

If you call your xml and picture with a other name then "Movies" your must modify the movies.js with the name of your xml.

Code: Select all

var database="test.xml"; //Movie database

I think it's for that you have nothing.

Good catalog.

[Subbat]

Bonjour,

Je viens de découvrir ce template (celui traduit par Dedej), et j'aurais une question...

J'ai pu remarqué que lorsque le champs "Format vidéo" de antmoviecatalog était renseigné par, par exemple "dvd", avec ce template, sur le champs "vidéo" on se retrouve avec une image plutôt que d'avoir écrit dvd... ce que je trouve très bien... (idem avec le bluray, ou les formats de son...)

J'aurais souhaité pouvoir associer des nouvelles images à d'autres formats, mais je ne sais pas du tout ce qu'il faudrait faire... j'ai cru, en ouvrant le fichier local.xml, qu'il suffisait d'ajouter des ligne <video file="..."><id>...</id></video>, et de placer un nouvelle image dans le sous-dossier "vidéo" du dossier "image"...

Mais visiblement ça ne marche pas.... Par ailleurs, j'ai remarqué (chez moi en tout cas) que si on met comme "format vidéo" "hd", lors de l'export, on a pas l'image voulu, celle qui apparait ressemble un peu à l'image que l'on peut trouver sur une page internet quand cette image n'existe plus...

Espérant avoir été suffisamment clair...

Merci d'avance

[Subbat]

Euh... désolé d'avoir posté pour rien... en fait j'utilisais des [] dans mes formats vidéos "personnalisés"... Allez savoir pourquoi il m'est venu l'idée que c'était eux qui pouvaient "déranger", mais au final j'ai vu juste

Je suppose donc que les [] devaient être perçu comme étant des "balises"...

Mon problème est donc résolu...