Hi,

We have a report consists of 5 list boxes.If i click the first(Parent) box data's are populated in the remaining boxes using chaining method.While data is populating in the childboxes need to display a hour glass cursor to represent that data is loading.(By default arrow is shown)

For this,the approach is while clicking some data in the first box, onchange event will call a function ,inside the function below code added:

document.body.style.cursor = 'Wait';

This code is working only when there is an alert message is added before this line.Otherwise hourglass cursor is not displaying/working at all.

But i need to display the hourglass cursor only don't want to display the alert message.

Any idea.Thanks in advance.

Thanks,
Veda

Webfocus version: 7.6.11

This message has been edited. Last edited by: Kerry,

This is a JavaScript question, so visit JavaScript forums. As well, how would you intend to change the cursor back to the pointer, it's not that easy to capture completion of the event.

Hi,

Thanks for your reply.Yes,I'll search in other javascript forums.While data's are populating hourglass icon displayed and the cursor back to the pointer automatically after the population is done.There is no separate code written for calling back.

Thanks,
Veda

quote:

As well, how would you intend to change the cursor back to the pointer,

Hi Veda/Francis,

I noticed that the "document.body.style.cursor = 'Wait'" can be used to make the cursor as hourglass and it is automatically changing back to the arrow cursor once finished. I think the actual issue is that , this particular command is working only with an alert message.

Note:- I am currently using 7.6.11

Thanks and Regards,
Johney Joseph.

Hi,

I have simulated the issue with car example using 2 listboxes.There also hourglass cursor not shown.Please check the below code am using.
for calling hourglass cursor.

function changecom()
{
if (document.forms[0].count.value == "0")
{
document.forms[0].count.value =1;
alert('Please wait for few seconds while other boxes being get populated');
}
alert('After this message hourglass cursor shown');
document.body.style.cursor = 'Wait'
}

<FORM name=frm1 form_type="2"> 
  <SELECT style="Z-INDEX: 1; POSITION: absolute; WIDTH: 340px; HEIGHT: 120px; TOP: 100px; LEFT: 230px"
        id=listbox1 tabIndex=1 multiple onchange=changecom[); size=3 persistentuniqueid="compUid_2" name="listbox1">
  </SELECT>
  <SELECT style="Z-INDEX: 2; POSITION: absolute; WIDTH: 340px; HEIGHT: 120px; TOP: 250px; LEFT: 230px"
        id=listbox2 tabIndex=2 multiple size=3 persistentuniqueid="compUid_3" name="listbox2">
  </SELECT>
  <INPUT id=count value=0 type=hidden persistentuniqueid="compUid_7" name="count">
</FORM>

In the above code, if i comment the alert message (alert('After this message hourglass cursor shown') then hour glass cursor will not be showing.But i dont want to display the alert message.

Thanks,
Veda

This message has been edited. Last edited by: Veda,

Veda,

Go to your last post and delete it using the edit icon. Then go back to your prior post and, again, edit it and enclose the code within [ code] and [/code] tag pairings. Then your code will look something like this -

***********************************************************
function changecom()
{
if (document.forms[0].count.value == "0")
{
document.forms[0].count.value =1;
alert('Please wait for few seconds while other boxes being get populated');
}
alert('After this message hourglass cursor shown');
document.body.style.cursor = 'Wait'
}

<FORM name=frm1 form_type="2"> 
  <SELECT style="Z-INDEX: 1; POSITION: absolute; WIDTH: 340px; HEIGHT: 120px; TOP: 100px; LEFT: 230px"
        id=listbox1 tabIndex=1 multiple onchange=changecom[); size=3 persistentuniqueid="compUid_2" name="listbox1">
  </SELECT>
  <SELECT style="Z-INDEX: 2; POSITION: absolute; WIDTH: 340px; HEIGHT: 120px; TOP: 250px; LEFT: 230px"
        id=listbox2 tabIndex=2 multiple size=3 persistentuniqueid="compUid_3" name="listbox2">
  </SELECT>
  <INPUT id=count value=0 type=hidden persistentuniqueid="compUid_7" name="count">
</FORM>
***********************************************************

T

Hi Tony,

Thanks for your suggestion

Hi Veda,

I am also working on this issue quite long time. I tried your code using the CAR table. I am getting hour glass cursor after commenting the alert. But the problem I faced is that hour glass cursor displays in the other part of page and not on the controls present in HTML page (for eg: listbox1 and listbox2).

I hour glass cursor can be get back to default cursor by using the below code

document.body.style.cursor = 'Default';

In this another issue is present, this hour glass cursor displays only after the listbox2 values loaded in it.

And my question is, in which event will make this hour glass cursor back to the default cursor?

If anyone had any suggestion, please help. I am trying this issue for long time.


Thanks,
Kumaravel.M

And one more thing FYI, I am using WebFOCUS 7.6.10

Thanks,
Kumaravel.M

Hi Kumuravel,

Thanks for your reply.I have checked again commenting after alert message.But not able find the hourglass cursor.Very rarely say out of 10 times,Once hourglass cursor visible(selecting All data in the listbox) but immediately disappears

we are not using any code to getting back the cursor for the default mode.This cursor changing to arrow by using internal setting in the webfocus server i guess.

I have tried with your above code for cursor changing but its not taking without alert message.

Thanks