<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=iso-8859-1"><meta name=Generator content="Microsoft Word 15 (filtered medium)"><style><!--
/* Font Definitions */
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0cm;
        margin-bottom:.0001pt;
        font-size:11.0pt;
        font-family:"Calibri",sans-serif;
        mso-fareast-language:EN-US;}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:#0563C1;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:#954F72;
        text-decoration:underline;}
span.EmailStyle17
        {mso-style-type:personal-compose;
        font-family:"Calibri",sans-serif;
        color:windowtext;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-family:"Calibri",sans-serif;
        mso-fareast-language:EN-US;}
@page WordSection1
        {size:612.0pt 792.0pt;
        margin:72.0pt 90.0pt 72.0pt 90.0pt;}
div.WordSection1
        {page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=FR-CA link="#0563C1" vlink="#954F72"><div class=WordSection1><p class=MsoNormal>Hello fellow Eprinters!<o:p></o:p></p><p class=MsoNormal><o:p>&nbsp;</o:p></p><p class=MsoNormal><span lang=EN-CA>I&#8217;m trying to enable/disable a date field in the workflow based on the value of a radio button (value = True or False), using JavaScript. Is there an easy way to do it? <o:p></o:p></span></p><p class=MsoNormal><span lang=EN-CA><o:p>&nbsp;</o:p></span></p><p class=MsoNormal><span lang=EN-CA><a href="https://wiki.eprints.org/w/Include_Javascript_in_the_workflow">This page</a> contains some clues and I&#8217;ve tried adding a <i>render_input </i>option to my field definition: <o:p></o:p></span></p><p class=MsoNormal><span lang=EN-CA><o:p>&nbsp;</o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span style='font-family:"Courier New"'>{<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>  'name' =&gt; 'diplome_articles',<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>  'type' =&gt; 'boolean',<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>  'multiple' =&gt; 0,<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>  'volatile' =&gt; 0,<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>  'input_style' =&gt; 'radio',<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>   'render_input' =&gt; sub {<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>                    my ( $field, $repository, $current_value, $dataset, $staff, $hidden_fields, $object, $basename ) = @_;<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'> <o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>                    my $dom = $field-&gt;render_input_field_actual( $repository, $current_value, $dataset, $staff, $hidden_fields, $object, $basename );<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'><o:p>&nbsp;</o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>my $script = $repository-&gt;make_javascript('<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'><o:p>&nbsp;</o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>var buttonOpt = document.getElementById(&quot;'.$basename.'&quot;);<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>buttonOpt.addEventListener(&quot;click&quot;, function(){ alert() });<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'><o:p>&nbsp;</o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>');<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'><o:p>&nbsp;</o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>     my $superdom = $repository-&gt;xml-&gt;create_element(&quot;div&quot;);<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>              $superdom-&gt;appendChild($dom);<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>              $superdom-&gt;appendChild($script);<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>              return $superdom;<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>             }<o:p></o:p></span></p><p class=MsoNormal style='margin-left:35.4pt;text-autospace:none'><span lang=EN-CA style='font-family:"Courier New"'>}<o:p></o:p></span></p><p class=MsoNormal><span lang=EN-CA style='font-family:"Courier New"'><o:p>&nbsp;</o:p></span></p><p class=MsoNormal><span lang=EN-CA>&#8230;but since both radio buttons (true/false) get the same ID when rendered by EPrints, using &#8220;getElementById&#8221; returns only the first element, thus only works when the first option is clicked.<o:p></o:p></span></p><p class=MsoNormal><span lang=EN-CA><o:p>&nbsp;</o:p></span></p><p class=MsoNormal><span lang=EN-CA>From the console of my browser, I know I can get the value of the selected option using <o:p></o:p></span></p><p class=MsoNormal><span lang=EN-CA><o:p>&nbsp;</o:p></span></p><p class=MsoNormal style='margin-left:35.4pt'><span lang=EN-CA style='font-family:"Courier New"'>document.querySelector(&quot;[name$='_diplome_articles']:checked&quot;).value<o:p></o:p></span></p><p class=MsoNormal><span lang=EN-CA><o:p>&nbsp;</o:p></span></p><p class=MsoNormal><span lang=EN-CA>&#8230;but I can&#8217;t figure out how to add an event listener for when this value is changing. Actually, the much, much easier way would be to just add </span><span lang=EN-CA style='font-family:"Courier New"'>onclick=&quot;function()&quot; </span><span lang=EN-CA>to the radio button itself and toggle the date field accordingly. But is it possible to do it without hacking EPrints too much?  <o:p></o:p></span></p><p class=MsoNormal><span lang=EN-CA><o:p>&nbsp;</o:p></span></p><p class=MsoNormal><span lang=EN-CA>Thanks for your help!!<o:p></o:p></span></p><p class=MsoNormal><span lang=EN-CA><o:p>&nbsp;</o:p></span></p><p class=MsoNormal><span lang=EN-CA><o:p>&nbsp;</o:p></span></p><p class=MsoNormal><b><span lang=EN-CA style='font-size:14.0pt;color:#FA961E;mso-fareast-language:FR-CA'>Robin Sylvestre</span></b><span lang=EN-CA style='mso-fareast-language:FR-CA'><o:p></o:p></span></p><p class=MsoNormal><b><span style='color:black;mso-fareast-language:FR-CA'>Technicien en gestion de l&#8217;information numérique</span></b><span style='mso-fareast-language:FR-CA'><o:p></o:p></span></p><p class=MsoNormal><span style='color:black;mso-fareast-language:FR-CA'>Services techniques et systèmes informatisés</span><span style='mso-fareast-language:FR-CA'><o:p></o:p></span></p><p class=MsoNormal><span style='color:black;mso-fareast-language:FR-CA'>Bibliothèque de l&#8217;École Polytechnique de Montréal</span><span style='mso-fareast-language:FR-CA'><o:p></o:p></span></p><p class=MsoNormal><span style='color:black;mso-fareast-language:FR-CA'>514-340-4711 poste 3743</span><span style='mso-fareast-language:FR-CA'><o:p></o:p></span></p><p class=MsoNormal><o:p>&nbsp;</o:p></p></div></body></html>