1 <html><head><title>Specify route</title></head><body>
7 @vars= ({ Name => 'Ocean',
9 CmpCanon => sub { ucfirst lc $_[0] },
10 Values => [ ocean_list() ]
11 }, { Name => 'Dropdowns',
12 Before => 'Interface: ',
13 CmpCanon => sub { !!$_[0] },
14 Values => [ [ 0, 'Type in names' ],
15 [ 4, 'Select from menus' ] ]
18 foreach my $var (@vars) {
19 my $name= $var->{Name};
20 $var->{Before}= '' unless exists $var->{Before};
21 $var->{CmpCanon}= sub { $_[0]; } unless exists $var->{CmpCanon};
22 foreach my $val (@{ $var->{Values} }) {
24 $val= [ $val, encode_entities($val) ];
26 if (exists $ARGS{lc $name}) {
27 $a{$name}= $ARGS{lc $name};
29 $a{$name}= $var->{Values}[0][0];
33 foreach my $var (@vars) {
34 my $name= $var->{Name};
35 my $delim= $var->{Before};
36 my $canon= &{$var->{CmpCanon}}($a{$name});
38 foreach my $valr (@{ $var->{Values} }) {
39 print $delim; $delim= "\n|\n";
40 my ($value,$html) = @$valr;
41 my $iscurrent= &{$var->{CmpCanon}}($value) eq $canon;
48 foreach my $innerr (@vars) {
49 my $n= lc $innerr->{Name};
51 next unless exists $ARGS{$n};
58 my $uri= URI->new($m->current_comp()->name());
59 $uri->query_form(%qf);
60 print '<a href="', $uri->path_query(), '">';
69 die "unknown ocean $a{Ocean} ?"
70 unless grep { $_ eq $a{Ocean} } ocean_list();
72 db_setocean($a{Ocean});
77 <h1>Specify route</h1>
78 <form action="/ucgi/~clareb/mason/something" method="get">
80 % if (!$a{Dropdowns}) {
81 Enter route (islands, or archipelagoes, separated by |s or commas;
82 abbreviations are OK):<br/>
84 <script type="text/javascript">
85 tr_uri= "routetextstring?format=json"
86 + "&ocean=<% uri_escape($a{Ocean}) %>";
93 window.clearTimeout(tr_timeout);
94 tr_timeout = window.setTimeout(tr_Needed, 500);
97 window.clearTimeout(tr_timeout);
98 //tr_element= document.getElementsByName('routestring').item(0);
99 //alert(tr_element.name);
100 tr_needed= tr_element.value;
103 function tr_Request(){
104 if (tr_request || tr_needed==tr_done) return;
106 tr_request= new XMLHttpRequest();
107 uri= tr_uri+'&string='+encodeURIComponent(tr_needed);
108 tr_request.open('GET', uri);
109 tr_request.onreadystatechange= tr_Ready;
110 tr_request.send(null);
112 function tr_Ready() {
113 if (tr_request.readyState != 4) return;
114 if (tr_request.status == 200) {
115 response= tr_request.responseText;
116 //alert('got [[ '+response+' ]]');
117 eval('results='+response);
118 toedit= document.getElementsByName('routeresults').item(0);
119 toedit.innerHTML= results['show'];
126 <input type="text" name="routestring" size=80
127 onchange="tr_element= event.currentTarget; tr_Needed();"
128 onkeydown="tr_element= event.currentTarget; tr_Later();"><br>
129 <div name="routeresults"> </div><br/>
134 my $sth=$dbh->prepare("SELECT islandid,islandname,archipelago
136 ORDER BY islandname;");
139 my $islandlistdata='';
141 while ($row=$sth->fetchrow_arrayref) {
143 sprintf('<option value="%s">%s</option>',
144 map { encode_entities($_) } @$row[0..1]);
145 $archmap{$row->[0]}= $row->[2];
148 $sth=$dbh->prepare("SELECT DISTINCT archipelago FROM islands
149 ORDER BY archipelago;");
153 while ($row=$sth->fetchrow_arrayref) {
155 sprintf('<option value="%s">%s</option>',
156 map { encode_entities($_) } (@$row, @$row));
160 <script type="text/javascript">
161 sel_archmap= <% to_json(\%archmap) %>;
162 function setarch(dd) {
163 var arch= document.getElementsByName('archipelago'+dd).item(0).value;
164 var select= document.getElementsByName('islandid'+dd).item(0);
165 var nodes= select.getElementsByTagName('option');
166 for (var i=0; i<nodes.length; i++) {
168 value= node.getAttribute('value');
169 if (value == 'none') {
170 if (arch == 'none') {
171 node.innerHTML= 'Select island ...';
173 node.innerHTML= 'Whole arch';
176 // alert('node i='+i+' arch='+arch+' value='+value+'.');
177 node.setAttribute('disabled', !(arch=='none' || value==arch));
186 % for my $dd (0..$a{Dropdowns}-1) {
187 <td><select name="archipelago<% $dd %>" onchange="setarch(<% $dd %>)">
188 <option name="none">Whole ocean</option>
189 <% $archlistdata %></select></td>
194 % for my $dd (0..$a{Dropdowns}-1) {
195 <td><select name="islandid<% $dd %>">
196 <option name="none">Select island...</option>
197 <% $islandlistdata %></select></td>
204 <input type=submit name=submit value="Go">