Building a Radio with AJAX

Question

Hi all
I think everyone knows Carl's example http://htmldb.oracle.com/pls/otn/f?p=11933:37
Has anybody needed P37_SELECT_DROP_XML to be a radio instead?
If someone has already written the js code, I would be very grateful if he can post it.
Thank you for your time

Answer 1

Hello,
Assuming the following table represent your radio group content:
CREATE TABLE  "RADIO_GROUP"
   (     "SNO" NUMBER(2,0) NOT NULL ENABLE,
     "MESSAGE" VARCHAR2(30) NOT NULL ENABLE,
      CONSTRAINT "RADIO_GROUP_PK" PRIMARY KEY ("SNO") ENABLE
   )The message column contains the displayed part, and the sno contains the radio button returned value.
The on-demand process, e.g. RADIOGROUP_LIST, should look something like this:
begin
owa_util.mime_header('text/xml', FALSE );
htp.p('Cache-Control: no-cache');
htp.p('Pragma: no-cache');
owa_util.http_header_close;
htp.prn('<radio>');
for rec in (select sno, message
            from radio_group
            order by sno)
loop
htp.prn('<message>' || rec.message || '</message>');
htp.prn('<value>' || rec.sno || '</value>');
end loop;
htp.prn('</radio>');
end;The JavaScript code should look something like this:
function setRadioGroup(pItem){
    var l_code = '';
    // Get radio group name
    rName = $x(pItem).firstChild.name;
    // Fire AJAX
    var get = new htmldb_Get(null,html_GetElement('pFlowId').value,'APPLICATION_PROCESS=RADIOGROUP_LIST',0);
    gReturn = get.get('XML');
    if (gReturn) {
      var values = gReturn.getElementsByTagName('value');
      var messages = gReturn.getElementsByTagName('message');
      // Build the radio group
      for (i=0; i<values.length; i++) {
        var rValue = values.firstChild.nodeValue;
var rMessage = messages[i].firstChild.nodeValue;
l_code+='<input id='+pItem+'_'+i+' type=radio value='+rValue+' name='+rName+'>';
l_code+='<label for='+pItem+'_'+i+'>'+rMessage+'</label>
$x(pItem).innerHTML = l_code;
The pItem parameter is the radio item name.
You can use the get.add(), if you need to pass a parameter to the on-demand process.
This code retains the APEX naming convention for radio items, so you'll be able to process it, after submit, just like a regular item.
Hope this helps,
Arie.