We have text files translated by software in many languages (French, Hindi, etc.) most of which we are unable to verify. Many of those translations are simply garbage. To solve the problem we are putting on the Internet the translated pages as a wiki where each line (or paragraph) can be identified to be corrected if necessary by a foreign visitor who has some knowledge of English.
This is where my imagination/experience is lacking because I can only see a solution in a submitted Form which would go back to the server with a reference to that particular line or paragraph and constructs from there a page containing the English version of the line or paragraph and a empty Textarea for a correction of the bad tranlsation to be submitted, this would be followed by a returned page to the visitor including the new correction. But I am of the opinion that this may take too long and deter volunteers to do that.

To arrive at the result we have so far, a normal (valid w3c) HTML document is split in 2 files, one file contains the html tags (.tags) and the other file contains only the text (.text). In this case, the .text file can be translated and its result reinserted in the .tags file to constitute a new valid html document in another language.

What seems to be ideal to me would be to have that split .text file (in English) loaded but invisible somehow at the same time than the html document and the relevant line made visible for editing at the click of a button. In other words, when a visitor clicks a link next to a line or paragraph, 2 windows should open, one containing the English version of that line and the other being a Textarea to input a correction of the incorrect translation. Could this be achieve through CSS?

I used some Javascript many years ago but I would prefer not to go that way. If the solution is too complex, it will be better for us to build the document from the start with 3 visible zones for each line/paragraph.

Any suggestion welcome.

Thank you for your help.

<a href="http://www.google.com" onclick="window.open('http://www.yahoo.com','');">multiple window link</a>

This uses whatever the browser has as the default for handling new windows, tabs, etc. You could specify a size so that the second one is a separate window. Like this:

<a href="http://www.google.com" onclick="window.open('http://www.yahoo.com','','width=700,height=700');">multiple window link</a>

I couldn't decide which I liked better.

1 members found this post helpful.

I have discovered the "display: none;" to hide the code/text needed for a correction and a javascript to make it visible at the click of a link but I cannot include the code here because I stil have bugs in it. But I will do so later if anyone wants it.