I am trying to build my own select pull down menu that will close when
a click is observed outside of the pull down div, but I am having
trouble stopping the click event from triggering when the link to show
the pull down is clicked.  This is the relevant code:

<a onclick="showSelect();" id="start_time">Open Div</a>

function showSelect() {
  if($('dropdown').style.visibility == "visible") {
    $('dropdown').style.visibility = "hidden";
    Event.stopObserving(document.body, 'click', new_obj.bfx);

  } else {
    new_obj.bfx = new_obj.fx.bindAsEventListener(new_obj);
    $('dropdown').style.visibility = "visible";
    Event.observe(document.body, 'click', new_obj.bfx);
//!!this click event is triggered right away when the link with
id="start_time" is
//clicked.  I would like to remove this specific event somehow

//this function is suppossed to close the div the page is clicked
anywhere but on the div
  var new_obj = { fx: function(){
    $('dropdown').style.visibility = "hidden";

I would really appreciate any help or suggestions, I am pretty new to
prototype and this has me completely stumped.  Thanks.

You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to