GitHub/gf-core
1
0
Fork 1
mirror of https://github.com/GrammaticalFramework/gf-core.git synced 2026-05-15 22:22:51 -06:00
Code Issues Packages Projects Releases Wiki Activity

simple translator: make it usable on iOS devices

Browse Source 
To make the popup menus accessible, use a simple trick to activate the
simulate-hovering-by-tapping behaviour.
This commit is contained in:
hallgren
2012-10-04 22:29:42 +00:00
parent 99b0e42e12
commit 3d47d7b6f9
2 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/www/translator/index.html
View File

@@ -12,7 +12,7 @@
<h1>Simple Translation Tool</h1> <h1>Simple Translation Tool</h1>
<form name=options> <form name=options>
<table class=menubar> <table class=menubar>
<tr><td>File <tr><td><span onclick="">File</span>
<dl> <dl>
<dt onclick="translator.new(this)">New <dt onclick="translator.new(this)">New
<dt onclick="translator.browse(this)">Open... <dt onclick="translator.browse(this)">Open...
@@ -21,22 +21,22 @@
<dt onclick="translator.saveAs(this)">Save As... <dt onclick="translator.saveAs(this)">Save As...
<dt onclick="translator.close(this)">Close <dt onclick="translator.close(this)">Close
</dl> </dl>
<td>Edit <td><span onclick="">Edit</span>
<dl> <dl>
<dt id="edit_import" onclick="translator.import(this)">Import text... <dt id="edit_import" onclick="translator.import(this)">Import text...
<dt id="edit_add_segment" onclick="translator.add_segment(this)">Add a segment... <dt id="edit_add_segment" onclick="translator.add_segment(this)">Add a segment...
<dt id="edit_remove_segment" onclick="translator.remove(this)">Remove the last segment <dt id="edit_remove_segment" onclick="translator.remove(this)">Remove the last segment
</dl> </dl>
<td>View <td><span onclick="">View</span>
<dl> <dl>
<dt><label><input name=view value=segmentbysegment type=radio checked onchange="translator.change(this)">Segment by segment</label> <dt><label><input name=view value=segmentbysegment type=radio checked onchange="translator.change(this)">Segment by segment</label>
<dt><label><input name=view value=paralleltexts type=radio onchange="translator.change(this)">Parallel texts</label> <dt><label><input name=view value=paralleltexts type=radio onchange="translator.change(this)">Parallel texts</label>
</dl> </dl>
<td>Options <td><span onclick="">Options</span>
<dl> <dl>
<dt> <dt>
<table class=submenu> <table class=submenu>
<tr><td>Source Language <tr><td><span onclick="">Source Language</span>
<dl id=source> <dl id=source>
<dt><label><input name=source value=Eng type=radio onchange="translator.change(this)">English</label> <dt><label><input name=source value=Eng type=radio onchange="translator.change(this)">English</label>
<dt><label><input name=source value=Swe type=radio onchange="translator.change(this)">Swedish</label> <dt><label><input name=source value=Swe type=radio onchange="translator.change(this)">Swedish</label>
@@ -45,7 +45,7 @@
</table> </table>
<dt> <dt>
<table class=submenu> <table class=submenu>
<tr><td>Target Language <tr><td><span onclick="">Target Language</span>
<dl id=target> <dl id=target>
<dt><label><input name=target value=Eng type=radio onchange="translator.change(this)">English</label> <dt><label><input name=target value=Eng type=radio onchange="translator.change(this)">English</label>
<dt><label><input name=target value=Swe type=radio onchange="translator.change(this)">Swedish</label> <dt><label><input name=target value=Swe type=radio onchange="translator.change(this)">Swedish</label>
@@ -54,7 +54,7 @@
</table> </table>
<dt> <dt>
<table class=submenu> <table class=submenu>
<tr><td>Default translation method <tr><td><span onclick="">Default translation method</span>
<dl id=methods> <dl id=methods>
<dt><label><input name=method value=Manual type=radio onchange="translator.change(this)">Manual</label> <dt><label><input name=method value=Manual type=radio onchange="translator.change(this)">Manual</label>
</dl> </dl>
@@ -72,7 +72,7 @@
</div> </div>
<hr> <hr>
<div class=modtime><small>HMTL <div class=modtime><small>HMTL
<!-- hhmts start -->Last modified: Fri Sep 21 10:12:52 CEST 2012 <!-- hhmts end --> <!-- hhmts start -->Last modified: Fri Oct 5 00:29:39 CEST 2012 <!-- hhmts end -->
</small></div> </small></div>
<a href="about.html">About</a> <a href="about.html">About</a>

8
src/www/translator/translator.js
View File

@@ -833,7 +833,7 @@ Translator.prototype.draw_segment_given_target=function(s,target,i) {
return form return form
} }
function draw_options() { function draw_options() {
return wrap("div",[span_class("arrow",text(" ⇒ ")),draw_options2()]) return wrap("div",[span_class("arrow",hovertext(" ⇒ ")),draw_options2()])
} }
if(t.document.globalsight) if(t.document.globalsight)
var actions=empty_class("td","actions") var actions=empty_class("td","actions")
@@ -843,7 +843,7 @@ Translator.prototype.draw_segment_given_target=function(s,target,i) {
var removeB=dt(text("Remove this segment")) var removeB=dt(text("Remove this segment"))
removeB.onclick=function() { t.remove_segment(i) } removeB.onclick=function() { t.remove_segment(i) }
var actions=wrap_class("td","actions", var actions=wrap_class("td","actions",
wrap("div",[span_class("actions",text("◊")), wrap("div",[span_class("actions",hovertext("◊")),
wrap_class("dl","popupmenu", wrap_class("dl","popupmenu",
[insertB,removeB])])) [insertB,removeB])]))
} }
@@ -1114,3 +1114,7 @@ function delete_button(action,hint) {
b.onclick=action; b.onclick=action;
return b; return b;
} }
function hovertext(txt) {
return node("span",{onclick:""},[text(txt)])
}