Dynamically setting cgi-callout

Hi,
Maybe one of you guru's can help me.

My datacapture cfg consists of a radio button.

<item name="search">
<label>Search By</label>
<radio required="t">
<option value="DisplayProduct" label="Product" selected="t" />
<option value="DisplayAsset" label="Asset"/>
</radio>
</item>

Now depending on what they select ....I want to dynamically set the cgi-callout url in (the datacapture.cfg) of my Search button---see below.
How do I do that?

For example ...
if they select 'Asset' (see radio button above) I want the
url to be
"/iw-bin/InternetMarketing/resourcecenter/itpd_findasset.cgi"
else
(if they choose 'Product')
I want the url to be
"/iw-bin/InternetMarketing/resourcecenter/itpd_findproduct.cgi"

<item name="ModelName">
<label>Model Name</label>
<description>Select the product to feature on the category page.</description>
<text size="40" required="t">
<cgi-callout url="/iw-bin/InternetMarketing/resourcecenter/itpd_findproduct.cgi"
label="Search" window-features="width=750, height=500,resizable=yes,toolbar=no,scrollbars=yes"/>
</text>
</item>

And another weird thing is .....for some reason the product does not end up being selected even though I have selected="t"?????

Thanks in advance,

Annie

Find more posts tagged with

Comments

Sri

Hi,

You can achieve this by using onCallout method in FormAPI. Please refer to the CGICallouts section in FormAPI docs. It has quite good explanation on this.

Sri

Migrateduser

Annie,

There is no real way to change the URL of a callout during runtime. However, try this as an alternative.

Instead of specifying the URL of the callout in the datacapture.cfg file, have a formAPI script listen to the onCallout event of that item. From the listener, open a new window and point it to the appropriate URL. For example:


<script language="javascript">
    function init()
    {
        //Do your init here...
        IWEventRegistry.addItemHandler("/ModelName","onCallout",launchCallout);
    }

    //The formAPI framework passes in the item that the callout was clicked on.
    function launchCallout(item)
    {
        var searchItem = IWDatacapture.getItem("/search");
        var selIndex = searchItem.getValue();
        var url;
        switch (selIndex)
        {
            case 0:
                url = "/iw-bin/InternetMarketing/resourcecenter/itpd_findproduct.cgi" ;
                break;
            case 1:
                url = "/iw-bin/InternetMarketing/resourcecenter/itpd_findasset.cgi";
                break;
            default:
                //Some default
        }
        //You may have to append necessary values you'd like to pass to your CGI here...

        //BTW, you can also add window features to set the dimension, menu visibility, etc.
        window.open(url,"_blank");
    }
</script>

--Daniel

Migrateduser

Hi,
I am happy to post that I found a solution. My many thanks to danielyu who pointed me in the right direction.
So, here is my solution...in case anyone has to do the same in the future.

function init()
{
//Do your init here...
IWEventRegistry.addItemHandler("/ModelName","onCallout",launchCallout);
}

//The formAPI framework passes in the item that the callout was clicked on.
function launchCallout(item)
{

var searchItem = IWDatacapture.getItem("/search");
var selIndex = searchItem.getValue();
var item = parent.datacapture.itemsRegistry.find( 1 );
alert('item is ' + item);
var formElement = parent.datacapture.getFormElementFromItem( item );
alert('formeelement is ' + formElement);
var callout = item.getCallout();
alert('callout is ' + callout);
var url;
switch (selIndex)
{
case 0:
url = "/iw-bin/InternetMarketing/resourcecenter/itpd_findproduct.cgi" ;
break;
case 1:
url = "/iw-bin/InternetMarketing/resourcecenter/itpd_findasset.cgi";
break;
default:
//Some default
}

var windowFeatures = callout.windowFeatures;
if ( windowFeatures == "" )
{
windowFeatures = parent.datacapture.calloutWindowDefaultFeatures;
}

var calloutForm = parent.window.formframe.document.forms[parent.datacapture.formname];

calloutForm.action = url;
calloutForm.elements.iw_callback_var.value = formElement.name;
calloutForm.elements.iw_dcr_type.value=parent.gTDT;
calloutForm.elements.iw_dcr_vpath.value=parent.gDCRVPath;
calloutForm.elements.iw_dcr_path.value=parent.gDCRVPath; //added for backward compatibility
calloutForm.elements.iw_field_type.value = item.type;
calloutForm.elements.iw_form_name.value="parent.window.opener.top._dcWin.formframe.document."
+ parent.datacapture.formname ;
var description = item.description;

//Since descriptions are optional, we need to check for that...
if (description != null)
{
calloutForm.elements.iw_item_description.value = item.description;
}
else
{
calloutForm.elements.iw_item_description.value = "";
}
calloutForm.elements.iw_item_name.value = formElement.name;
calloutForm.elements.iw_item_value.value = item.getValue();

//get dcr name from dcrvpath
var dcrVPath = parent.gDCRVPath;
var dcrName = "";
var lastIndex = dcrVPath.lastIndexOf('/');
if(lastIndex != -1) {
dcrName = dcrVPath.slice(lastIndex + 1);
}
calloutForm.elements.iw_object_name.value=dcrName;

//sometimes a callout doesn't update dcr at all.
//in that case, setting it to dirty is probably wrong. Any thoughts??
parent.datacapture.dirty = true;

var date = new Date();
var calloutWinHandle = 'CalloutWin' + date.getHours() + date.getMinutes() + date.getSeconds();
var calloutWin = window.open("", calloutWinHandle, windowFeatures );

calloutForm.target = calloutWin.name;
calloutWin.focus();
calloutForm.submit();

}

My many thanks again,
Annie

getnaren

I have url value from form api as below:

can I use this in cgi callout like this?

see attachment

ISCBorisB

I have url value from form api as below:

urlpath = '/down.cgi?path='+ workarea_nm + '/' + var1 + '/' + var2 +'/';

can I use this in cgi callout like this?

see attachment

No, you can not propagate JS variable value back to DCT. What you can do is use FormAPI to catch the callout event and do what you want there.
So, in DCT:
<cgi-callout label="File">

In FormAPI Callout Event Handler:
window.open(urlpath, "File", "width=320,height=200,resizable=yes,toolbar=no,scrollbars=yes");