--- loncom/interface/lonhtmlcommon.pm 2005/10/04 19:59:15 1.112
+++ loncom/interface/lonhtmlcommon.pm 2006/03/21 20:19:41 1.123
@@ -1,7 +1,7 @@
# The LearningOnline Network with CAPA
# a pile of common html routines
#
-# $Id: lonhtmlcommon.pm,v 1.112 2005/10/04 19:59:15 raeburn Exp $
+# $Id: lonhtmlcommon.pm,v 1.123 2006/03/21 20:19:41 albertel Exp $
#
# Copyright Michigan State University Board of Trustees
#
@@ -207,6 +207,28 @@ sub checkbox {
return $Str;
}
+
+=pod
+
+=item radiobutton
+
+=cut
+
+##############################################
+##############################################
+sub radio {
+ my ($name,$checked,$value) = @_;
+ my $Str = '<input type="radio" name="'.$name.'" ';
+ if (defined($value)) {
+ $Str .= 'value="'.$value.'"';
+ }
+ if ($checked eq $value) {
+ $Str .= ' checked="1"';
+ }
+ $Str .= ' />';
+ return $Str;
+}
+
##############################################
##############################################
@@ -781,20 +803,25 @@ sub Create_PrgWin {
$prog_state{'type'}=$type;
if ($type eq 'popup') {
$prog_state{'window'}='popwin';
- my $html=&Apache::lonxml::xmlbegin();
+ my $start_page =
+ &Apache::loncommon::start_page($title,undef,
+ {'only_body' => 1,
+ 'bgcolor' => '#88DDFF',
+ 'js_ready' => 1});
+ my $end_page = &Apache::loncommon::end_page({'js_ready' => 1});
+
#the whole function called through timeout is due to issues
#in mozilla Read BUG #2665 if you want to know the whole story
- &r_print($r,'<script>'.
+ &r_print($r,'<script type="text/javascript">'.
"var popwin;
function openpopwin () {
popwin=open(\'\',\'popwin\',\'width=400,height=100\');".
- "popwin.document.writeln(\'".$html."<head><title>$title</title></head>".
- "<body bgcolor=\"#88DDFF\">".
+ "popwin.document.writeln(\'".$start_page.
"<h4>$heading</h4>".
"<form name=popremain>".
'<input type="text" size="'.$width.'" name="remaining" value="'.
- &mt('Starting').'"></form>'.
- "</body></html>\');".
+ &mt('Starting').'"></form>'.$end_page.
+ "\');".
"popwin.document.close();}".
"\nwindow.setTimeout(openpopwin,0)</script>");
$prog_state{'formname'}='popremain';
@@ -952,7 +979,14 @@ sub crumbs {
# --------------------- A function that generates a window for the spellchecker
sub spellheader {
- my $html=&Apache::lonxml::xmlbegin();
+ my $start_page=
+ &Apache::loncommon::start_page('Speller Suggestions',undef,
+ {'only_body' => 1,
+ 'js_ready' => 1,
+ 'bgcolor' => '#DDDDDD',});
+ my $end_page=
+ &Apache::loncommon::end_page({'js_ready' => 1});
+
my $nothing=&javascript_nothing();
return (<<ENDCHECK);
<script type="text/javascript">
@@ -961,7 +995,7 @@ var checkwin;
function spellcheckerwindow() {
checkwin=window.open($nothing,'spellcheckwin','height=320,width=280,resizable=yes,scrollbars=yes,location=no,menubar=no,toolbar=no');
- checkwin.document.writeln('$html<head></head><body bgcolor="#DDDDDD"><form name="spellcheckform" action="/adm/spellcheck" method="post"><input type="hidden" name="text" value="" /></form></body></html>');
+ checkwin.document.writeln('$start_page<form name="spellcheckform" action="/adm/spellcheck" method="post"><input type="hidden" name="text" value="" /></form>$end_page');
checkwin.document.close();
}
// END LON-CAPA Internal -->
@@ -1246,7 +1280,7 @@ returns: nothing
#
# In general a &submit_row() call should proceed the call to &end_pick_box(),
# as this routine adds a button for form submission.
-# &submit_row(0 does not require a &row_closure after it.
+# &submit_row() does not require a &row_closure after it.
#
# &start_pick_box() creates a bounding table with 1-pixel wide black border.
# rows should be placed between calls to &start_pick_box() and &end_pick_box.
@@ -1317,7 +1351,7 @@ ENDONE
}
sub row_closure {
- my $output .= <<"ENDTWO";
+ my $output = <<"ENDTWO";
</tr>
</table>
</td>
@@ -1333,16 +1367,26 @@ ENDTWO
sub role_select_row {
my ($roles,$col_width,$tablecolor,$title) = @_;
- my $output = &row_title($col_width,$tablecolor,$title);
- $output .= qq| <td>
+ my $output;
+ if (defined($title)) {
+ $output = &row_title($col_width,$tablecolor,$title);
+ }
+ $output .= qq| <td valign="top">
<select name="roles" multiple >\n|;
- foreach (@$roles) {
- my $plrole=&Apache::lonnet::plaintext($_);
- $output .= ' <option value="'.$_.'">'.$plrole.'</option>';
+ foreach my $role (@$roles) {
+ my $plrole;
+ if ($role eq 'ow') {
+ $plrole = &mt('Course Owner');
+ } else {
+ $plrole=&Apache::lonnet::plaintext($role);
+ }
+ $output .= ' <option value="'.$role.'">'.$plrole.'</option>';
}
$output .= qq| </select>
</td>\n|;
- $output .= &row_closure();
+ if (defined($title)) {
+ $output .= &row_closure();
+ }
return $output;
}
@@ -1354,10 +1398,10 @@ sub course_select_row {
<script type="text/javascript" language="Javascript" >
function coursePick (formname) {
for (var i=0; i<formname.coursepick.length; i++) {
+ if (formname.coursepick[i].value == 'category') {
+ courseSet('');
+ }
if (!formname.coursepick[i].checked) {
- if (formname.coursepick[i].value == 'category') {
- courseSet('');
- }
if (formname.coursepick[i].value == 'specific') {
formname.coursetotal.value = 0;
formname.courselist = '';
@@ -1365,10 +1409,19 @@ sub course_select_row {
}
}
}
+ function setPick (formname) {
+ for (var i=0; i<formname.coursepick.length; i++) {
+ if (formname.coursepick[i].value == 'category') {
+ formname.coursepick[i].checked = true;
+ }
+ formname.coursetotal.value = 0;
+ formname.courselist = '';
+ }
+ }
</script>
|;
my $courseform='<b>'.&Apache::loncommon::selectcourse_link
- ($formname,'pickcourse','pickdomain','coursedesc').'</b>';
+ ($formname,'pickcourse','pickdomain','coursedesc','',1).'</b>';
if ($totcodes > 0) {
$output .= '<input type="radio" name="coursepick" value="all" onclick="coursePick(this.form)" />'.&mt('All courses');
my $numtitles = @$codetitles;
@@ -1376,18 +1429,18 @@ sub course_select_row {
$output .= '<br /><input type="radio" name="coursepick" value="category" onclick="coursePick(this.form);alert('."'".&mt('Choose categories, from left to right')."'".')" />'.&mt('Pick courses by category:').' <br />';
$output .= '<table><tr><td>'.$$codetitles[0].'<br />'."\n".
'<select name="'.$$codetitles[0].
- '" onChange="courseSet('."'$$codetitles[0]'".')">'."\n".
+ '" onChange="setPick(this.form);courseSet('."'$$codetitles[0]'".')">'."\n".
' <option value="-1" />Select'."\n";
my @items = ();
my @longitems = ();
if ($$idlist{$$codetitles[0]} =~ /","/) {
- @items = split/","/,$$idlist{$$codetitles[0]};
+ @items = split(/","/,$$idlist{$$codetitles[0]});
} else {
$items[0] = $$idlist{$$codetitles[0]};
}
if (defined($$idlist_titles{$$codetitles[0]})) {
if ($$idlist_titles{$$codetitles[0]} =~ /","/) {
- @longitems = split/","/,$$idlist_titles{$$codetitles[0]};
+ @longitems = split(/","/,$$idlist_titles{$$codetitles[0]});
} else {
$longitems[0] = $$idlist_titles{$$codetitles[0]};
}
@@ -1414,22 +1467,27 @@ sub course_select_row {
$output .= '</tr></table><br />';
}
}
- $output .= '<input type="radio" name="coursepick" value="specific" onclick="coursePick(this.form);opencrsbrowser('."'".'rolefilter'."'".','."'".'dccourse'."'".','."'".'dcdomain'."'".','."'".'coursedesc'."',''".')" />'.&mt('Pick specific course(s):').' '.$courseform.' <input type="text" value="0" size="4" name="coursetotal" /><input type="hidden" name="courselist" value="" />selected.<br /></td>'."\n";
+ $output .= '<input type="radio" name="coursepick" value="specific" onclick="coursePick(this.form);opencrsbrowser('."'".$formname."'".','."'".'dccourse'."'".','."'".'dcdomain'."'".','."'".'coursedesc'."','','1'".')" />'.&mt('Pick specific course(s):').' '.$courseform.' <input type="text" value="0" size="4" name="coursetotal" /><input type="hidden" name="courselist" value="" />selected.<br /></td>'."\n";
$output .= &row_closure();
return $output;
}
sub status_select_row {
my ($types,$col_width,$tablecolor,$title) = @_;
- my $output = &row_title($col_width,$tablecolor,$title);
- $output .= qq| <td>
+ my $output;
+ if (defined($title)) {
+ $output = &row_title($col_width,$tablecolor,$title);
+ }
+ $output .= qq| <td valign="top">
<select name="types" multiple>\n|;
- foreach my $status_type (sort keys (%{$types})) {
+ foreach my $status_type (sort(keys(%{$types}))) {
$output .= ' <option value="'.$status_type.'">'.$$types{$status_type}.'</option>';
}
$output .= qq| </select>
</td>\n|;
- $output .= &row_closure();
+ if (defined($title)) {
+ $output .= &row_closure();
+ }
return $output;
}
@@ -1437,13 +1495,13 @@ sub email_default_row {
my ($authtypes,$col_width,$tablecolor,$title,$descrip) = @_;
my $output = &row_title($col_width,$tablecolor,$title);
my @rowcols = ('#eeeeee','#dddddd');
- $output .= ' <td>'.$descrip.'
- <table>
- <tr>
- <td><b>'.&mt('Authentication Method').'</b></td><td> </td><td> </td><td><b>'.&mt('Username -> e-mail conversion').'</b></td>
+ $output .= ' <td>'.$descrip;
+ $output .= &start_pick_box('');
+ $output .= ' <tr bgcolor="'.$tablecolor.'">
+ <td><b>'.&mt('Authentication Method').'</b></td><td align="right"><b>'.&mt('Username -> e-mail conversion').'</b></td>
</tr>'."\n";
my $rownum = 0;
- foreach my $auth (sort keys (%{$authtypes})) {
+ foreach my $auth (sort(keys(%{$authtypes}))) {
my ($userentry,$size);
my $rowiter = $rownum%2;
if ($auth =~ /^krb/) {
@@ -1453,11 +1511,11 @@ sub email_default_row {
$userentry = 'username@';
$size = 15;
}
- $output .= '<tr rowcolor="'.$rowcols[$rowiter].'"><td> '.$$authtypes{$auth}.'</td><td> </td><td align="right">'.$userentry.'</td><td><input type="text" name="'.$auth.'" size="'.$size.'" /></td></tr>';
+ $output .= '<tr bgcolor="'.$rowcols[$rowiter].'"><td> '.$$authtypes{$auth}.'</td><td align="right">'.$userentry.'<input type="text" name="'.$auth.'" size="'.$size.'" /></td></tr>';
$rownum ++;
}
- $output .= " </table>
- </td>\n";
+ $output .= &end_pick_box();
+ $output .= " <br /></td>\n";
$output .= &row_closure();
return $output;
}
@@ -1465,7 +1523,7 @@ sub email_default_row {
sub submit_row {
my ($col_width,$tablecolor,$title,$cmd,$submit_text) = @_;
- my $output .= &row_title($col_width,$tablecolor,$title);
+ my $output = &row_title($col_width,$tablecolor,$title);
$output .= qq|
<td width="100%" valign="top" align="right">
<br />
@@ -1476,6 +1534,218 @@ sub submit_row {
return $output;
}
+##############################################
+##############################################
+
+# echo_form_input
+#
+# Generates html markup to add form elements from the referrer page
+# as hidden form elements (values encoded) in the new page.
+#
+# Intended to support two types of use
+# (a) to allow backing up to earlier pages in a multi-page
+# form submission process using a breadcrumb trail.
+#
+# (b) to allow the current page to be reloaded with form elements
+# set on previous page to remain unchanged. An example would
+# be where the a page containing a dynamically-built table of data is
+# is to be redisplayed, with only the sort order of the data changed.
+#
+# Inputs:
+# 1. Reference to array of form elements in the submitted form on
+# the referrer page which are to be excluded from the echoed elements.
+#
+# 2. Reference to array of regular expressions, which if matched in the
+# name of the form element n the referrer page will be omitted from echo.
+#
+# Outputs: A scalar containing the html markup for the echoed form
+# elements (all as hidden elements, with values encoded).
+
+
+sub echo_form_input {
+ my ($excluded,$regexps) = @_;
+ my $output = '';
+ foreach my $key (keys(%env)) {
+ if ($key =~ /^form\.(.+)$/) {
+ my $name = $1;
+ my $match = 0;
+ if ((!@{$excluded}) || (!grep/^$name$/,@{$excluded})) {
+ if (defined($regexps)) {
+ if (@{$regexps} > 0) {
+ foreach my $regexp (@{$regexps}) {
+ if ($name =~ /\Q$regexp\E/) {
+ $match = 1;
+ last;
+ }
+ }
+ }
+ }
+ if (!$match) {
+ if (ref($env{$key})) {
+ foreach my $value (@{$env{$key}}) {
+ $value = &HTML::Entities::encode($value,'<>&"');
+ $output .= '<input type="hidden" name="'.$name.
+ '" value="'.$value.'" />'."\n";
+ }
+ } else {
+ my $value = &HTML::Entities::encode($env{$key},'<>&"');
+ $output .= '<input type="hidden" name="'.$name.
+ '" value="'.$value.'" />'."\n";
+ }
+ }
+ }
+ }
+ }
+ return $output;
+}
+
+##############################################
+##############################################
+
+# set_form_elements
+#
+# Generates javascript to set form elements to values based on
+# corresponding values for the same form elements when the page was
+# previously submitted.
+#
+# Last submission values are read from hidden form elements in referring
+# page which have the same name, i.e., generated by &echo_form_input().
+#
+# Intended to be called by onload event.
+#
+# Inputs:
+# (a) Reference to hash of echoed form elements to be set.
+#
+# In the hash, keys are the form element names, and the values are the
+# element type (selectbox, radio, checkbox or text -for textbox, textarea or
+# hidden).
+#
+# (b) Optional reference to hash of stored elements to be set.
+#
+# If the page being displayed is a page which permits modification of
+# previously stored data, e.g., the first page in a multi-page submission,
+# then if stored is supplied, form elements will be set to the last stored
+# values. If user supplied values are also available for the same elements
+# these will replace the stored values.
+#
+# Output:
+#
+# javascript function - set_form_elements() which sets form elements,
+# expects an argument: formname - the name of the form according to
+# the DOM, e.g., document.compose
+
+sub set_form_elements {
+ my ($elements,$stored) = @_;
+ my %values;
+ my $output .= 'function setFormElements(courseForm) {
+';
+ if (defined($stored)) {
+ foreach my $name (keys(%{$stored})) {
+ if (exists($$elements{$name})) {
+ if (ref($$stored{$name}) eq 'ARRAY') {
+ $values{$name} = $$stored{$name};
+ } else {
+ @{$values{$name}} = ($$stored{$name});
+ }
+ }
+ }
+ }
+
+ foreach my $key (keys(%env)) {
+ if ($key =~ /^form\.(.+)$/) {
+ my $name = $1;
+ if (exists($$elements{$name})) {
+ @{$values{$name}} = &Apache::loncommon::get_env_multiple($key);
+ }
+ }
+ }
+
+ foreach my $name (keys(%values)) {
+ for (my $i=0; $i<@{$values{$name}}; $i++) {
+ $values{$name}[$i] = &HTML::Entities::decode($values{$name}[$i],'<>&"');
+ $values{$name}[$i] =~ s/([\r\n\f]+)/\\n/g;
+ $values{$name}[$i] =~ s/"/\\"/g;
+ }
+ if ($$elements{$name} eq 'text') {
+ my $numvalues = @{$values{$name}};
+ if ($numvalues > 1) {
+ my $valuestring = join('","',@{$values{$name}});
+ $output .= qq|
+ var textvalues = new Array ("$valuestring");
+ var total = courseForm.$name.length;
+ if (total > $numvalues) {
+ total = $numvalues;
+ }
+ for (var i=0; i<total; i++) {
+ courseForm.$name\[i].value = textvalues[i];
+ }
+|;
+ } else {
+ $output .= qq|
+ courseForm.$name.value = "$values{$name}[0]";
+|;
+ }
+ } else {
+ $output .= qq|
+ var elementLength = courseForm.$name.length;
+ if (elementLength==undefined) {
+|;
+ foreach my $value (@{$values{$name}}) {
+ if ($$elements{$name} eq 'selectbox') {
+ $output .= qq|
+ if (courseForm.$name.options[0].value == "$value") {
+ courseForm.$name.options[0].selected = true;
+ }|;
+ } elsif (($$elements{$name} eq 'radio') ||
+ ($$elements{$name} eq 'checkbox')) {
+ $output .= qq|
+ if (courseForm.$name.value == "$value") {
+ courseForm.$name.checked = true;
+ }|;
+ }
+ }
+ $output .= qq|
+ }
+ else {
+ for (var i=0; i<courseForm.$name.length; i++) {
+|;
+ if ($$elements{$name} eq 'selectbox') {
+ $output .= qq|
+ courseForm.$name.options[i].selected = false;|;
+ } elsif (($$elements{$name} eq 'radio') ||
+ ($$elements{$name} eq 'checkbox')) {
+ $output .= qq|
+ courseForm.$name\[i].checked = false;|;
+ }
+ $output .= qq|
+ }
+ for (var j=0; j<courseForm.$name.length; j++) {
+|;
+ foreach my $value (@{$values{$name}}) {
+ if ($$elements{$name} eq 'selectbox') {
+ $output .= qq|
+ if (courseForm.$name.options[j].value == "$value") {
+ courseForm.$name.options[j].selected = true;
+ }|;
+ } elsif (($$elements{$name} eq 'radio') ||
+ ($$elements{$name} eq 'checkbox')) {
+ $output .= qq|
+ if (courseForm.$name\[j].value == "$value") {
+ courseForm.$name\[j].checked = true;
+ }|;
+ }
+ }
+ $output .= qq|
+ }
+ }
+|;
+ }
+ }
+ $output .= "
+}\n";
+ return $output;
+}
+
1;
__END__