@vars= ({ Name => 'Ocean',
Before => 'Ocean: ',
CmpCanon => sub { ucfirst lc $_[0] },
- Values => [ qw(Midnight Ice) ]
+ Values => [ ocean_list() ]
}, { Name => 'Dropdowns',
Before => 'Interface: ',
CmpCanon => sub { !!$_[0] },
$qf{$n}= $value;
}
}
- my $uri= URI->new($self_url);
+ my $uri= URI->new($m->current_comp()->name());
$uri->query_form(%qf);
print '<a href="', $uri->path_query(), '">';
$after= '</a>';
print '<p>';
}
-db_setocean($a{'ocean'});
+die "unknown ocean $a{Ocean} ?"
+ unless grep { $_ eq $a{Ocean} } ocean_list();
+
+db_setocean($a{Ocean});
db_connect();
</%perl>
<form action="/ucgi/~clareb/mason/something" method="get">
% if (!$a{Dropdowns}) {
-Enter route (islands, or archipelagoes, separated by commas;
- abbreviations are OK):<br>
+Enter route (islands, or archipelagoes, separated by |s or commas;
+ abbreviations are OK):<br/>
<script type="text/javascript">
-textRoute_timeout=false;
-textRoute_request=false;
-textRoute_done='';
-textRoute_needed='';
-function textRoute_Later(){
- window.clearTimeout(textRoute_timeout);
- textRoute_timeout = window.setTimeout(textRoute_Needed, 500);
+tr_uri= "routetextstring?format=json&type=text/xml"
+ + "&ocean=<% uri_escape($a{Ocean}) %>";
+
+tr_timeout=false;
+tr_request=false;
+tr_done='';
+tr_needed='';
+function tr_Later(){
+ window.clearTimeout(tr_timeout);
+ tr_timeout = window.setTimeout(tr_Needed, 500);
+}
+function tr_Needed(){
+ window.clearTimeout(tr_timeout);
+ tr_element= document.getElementById('routestring');
+ //alert(tr_element.name);
+ tr_needed= tr_element.value;
+ tr_Request();
}
-function textRoute_Needed(){
- window.clearTimeout(textRoute_timeout);
- //textRoute_element= document.getElementsByName('routestring').item(0);
- //alert(textRoute_element.name);
- textRoute_needed= textRoute_element.value;
- textRoute_Request();
+function tr_Request(){
+ if (tr_request || tr_needed==tr_done) return;
+ tr_done= tr_needed;
+ tr_request= new XMLHttpRequest();
+ uri= tr_uri+'&string='+encodeURIComponent(tr_needed);
+ tr_request.open('GET', uri);
+ tr_request.onreadystatechange= tr_Ready;
+ tr_request.send(null);
}
-function textRoute_Request(){
- if (textRoute_request || textRoute_needed==textRoute_done) {
- alert('unneeded');
- return;
+function tr_Ready() {
+ if (tr_request.readyState != 4) return;
+ if (tr_request.status == 200) {
+ response= tr_request.responseText;
+ //alert('got [[ '+response+' ]]');
+ eval('results='+response);
+ toedit= document.getElementById('routeresults');
+ toedit.innerHTML= results['show'];
}
- textRoute_done= textRoute_needed;
- alert(String.concat('needed! ',textRoute_done));
+ tr_request= false;
+ tr_Request();
}
</script>
-<input type="text" name="routestring" size=80
- onchange="textRoute_element= event.currentTarget; textRoute_Needed();"
- onkeydown="textRoute_element= event.currentTarget; textRoute_Later();"><br>
-<div name="results"></div></br>
-
+<input type="text" id="routestring" name="routestring" size=80
+ onchange="tr_Needed();"
+ onkeyup="tr_Later();"><br>
+<div id="routeresults"> </div><br/>
% } else {
<%perl>
-my $sth=$dbh->prepare("SELECT islandid,islandname
+my $sth=$dbh->prepare("SELECT islandid,islandname,archipelago
FROM islands
ORDER BY islandname;");
$sth->execute();
my $row;
my $islandlistdata='';
+my %archmap=();
while ($row=$sth->fetchrow_arrayref) {
$islandlistdata.=
sprintf('<option value="%s">%s</option>',
- map { encode_entities($_) } @$row);
+ map { encode_entities($_) } @$row[0..1]);
+ $archmap{$row->[0]}= $row->[2];
+}
+
+$sth=$dbh->prepare("SELECT DISTINCT archipelago FROM islands
+ ORDER BY archipelago;");
+$sth->execute();
+my $archlistdata='';
+
+while ($row=$sth->fetchrow_arrayref) {
+ $archlistdata.=
+ sprintf('<option value="%s">%s</option>',
+ map { encode_entities($_) } (@$row, @$row));
}
</%perl>
+<script type="text/javascript">
+sel_archmap= <% to_json(\%archmap) %>;
+function setarch(dd) {
+ var arch= document.getElementsByName('archipelago'+dd).item(0).value;
+ var select= document.getElementsByName('islandid'+dd).item(0);
+ var nodes= select.getElementsByTagName('option');
+ for (var i=0; i<nodes.length; i++) {
+ node= nodes.item(i);
+ value= node.getAttribute('value');
+ if (value == 'none') {
+ if (arch == 'none') {
+ node.innerHTML= 'Select island ...';
+ } else {
+ node.innerHTML= 'Whole arch';
+ }
+ } else {
+// alert('node i='+i+' arch='+arch+' value='+value+'.');
+ node.setAttribute('disabled', !(arch=='none' || value==arch));
+ }
+ }
+}
+</script>
+
<table>
+
+<tr>
+% for my $dd (0..$a{Dropdowns}-1) {
+<td><select name="archipelago<% $dd %>" onchange="setarch(<% $dd %>)">
+<option name="none">Whole ocean</option>
+<% $archlistdata %></select></td>
+% }
+</tr>
+
<tr>
% for my $dd (0..$a{Dropdowns}-1) {
<td><select name="islandid<% $dd %>">
<option name="none">Select island...</option>
<% $islandlistdata %></select></td>
% }
-% }
</tr>
+
</table>
+% }
<input type=submit name=submit value="Go">
</form>
<%init>
use CommodsWeb;
use HTML::Entities;
+use URI::Escape;
</%init>