Home/ Questions/Q 6383413
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T02:38:48+00:00

I am trying to use ClearBox JS to open an overlay onload, but my

  • 0

I am trying to use ClearBox JS to open an overlay onload, but my solutions don’t seem to work in Google Chrome.

using simulate from protolicious

<body onload="clickNameChange();">

function clickNameChange() {
  $("name_change_button").simulate("click");
}

<a id="name_change_button" href="/name_change.htm" rel="clearbox[width=600,,height=400]">Opener()</a>

I have the current window replaced with the content in my link instead of the ClearBox overlay opening as it does in FF and IE.

Alternate solutions tried: 

document.getElementById("name_change_button").onclick();

triggerEvent($("name_change_button"), "click");

function triggerEvent(element, eventName) {
  // safari, webkit, gecko
  if (document.createEvent)
  {
    var evt = document.createEvent('HTMLEvents');
    evt.initEvent(eventName, true, true);

    return element.dispatchEvent(evt);
  }

  // Internet Explorer
  if (element.fireEvent) {
    return element.fireEvent('on' + eventName);
  }
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It wasn’t possible to fix this. After showing the clearbox JS dev a demo-site he couldn’t resolve it.
    So I ended up running with a much simpler solution like this:
    http://weblogs.asp.net/jeff/archive/2006/10/25/Modal_2D00_style-pops-in-Javascript-and-CSS.aspx

    • 0